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

rem mixin correction

Browse Source
This commit is contained in:
Raphael Goetter 2014-05-03 12:25:11 +02:00
parent 07c0289467
commit 788ceb099b
2 changed files with 11 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
less/00-config.less
View File

@ -58,21 +58,10 @@
// px to em/rem // px to em/rem
.rem(@size, @bf: @basefont){ .rem(@size, @bf: @basefont){
@rem: @size / 10; @rem: @size / 10;
font-size: @basefont; font-size: @basefont * @size / 10;
font-size: unit(@rem, rem); font-size: unit(@rem, rem);
} }
.em(@size, @bf: @basefont){ .em(@size, @bf: @basefont){
@em: @size / @bf; @em: @size / @bf;
font-size: unit(@em, em); font-size: unit(@em, em);
} }
// flow for headings
.flow(@size, @bf: @basefont, @bh: @lh) {
@marg: @bh * @bf / @size;
@mt: unit(@marg,em);
margin-top: @mt;
margin-bottom: 0;
@rem: @size / 10;
font-size: unit(@rem, rem);
@coef: ceil(1/@mt);
line-height: unit((@mt * @coef));
}

21
less/01-base.less
View File

@ -79,27 +79,27 @@ caption,
details, details,
figure, figure,
hgroup { hgroup {
margin-top: .75em; margin-top: 0.75em;
margin-bottom: 0; margin-bottom: 0;
line-height: @lh; line-height: @lh;
} }
h1, .h1-like { h1, .h1-like {
.flow(@h1-size); .rem(@h1-size);
} }
h2, .h2-like { h2, .h2-like {
.flow(@h2-size); .rem(@h2-size);
} }
h3, .h3-like { h3, .h3-like {
.flow(@h3-size); .rem(@h3-size);
} }
h4, .h4-like { h4, .h4-like {
.flow(@h4-size); .rem(@h4-size);
} }
h5, .h5-like { h5, .h5-like {
.flow(@h5-size); .rem(@h5-size);
} }
h6, .h6-like { h6, .h6-like {
.flow(@h6-size); .rem(@h6-size);
} }
/* alternate font-sizing */ /* alternate font-sizing */
@ -147,13 +147,15 @@ strong,
/* == hiding content */ /* == hiding content */
/* ----------------------------- */ /* ----------------------------- */
/* hiding content */
.visually-hidden { .visually-hidden {
position: absolute !important; position: absolute !important;
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);
overflow: hidden; overflow: hidden;
height: 1px; width: 1px; height: 1px; width: 1px;
} }
body > script {
display: none !important;
}
@media print { @media print {
.no-print { .no-print {
display: none; display: none;
@ -199,9 +201,6 @@ img, table, td, blockquote, code, pre, textarea, input, video {
/* margin-bottom on tables */ /* margin-bottom on tables */
table { margin-bottom: @medium-value; } table { margin-bottom: @medium-value; }
/* scripts */
body > script {display: none !important;}
/* ----------------------------- */ /* ----------------------------- */
/* ==layout and modules */ /* ==layout and modules */