utilites typo helpers

This commit is contained in:
Raphael Goetter 2017-11-13 15:50:06 +01:00
parent 92f9b1354c
commit ff1ef5fb7e
5 changed files with 88 additions and 58 deletions

View File

@ -519,27 +519,6 @@ ul ul {
margin-bottom: 0;
}
/* Alternate font-sizing */
.smaller {
font-size: 0.6em;
}
.small {
font-size: 0.8em;
}
.big {
font-size: 1.2em;
}
.bigger {
font-size: 1.5em;
}
.biggest {
font-size: 2em;
}
/* Max values */
img,
table,
@ -980,6 +959,49 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
/* ---------------------------------- */
/* ==Helpers */
/* ---------------------------------- */
/* Typo Helpers */
/* ------------- */
.u-bold {
font-weight: 700;
}
.u-italic {
font-style: italic;
}
.u-normal {
font-weight: normal;
font-style: normal;
}
.u-uppercase {
text-transform: uppercase;
}
.u-lowercase {
text-transform: lowercase;
}
.u-smaller {
font-size: 0.6em;
}
.u-small {
font-size: 0.8em;
}
.u-big {
font-size: 1.2em;
}
.u-bigger {
font-size: 1.5em;
}
.u-biggest {
font-size: 2em;
}
/* State Helpers */
/* ------------- */
/* invisible for all */
@ -2825,8 +2847,3 @@ button:focus {
.row-all {
grid-row: 1 / -1;
}
/* ----------------------------- */
/* ==Own stylesheet */
/* ----------------------------- */
/* Here should go your own CSS styles */

File diff suppressed because one or more lines are too long

View File

@ -114,27 +114,6 @@ ul ul {
margin-bottom: 0;
}
/* Alternate font-sizing */
.smaller {
font-size: 0.6em;
}
.small {
font-size: 0.8em;
}
.big {
font-size: 1.2em;
}
.bigger {
font-size: 1.5em;
}
.biggest {
font-size: 2em;
}
/* Max values */
img,
table,

View File

@ -2,6 +2,50 @@
/* ==Helpers */
/* ---------------------------------- */
/* Typo Helpers */
/* ------------- */
.u-bold {
font-weight: $weight-bold;
}
.u-italic {
font-style: italic;
}
.u-normal {
font-weight: normal;
font-style: normal;
}
.u-uppercase {
text-transform: uppercase;
}
.u-lowercase {
text-transform: lowercase;
}
.u-smaller {
font-size: 0.6em;
}
.u-small {
font-size: 0.8em;
}
.u-big {
font-size: 1.2em;
}
.u-bigger {
font-size: 1.5em;
}
.u-biggest {
font-size: 2em;
}
/* State Helpers */
/* ------------- */

View File

@ -66,13 +66,3 @@
// New Grid System by default (Grid Layout). If you prefer old "Flexbox" Grid System, replace file with "components/grillade-flex.scss"
// Note that none of these file is prefixed by an underscore, in order to compile them.
@import "components/grillade-grid.scss"; // grid system with Grid Layout
/* ----------------------------- */
/* ==Own stylesheet */
/* ----------------------------- */
/* Here should go your own CSS styles */
// You can also link them with a Sass @import
// @import "my-styles";