From 788ceb099bb81068d705a729449e732b6ce1d8f9 Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Sat, 3 May 2014 12:25:11 +0200 Subject: [PATCH] rem mixin correction --- less/00-config.less | 13 +------------ less/01-base.less | 21 ++++++++++----------- 2 files changed, 11 insertions(+), 23 deletions(-) diff --git a/less/00-config.less b/less/00-config.less index aa9d00b..f58f465 100644 --- a/less/00-config.less +++ b/less/00-config.less @@ -58,21 +58,10 @@ // px to em/rem .rem(@size, @bf: @basefont){ @rem: @size / 10; - font-size: @basefont; + font-size: @basefont * @size / 10; font-size: unit(@rem, rem); } .em(@size, @bf: @basefont){ @em: @size / @bf; 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)); } \ No newline at end of file diff --git a/less/01-base.less b/less/01-base.less index b78a044..dc62cc2 100644 --- a/less/01-base.less +++ b/less/01-base.less @@ -79,27 +79,27 @@ caption, details, figure, hgroup { - margin-top: .75em; + margin-top: 0.75em; margin-bottom: 0; line-height: @lh; } h1, .h1-like { - .flow(@h1-size); + .rem(@h1-size); } h2, .h2-like { - .flow(@h2-size); + .rem(@h2-size); } h3, .h3-like { - .flow(@h3-size); + .rem(@h3-size); } h4, .h4-like { - .flow(@h4-size); + .rem(@h4-size); } h5, .h5-like { - .flow(@h5-size); + .rem(@h5-size); } h6, .h6-like { - .flow(@h6-size); + .rem(@h6-size); } /* alternate font-sizing */ @@ -147,13 +147,15 @@ strong, /* == hiding content */ /* ----------------------------- */ -/* hiding content */ .visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; } +body > script { + display: none !important; +} @media print { .no-print { display: none; @@ -199,9 +201,6 @@ img, table, td, blockquote, code, pre, textarea, input, video { /* margin-bottom on tables */ table { margin-bottom: @medium-value; } -/* scripts */ -body > script {display: none !important;} - /* ----------------------------- */ /* ==layout and modules */