dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

utilites typo helpers

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

69
css/knacss-unminified.css
View file

@ -519,27 +519,6 @@ ul ul {
margin-bottom: 0; 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 */ /* Max values */
img, img,
table, table,
@ -980,6 +959,49 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
/* ---------------------------------- */ /* ---------------------------------- */
/* ==Helpers */ /* ==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 */ /* State Helpers */
/* ------------- */ /* ------------- */
/* invisible for all */ /* invisible for all */
@ -2825,8 +2847,3 @@ button:focus {
.row-all { .row-all {
grid-row: 1 / -1; grid-row: 1 / -1;
} }
/* ----------------------------- */
/* ==Own stylesheet */
/* ----------------------------- */
/* Here should go your own CSS styles */

2
css/knacss.css
View file

File diff suppressed because one or more lines are too long

21
sass/_library/_base.scss
View file

@ -114,27 +114,6 @@ ul ul {
margin-bottom: 0; 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 */ /* Max values */
img, img,
table, table,

44
sass/_library/_utilities.scss
View file

@ -2,6 +2,50 @@
/* ==Helpers */ /* ==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 */ /* State Helpers */
/* ------------- */ /* ------------- */

10
sass/knacss.scss
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" // 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. // 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 @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";