Mercurial > libervia-templates

comparison sat_templates/templates/default/static/styles.css @ 211:bf33342902ed

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
author Goffi <goffi@goffi.org>
date Fri, 28 Jun 2019 17:38:43 +0200
parents e9bbf4462ea8
children 82b18c29dae3
comparison
equal deleted inserted replaced
210:0bc654ab2484 211:bf33342902ed
13 --color-prim--light: #ffffff; 13 --color-prim--light: #ffffff;
14 --color-prim--dark: #c7c7c7; 14 --color-prim--dark: #c7c7c7;
15 --color-sec: #448aff; 15 --color-sec: #448aff;
16 --color-sec--light: #83b9ff; 16 --color-sec--light: #83b9ff;
17 --color-sec--dark: #005ecb; 17 --color-sec--dark: #005ecb;
18 --color-warning: #8a0000;
18 } 19 }
19 20
20 /***************** 21 /*****************
21 * Main Elements * 22 * Main Elements *
22 *****************/ 23 *****************/
225 226
226 .labels a>span:hover { 227 .labels a>span:hover {
227 box-shadow: 0px 0px 6px 1px #000; 228 box-shadow: 0px 0px 6px 1px #000;
228 } 229 }
229 230
231 /** text **/
232
233 .text--warning {
234 font-weight: bold;
235 color: var(--color-warning);
236 }
237
238 .text--emphasis {
239 font-weight: bold;
240 }
241
242 .text--light-emphasis {
243 text-decoration: underline;
244 }
245
230 /** heading **/ 246 /** heading **/
231 247
232 .heading__subtitle { 248 .heading__subtitle {
233 font-size: 2em; 249 font-size: 2em;
234 text-align: center; 250 text-align: center;
235 } 251 }
236 252
237 .heading--plain { 253 .heading--plain {
238 background: var(--color-sec--light); 254 background: var(--color-sec--light);
255 }
256
257
258 .heading--paper {
259 font-variant: small-caps;
239 } 260 }
240 261
241 /** instructions **/ 262 /** instructions **/
242 263
243 .instructions--head { 264 .instructions--head {
649 *********/ 670 *********/
650 671
651 .grid { 672 .grid {
652 display: flex; 673 display: flex;
653 flex-wrap: wrap; 674 flex-wrap: wrap;
675 padding: 0;
654 } 676 }
655 677
656 ul.grid { 678 ul.grid {
657 list-style: none; 679 list-style: none;
658 } 680 }