utilites typo helpers
This commit is contained in:
parent
92f9b1354c
commit
ff1ef5fb7e
5 changed files with 88 additions and 58 deletions
|
@ -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
|
@ -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,
|
||||
|
|
|
@ -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 */
|
||||
/* ------------- */
|
||||
|
||||
|
|
|
@ -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";
|
||||
|
|
Loading…
Reference in a new issue