Mercurial > piecrust2

comparison docs/assets/css/piecrust.scss @ 1056:f6b0c6fe6e47

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
docs: Style tweaks.
author Ludovic Chabant <ludovic@chabant.com>
date Wed, 31 Jan 2018 20:56:02 -0800
parents 94d7d5e38571
children 1ab49e6add4f
comparison
equal deleted inserted replaced
1055:7e4742a60d14 1056:f6b0c6fe6e47
81 background-size: cover; 81 background-size: cover;
82 } 82 }
83 83
84 @mixin pc-banner-header($img-name) { 84 @mixin pc-banner-header($img-name) {
85 @include pc-banner($img-name); 85 @include pc-banner($img-name);
86 padding: 0 0 3em 0;
87 margin-bottom: 3em; 86 margin-bottom: 3em;
88 text-align: center; 87 text-align: center;
89 color: black; 88 color: black;
90 } 89 }
91 90
112 a.navbar-brand { 111 a.navbar-brand {
113 font-family: Lobster, serif; 112 font-family: Lobster, serif;
114 padding: (1rem / 1.25) 1rem; 113 padding: (1rem / 1.25) 1rem;
115 } 114 }
116 115
116 header {
117 padding: 3em 0;
118 }
119
117 h1 { 120 h1 {
118 font-family: Lobster, serif; 121 font-family: Lobster, serif;
119 font-size: 2em; 122 font-size: 2em;
120 margin-top: 0; 123 margin-top: 0;
121 margin-bottom: 0.375em; 124 margin-bottom: 0.375em;
141 font-size: 2.2em; 144 font-size: 2.2em;
142 } 145 }
143 146
144 blockquote { 147 blockquote {
145 font-size: $font-size-base; 148 font-size: $font-size-base;
146 border-left: 5px solid #f00; //$brand-info;
147 } 149 }
148 @media (min-width: map-get($grid-breakpoints, "md")) { 150 @media (min-width: map-get($grid-breakpoints, "md")) {
149 blockquote { 151 blockquote {
150 @include pc-decorator('../img/cake.png', 5px + $line-height-base); 152 @include pc-decorator('../img/cake.png', 5px + $line-height-base);
151 min-height: 126px; 153 min-height: 126px;
165 } 167 }
166 168
167 169
168 // Splash-page 170 // Splash-page
169 .pc-splash { 171 .pc-splash {
172 header {
173 padding: 1em 0 0 0;
174 }
170 h2 { 175 h2 {
171 @include pc-divider2(); 176 @include pc-divider2();
172 margin: 1em 0; 177 margin: 1em 0;
173 text-align: center; 178 text-align: center;
174 } 179 }
261 &>li>a { 266 &>li>a {
262 font-size: 1.1em; 267 font-size: 1.1em;
263 font-weight: bold; 268 font-weight: bold;
264 } 269 }
265 270
266 $doc-link-active: #f00; //darken($brand-success, 10%); 271 $doc-link-active: darken($red, 10%);
267 a.active { 272 a.active {
268 border-left: 3px solid $doc-link-active; 273 border-left: 3px solid $doc-link-active;
269 padding-left: 0.5em; 274 padding-left: 0.5em;
270 color: $doc-link-active; 275 color: $doc-link-active;
271 } 276 }