Move class header styles to separate file. (1b09c465) · Commits · extjs / jsduck

template/resources/sass/_class_header.scss

0 → 100644

+66 −0

Original line number	Diff line number	Diff line
		// Styles for class-overview page header.
		//
		// Although some styles in here also effect all pages, which is not good.
		// Notably h1 and print button.
		//
		@import "variables";

		#center-container {
		h1 {
		font-family: $docs-heading-font;
		letter-spacing: -1px;
		padding-bottom: 5px;
		padding-top: 2px;
		border-bottom: 1px #f1f1f1;
		font-size: 2.3em;
		color: #66ab16;

		// Icons for different class types
		a {
		color: #66ab16; // Same color as h1 itself
		margin-left: -3px;
		padding: 0.1em 0 0.4em 2em; }
		&.class a {
		background: url(../images/class-m.png) no-repeat 0 -5px; }
		&.component a {
		background: url(../images/component-m.png) no-repeat 0 -5px; }
		&.singleton a {
		background: url(../images/singleton-m.png) no-repeat 0 -5px; }

		// gray style for xtypes listing
		span {
		color: #929292;
		letter-spacing: 0;
		margin-left: 10px;
		font-size: 0.6em; }

		// View source... tooltip when hovering class name
		span.class-source-tip {
		font-size: 0.5em;
		position: absolute;
		top: 35px;
		left: 100px;
		display: none; }

		// Yellow text PRIVATE on private classes
		span.private {
		float: right;
		margin-right: 50px;
		font-weight: bold;
		color: #e7ba27;
		letter-spacing: 0px; } }

		// The print button
		.print {
		background: url(../images/print.png) no-repeat;
		position: absolute;
		right: 0;
		top: 5px;
		display: block;
		text-indent: -9999px;
		width: 32px;
		height: 32px;
		// Adjust in bottom-left direction in guides context
		&.guide {
		right: 15px;
		top: 15px; } } }

template/resources/sass/viewport.scss

+1 −63

Original line number	Diff line number	Diff line
		@@ -16,67 +16,10 @@
		@import "thumb_list";
		@import "categories";
		@import "failure";
		@import "class_header";

		@include icons;

		#center-container {
		h1 {
		font-family: $docs-heading-font;
		letter-spacing: -1px;
		padding-bottom: 5px;
		padding-top: 2px;
		border-bottom: 1px #f1f1f1;
		font-size: 2.3em;
		color: #66ab16;
		a {
		color: #66ab16; }
		span {
		color: #929292;
		letter-spacing: 0;
		margin-left: 10px;
		font-size: 0.6em; }
		span.class-source-tip {
		font-size: 0.5em;
		position: absolute;
		top: 35px;
		left: 100px;
		display: none; }
		span.private {
		float: right;
		margin-right: 50px;
		font-weight: bold;
		color: #e7ba27;
		letter-spacing: 0px; } }

		.print {
		background: url(../images/print.png) no-repeat;
		position: absolute;
		right: 0;
		top: 5px;
		display: block;
		text-indent: -9999px;
		width: 32px;
		height: 32px; }
		.print.guide {
		right: 15px;
		top: 15px; }

		h1.class {
		a {
		background: url(../images/class-m.png) no-repeat 0 -5px;
		margin-left: -12px;
		padding: 0.1em 0 0.4em 2em; } }
		h1.component {
		a {
		background: url(../images/component-m.png) no-repeat 0 -5px;
		margin-left: -12px;
		padding: 0.1em 0 0.4em 2em; } }
		h1.singleton {
		a {
		background: url(../images/singleton-m.png) no-repeat 0 -5px;
		margin-left: -12px;
		padding: 0.1em 0 0.4em 2em; } } }

		.card-panel {
		line-height: 1.5em;
		h3 {
		@@ -376,11 +319,6 @@ p.screenshot {
		padding: 15px 10px 10px 10px; }


		#center-container h1.class a,
		#center-container h1.component a,
		#center-container h1.singleton a { /* You should really give these a class of Page Title rather than call out individually */
		margin-left: -3px; }

		#center-container .doc-contents h1,
		#center-container .doc-contents h2 {
		letter-spacing: 0; }