From d2c19663e1a1dc2cfa6ac14f519d5d6548a9366e Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Mon, 18 Nov 2013 12:14:28 +0100 Subject: [PATCH] LESS config file --- less/_00-config.less | 41 +++++++++++++++++++++++++++++++++++++++++ less/_01-base.less | 4 ++-- less/knackLESS.zip | Bin 8678 -> 8956 bytes less/knacss.less | 43 +++++-------------------------------------- 4 files changed, 48 insertions(+), 40 deletions(-) create mode 100644 less/_00-config.less diff --git a/less/_00-config.less b/less/_00-config.less new file mode 100644 index 0000000..e1925e3 --- /dev/null +++ b/less/_00-config.less @@ -0,0 +1,41 @@ +// Config file : variables, mixins, ... + +// LESS values : adapt them to your design +@basefont : 14px; // if "14px" then 1em = 14px +@lh : 1.5; // equiv line-height 1.5em +@basecolor : #000; // text color on body +@basebg : #fff; // body background color +@basecolor-link : #333; // primary links color; +@basecolor-link-hover : #000; // primary hovered/focused links color; +@smallvalue : 10px; // small value for margins / paddings +@mediumvalue : 20px; // medium value for margins / paddings +@largevalue : 30px; // large value for margins / paddings +@tinyscreen : 480px; // tiny screens media query +@smallscreen : 768px; // small screens media query +@largescreen : 1280px; // large screens media query +@gutter : 20px; // gutter value (%, px, em, rem, etc) for grid layouts +@fontstack1 : helvetica, arial, sans-serif; // common font +@fontstack2 : consolas, 'DejaVu Sans Mono', courier, monospace; // monospace font +@fontstack3 : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack + +// LESS mixins : don't touch or you'll be banned ;) +// px to em/rem +.rem(@size, @bf: @basefont){ + @em: round((@size / @bf),4); + font-size: unit(@em, em); + @rem: round((@size / 10),4); + font-size: unit(@rem, rem); +} +// flow for headings +.flow(@size, @bf: @basefont, @bh: @lh) { + @marg: @bh * @bf / @size; + @mt: unit(round(@marg,4),em); + margin-top: @mt; + margin-bottom: 0; + @em: round((@size / @bf),4); + font-size: unit(@em, em); + @rem: round((@size / 10),4); + 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 4f4e43b..e2fba25 100644 --- a/less/_01-base.less +++ b/less/_01-base.less @@ -8,8 +8,8 @@ html { font-size: 62.5%; } body { - background-color: #fff; - color: #000; + background-color: @basebg; + color: @basecolor; font-family: @fontstack1; font-size: unit((@basefont / 10), em); line-height: @lh; // adapt to your design diff --git a/less/knackLESS.zip b/less/knackLESS.zip index 5be4dfc833681e20e0913843b667c1d7e33341de..4f494efcd8b095ade7d4597a47d78fb8af76df5b 100644 GIT binary patch delta 4414 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 NFurPBGRN=P{{X7E{|f*B delta 4086 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 Zt^e@3mKx4oivYmAyG?V~a1-da_g_IsZ;k)} diff --git a/less/knacss.less b/less/knacss.less index 48e2e80..630ce67 100644 --- a/less/knacss.less +++ b/less/knacss.less @@ -1,43 +1,10 @@ /*! -* www.KNACSS.com V2.9 (2013-10) @author: Raphael Goetter, Alsacreations +* www.KNACSS.com V2.9 (2013-11) @author: Raphael Goetter, Alsacreations * Licence WTFPL http://www.wtfpl.net/ */ -// LESS values : adapt them to your design -@basefont : 14px; // if "14px" then 1em = 14px -@lh : 1.5; // equiv line-height 1.5em -@smallvalue : 10px; // small value for margins / paddings -@mediumvalue : 20px; // medium value for margins / paddings -@largevalue : 30px; // large value for margins / paddings -@tinyscreen : 480px; // tiny screens media query -@smallscreen : 768px; // small screens media query -@largescreen : 1280px; // large screens media query -@gutter : 20px; // gutter value (%, px, em, rem, etc) for grid layouts -@fontstack1 : helvetica, arial, sans-serif; // common font -@fontstack2 : consolas, 'DejaVu Sans Mono', courier, monospace; // monospace font -@fontstack3 : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack - -// LESS mixins : don't touch or you'll be banned ;) -// px to em/rem -.rem(@size, @bf: @basefont){ - @em: round((@size / @bf),4); - font-size: unit(@em, em); - @rem: round((@size / 10),4); - font-size: unit(@rem, rem); -} -// flow for headings -.flow(@size, @bf: @basefont, @bh: @lh) { - @marg: @bh * @bf / @size; - @mt: unit(round(@marg,4),em); - margin-top: @mt; - margin-bottom: 0; - @em: round((@size / @bf),4); - font-size: unit(@em, em); - @rem: round((@size / 10),4); - font-size: unit(@rem, rem); - @coef: ceil(1/@mt); - line-height: unit((@mt * @coef)); -} +// LESS config file +@import "_00-config"; // LESS base styles @import "_01-base"; @@ -56,5 +23,5 @@ /* ----------------------------- */ /* Here should go your own CSS styles */ -/* You can link them with a LESS @import */ -/* @import "_my-styles.less"; */ \ No newline at end of file +/* You can also link them with a LESS @import */ +/* @import "my-styles.less"; */ \ No newline at end of file