Underscoring partial included files

This commit is contained in:
Raphael Goetter 2014-06-30 21:16:22 +02:00
parent 34a923e2ef
commit a21d58070c
29 changed files with 71 additions and 88 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "KNACSS", "name": "KNACSS",
"version": "3.0.3", "version": "3.0.4",
"homepage": "http://www.knacss.com/", "homepage": "http://www.knacss.com/",
"authors": [ "authors": [
"Raphaël GOETTER, Alsacreations" "Raphaël GOETTER, Alsacreations"

View File

@ -1,14 +1,5 @@
// Config file : variables, mixins, ... // Config file : variables, mixins, ...
// booleans
@enable-ie678 : true; // "true" to activate IE6/IE7/IE8 support
@enable-styling : true; // "true" to design basic elements like code, mark, blockquotes, etc.
@enable-gmaps : true; // if google maps is used
@enable-skip-links : true; // "true" to design skip links for accessibility concerns
@enable-hyphens : true; // activate automatic hyphens on small screens
@enable-helpers-width : true; // decide whether or not you need width helpers
@enable-helpers-spacing : true; // decide whether or not you need spacing helpers
// font sizes // font sizes
@base-font-size : 14px; // if "14px" then 1em = 14px @base-font-size : 14px; // if "14px" then 1em = 14px
@line-height : 1.5; // equiv line-height 1.5 @line-height : 1.5; // equiv line-height 1.5
@ -21,16 +12,18 @@
// font stacks // font stacks
@font-stack-common : Helvetica, Arial, sans-serif; // common font @font-stack-common : Helvetica, Arial, sans-serif; // common font
@font-stack-headings : Helvetica, Arial, sans-serif; // headings font
@font-stack-monospace : Consolas, 'DejaVu Sans Mono', Courier, monospace; // monospace font @font-stack-monospace : Consolas, 'DejaVu Sans Mono', Courier, monospace; // monospace font
@font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack @font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack
// font colors // font colors
@base-color : #000; // text color on body @primary-color : #000; // text color on body and content
@base-color-link : #333; // primary links color; @headings-color : #000; // text color on headings
@base-color-link-hover : #000; // primary hovered/focused links color; @primary-color-link : #333; // primary links color
@primary-color-link-hover : #000; // primary hovered/focused links color
// backgrounds // backgrounds
@base-background : #fff; // body background color @primary-background : #fff; // body background color
// spacings // spacings
@tiny-value : 0.5em; // tiny value for margins / paddings @tiny-value : 0.5em; // tiny value for margins / paddings
@ -51,6 +44,15 @@
// misc // misc
@gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem @gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
// booleans
@enable-ie678 : true; // "true" to activate IE6/IE7/IE8 support
@enable-styling : true; // "true" to design basic elements like code, mark, blockquotes, etc.
@enable-gmaps : true; // if google maps is used
@enable-skip-links : true; // "true" to design skip links for accessibility concerns
@enable-hyphens : true; // activate automatic hyphens on small screens
@enable-helpers-width : true; // decide whether or not you need width helpers
@enable-helpers-spacing : true; // decide whether or not you need spacing helpers
// LESS mixins : don't touch or you'll be banned ;) // LESS mixins : don't touch or you'll be banned ;)
// px to em/rem // px to em/rem
.rem(@size, @bf: @base-font-size){ .rem(@size, @bf: @base-font-size){

View File

@ -1,6 +1,5 @@
@import "00-config";
/*! /*!
* www.KNACSS.com V3.0.3 (2014-05-19) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V3.0.4 (2014-06-30) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
@ -69,12 +68,19 @@ body {
/* set body font-size in em (1.4em equiv "14px") */ /* set body font-size in em (1.4em equiv "14px") */
font-size: unit((@base-font-size / 10), em); font-size: unit((@base-font-size / 10), em);
background-color: @base-background; background-color: @primary-background;
color: @base-color; color: @primary-color;
font-family: @font-stack-common; font-family: @font-stack-common;
line-height: @line-height; line-height: @line-height;
} }
a {
color: @primary-color-link;
&:hover, &:focus, &:active {
color: @primary-color-link-hover;
}
}
/* font-sizing for content */ /* font-sizing for content */
p, p,
.p-like, .p-like,

View File

@ -1,5 +1,3 @@
@import "00-config";
/* ---------------------------------- */ /* ---------------------------------- */
/* ==classic grids */ /* ==classic grids */
/* .. use it when gutter size matters */ /* .. use it when gutter size matters */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==tables */ /* ==tables */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==forms */ /* ==forms */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==icons and bullets */ /* ==icons and bullets */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==desktop and HD devices */ /* ==desktop and HD devices */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* flexbox layout /* flexbox layout
Tutorial: http://knacss.com/demos/tutoriel.html#flex */ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex { .flex {

View File

@ -1,4 +1,3 @@
@import "00-config";
/* quick print reset */ /* quick print reset */
@media print { @media print {

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==booleans */ /* ==booleans */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==gmaps support */ /* ==gmaps support */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==IE6, IE7, IE8 support */ /* ==IE6, IE7, IE8 support */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==minor stylings */ /* ==minor stylings */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,21 +1,21 @@
// LESS config file // LESS config file
@import "00-config"; @import "_00-config";
// LESS base styles // LESS base styles
@import "01-base"; @import "_01-base";
// LESS files : chose the ones you need // LESS files : chose the ones you need
@import "02-grids"; @import "_02-grids";
@import "03-tables"; @import "_03-tables";
@import "04-forms"; @import "_04-forms";
@import "05-icons"; @import "_05-icons";
@import "06-rwd"; @import "_06-rwd";
@import "07-flexbox"; @import "_07-flexbox";
@import "08-print"; @import "_08-print";
@import "09-booleans"; @import "_09-booleans";
@import "10-gmaps"; @import "_10-gmaps";
@import "11-ie"; @import "_11-ie";
@import "12-styling"; @import "_12-styling";
/* ----------------------------- */ /* ----------------------------- */
/* ==own stylesheet */ /* ==own stylesheet */

View File

@ -1,15 +1,5 @@
// Config file : variables, mixins, ... // Config file : variables, mixins, ...
// booleans
$enable-ie678 : true; // "true" to activate IE6/IE7/IE8 support
$enable-styling : true; // "true" to design basic elements like code, mark, blockquotes, etc.
$enable-gmaps : true; // if google maps is used
$enable-skip-links : true; // "true" to design skip links for accessibility concerns
$enable-hyphens : true; // activate automatic hyphens on small screens
$enable-helpers-width : true; // decide whether or not you need width helpers
$enable-helpers-spacing : true; // decide whether or not you need spacing helpers
// font sizes // font sizes
$base-font-size : 14px; // if "14px" then 1em = 14px $base-font-size : 14px; // if "14px" then 1em = 14px
$line-height : 1.5; // equiv line-height 1.5 $line-height : 1.5; // equiv line-height 1.5
@ -22,16 +12,17 @@ $h6-size : 1.6rem; // equiv "16px"
// font stacks // font stacks
$font-stack-common : Helvetica, Arial, sans-serif; // common font $font-stack-common : Helvetica, Arial, sans-serif; // common font
$font-stack-headings : Helvetica, Arial, sans-serif; // headings font
$font-stack-monospace : Consolas, 'DejaVu Sans Mono', Courier, monospace; // monospace font $font-stack-monospace : Consolas, 'DejaVu Sans Mono', Courier, monospace; // monospace font
$font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack $font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack
// font colors // font colors
$base-color : #000; // text color on body $primary-color : #000; // text color on body
$base-color-link : #333; // primary links color; $primary-color-link : #333; // primary links color;
$base-color-link-hover : #000; // primary hovered/focused links color; $primary-color-link-hover : #000; // primary hovered/focused links color;
// backgrounds // backgrounds
$base-background : #fff; // body background color $primary-background : #fff; // body background color
// spacings // spacings
$tiny-value : 0.5em; // tiny value for margins / paddings $tiny-value : 0.5em; // tiny value for margins / paddings
@ -44,13 +35,22 @@ $ultra-large-value : 10em; // ultra large value for margins / paddings
// breakpoints // breakpoints
$tiny-screen : 320px; // tiny screens media query $tiny-screen : 320px; // tiny screens media query
$small-screen : 480px; // small screens media query $small-screen : 480px; // small screens media query
$medium-screen : 768px; // small screens media query $medium-screen : 768px; // medium screens media query
$large-screen : 1024px; // large screens media query $large-screen : 1024px; // large screens media query
$extra-large-screen : 1280px; // extra large screens media query $extra-large-screen : 1280px; // extra large screens media query
$ultra-large-screen : 1600px; // ultra large screens media query $ultra-large-screen : 1600px; // ultra large screens media query
// misc // misc
$gutter : 20px; // gutter value (%, px, em, rem) for grid layouts $gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
// booleans
$enable-ie678 : true; // "true" to activate IE6/IE7/IE8 support
$enable-styling : true; // "true" to design basic elements like code, mark, blockquotes, etc.
$enable-gmaps : true; // if google maps is used
$enable-skip-links : true; // "true" to design skip links for accessibility concerns
$enable-hyphens : true; // activate automatic hyphens on small screens
$enable-helpers-width : true; // decide whether or not you need width helpers
$enable-helpers-spacing : true; // decide whether or not you need spacing helpers
// Sass mixins : don't touch or you'll be banned ;) // Sass mixins : don't touch or you'll be banned ;)

View File

@ -1,6 +1,5 @@
@import "00-config";
/*! /*!
* www.KNACSS.com V3.0.3 (2014-05-19) @author: Raphael Goetter, Alsacreations (with help from Hugo Giraudel) * www.KNACSS.com V3.0.4 (2014-06-30) @author: Raphael Goetter, Alsacreations (with help from Hugo Giraudel)
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
@ -68,8 +67,8 @@ body {
/* set body font-size in em (1.4em equiv "14px") */ /* set body font-size in em (1.4em equiv "14px") */
font-size: ($base-font-size / 10px) + em; font-size: ($base-font-size / 10px) + em;
background-color: $base-background; background-color: $primary-background;
color: $base-color; color: $primary-color;
font-family: $font-stack-common; font-family: $font-stack-common;
line-height: $line-height; line-height: $line-height;
} }

View File

@ -1,5 +1,3 @@
@import "00-config";
/* ---------------------------------- */ /* ---------------------------------- */
/* ==classic grids */ /* ==classic grids */
/* .. use it when gutter size matters */ /* .. use it when gutter size matters */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==tables */ /* ==tables */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==forms */ /* ==forms */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==icons and bullets */ /* ==icons and bullets */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==desktop and HD devices */ /* ==desktop and HD devices */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* flexbox layout /* flexbox layout
Tutorial: http://knacss.com/demos/tutoriel.html#flex */ Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex { .flex {

View File

@ -1,4 +1,3 @@
@import "00-config";
/* quick print reset */ /* quick print reset */
@media print { @media print {
* { * {

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==booleans */ /* ==booleans */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==gmaps support */ /* ==gmaps support */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==IE6, IE7, IE8 support */ /* ==IE6, IE7, IE8 support */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,4 +1,3 @@
@import "00-config";
/* ----------------------------- */ /* ----------------------------- */
/* ==minor stylings */ /* ==minor stylings */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,21 +1,21 @@
// Sass config file // Sass config file
@import "00-config"; @import "_00-config";
// Sass base styles // Sass base styles
@import "01-base"; @import "_01-base";
// Sass files : chose the ones you need // Sass files : chose the ones you need
@import "02-grids"; @import "_02-grids";
@import "03-tables"; @import "_03-tables";
@import "04-forms"; @import "_04-forms";
@import "05-icons"; @import "_05-icons";
@import "06-rwd"; @import "_06-rwd";
@import "07-flexbox"; @import "_07-flexbox";
@import "08-print"; @import "_08-print";
@import "09-booleans"; @import "_09-booleans";
@import "10-gmaps"; @import "_10-gmaps";
@import "11-ie"; @import "_11-ie";
@import "12-styling"; @import "_12-styling";
/* ----------------------------- */ /* ----------------------------- */
/* ==own stylesheet */ /* ==own stylesheet */