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

Underscoring partial included files

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

2
bower.json
View file

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

28
less/00-config.less → less/_00-config.less
View file

@ -1,14 +1,5 @@
// 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
@base-font-size : 14px; // if "14px" then 1em = 14px
@line-height : 1.5; // equiv line-height 1.5
@ -21,16 +12,18 @@
// font stacks
@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-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack
// font colors
@base-color : #000; // text color on body
@base-color-link : #333; // primary links color;
@base-color-link-hover : #000; // primary hovered/focused links color;
@primary-color : #000; // text color on body and content
@headings-color : #000; // text color on headings
@primary-color-link : #333; // primary links color
@primary-color-link-hover : #000; // primary hovered/focused links color
// backgrounds
@base-background : #fff; // body background color
@primary-background : #fff; // body background color
// spacings
@tiny-value : 0.5em; // tiny value for margins / paddings
@ -51,6 +44,15 @@
// misc
@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 ;)
// px to em/rem
.rem(@size, @bf: @base-font-size){

14
less/01-base.less → less/_01-base.less
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/
*/
@ -69,12 +68,19 @@ body {
/* set body font-size in em (1.4em equiv "14px") */
font-size: unit((@base-font-size / 10), em);
background-color: @base-background;
color: @base-color;
background-color: @primary-background;
color: @primary-color;
font-family: @font-stack-common;
line-height: @line-height;
}
a {
color: @primary-color-link;
&:hover, &:focus, &:active {
color: @primary-color-link-hover;
}
}
/* font-sizing for content */
p,
.p-like,

2
less/02-grids.less → less/_02-grids.less
View file

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

1
less/03-tables.less → less/_03-tables.less
View file

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

1
less/04-forms.less → less/_04-forms.less
View file

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

1
less/05-icons.less → less/_05-icons.less
View file

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

1
less/06-rwd.less → less/_06-rwd.less
View file

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

1
less/07-flexbox.less → less/_07-flexbox.less
View file

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

1
less/08-print.less → less/_08-print.less
View file

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

1
less/09-booleans.less → less/_09-booleans.less
View file

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

1
less/10-gmaps.less → less/_10-gmaps.less
View file

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

1
less/11-ie.less → less/_11-ie.less
View file

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

1
less/12-styling.less → less/_12-styling.less
View file

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

26
less/knacss.less
View file

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

32
sass/00-config.scss → sass/_00-config.scss
View file

@ -1,15 +1,5 @@
// 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
$base-font-size : 14px; // if "14px" then 1em = 14px
$line-height : 1.5; // equiv line-height 1.5
@ -22,16 +12,17 @@ $h6-size : 1.6rem; // equiv "16px"
// font stacks
$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-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack
// font colors
$base-color : #000; // text color on body
$base-color-link : #333; // primary links color;
$base-color-link-hover : #000; // primary hovered/focused links color;
$primary-color : #000; // text color on body
$primary-color-link : #333; // primary links color;
$primary-color-link-hover : #000; // primary hovered/focused links color;
// backgrounds
$base-background : #fff; // body background color
$primary-background : #fff; // body background color
// spacings
$tiny-value : 0.5em; // tiny value for margins / paddings
@ -44,13 +35,22 @@ $ultra-large-value : 10em; // ultra large value for margins / paddings
// breakpoints
$tiny-screen : 320px; // tiny 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
$extra-large-screen : 1280px; // extra large screens media query
$ultra-large-screen : 1600px; // ultra large screens media query
// 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 ;)

7
sass/01-base.scss → sass/_01-base.scss
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/
*/
@ -68,8 +67,8 @@ body {
/* set body font-size in em (1.4em equiv "14px") */
font-size: ($base-font-size / 10px) + em;
background-color: $base-background;
color: $base-color;
background-color: $primary-background;
color: $primary-color;
font-family: $font-stack-common;
line-height: $line-height;
}

2
sass/02-grids.scss → sass/_02-grids.scss
View file

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

1
sass/03-tables.scss → sass/_03-tables.scss
View file

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

1
sass/04-forms.scss → sass/_04-forms.scss
View file

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

1
sass/05-icons.scss → sass/_05-icons.scss
View file

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

1
sass/06-rwd.scss → sass/_06-rwd.scss
View file

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

1
sass/07-flexbox.scss → sass/_07-flexbox.scss
View file

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

1
sass/08-print.scss → sass/_08-print.scss
View file

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

1
sass/09-booleans.scss → sass/_09-booleans.scss
View file

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

1
sass/10-gmaps.scss → sass/_10-gmaps.scss
View file

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

1
sass/11-ie.scss → sass/_11-ie.scss
View file

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

1
sass/12-styling.scss → sass/_12-styling.scss
View file

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

26
sass/knacss.scss
View file

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