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

v6.1.2 (21 juin 2017)

Browse source
This commit is contained in:
Raphael Goetter 2017-06-21 10:50:33 +02:00
parent 679a936f5b
commit 689c3d32f7
14 changed files with 54 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

13
sass/_config/_breakpoints.scss
View file

@ -1,9 +1,10 @@
// Responsive breakpoints variables
// Warning : you should use your own values, regardless of the devices
// Best practise : (max-width: $BP) and (min-width: ($BP + 1))
$tiny: 543px !default; // or 'em' if you prefer, of course
$small: 767px !default;
$medium: 991px !default;
$large: 1199px !default;
$extra-large: 1439px !default;
// Best practise : (max-width: ($BP - 1)) and (min-width: $BP)
$tiny: 480px !default; // or 'em' if you prefer, of course
$small: 576px !default;
$medium: 768px !default;
$large: 992px !default;
$extra-large: 1200px !default;

20
sass/_config/_mixins.scss
View file

@ -1,16 +1,16 @@
// Additionnal "utility" breakpoints aliases
// ex. @include respond-to("medium-up") {...}
$bp-aliases: (
'tiny' : (max-width: #{$tiny}),
'small' : (max-width: #{$small}),
'medium' : (max-width: #{$medium}),
'large' : (max-width: #{$large}),
'extra-large' : (max-width: #{$extra-large}),
'tiny-up' : (min-width: #{$tiny + 1}),
'small-up' : (min-width: #{$small + 1}),
'medium-up' : (min-width: #{$medium + 1}),
'large-up' : (min-width: #{$large + 1}),
'extra-large-up' : (min-width: #{$extra-large + 1}),
'tiny' : (max-width: #{$tiny - 1}),
'small' : (max-width: #{$small - 1}),
'medium' : (max-width: #{$medium - 1}),
'large' : (max-width: #{$large - 1}),
'extra-large' : (max-width: #{$extra-large - 1}),
'tiny-up' : (min-width: #{$tiny}),
'small-up' : (min-width: #{$small}),
'medium-up' : (min-width: #{$medium}),
'large-up' : (min-width: #{$large}),
'extra-large-up' : (min-width: #{$extra-large}),
'retina' : (min-resolution: 2dppx)
);

2
sass/_config/_variables.scss
View file

@ -21,7 +21,7 @@ $h5-size-l : 1.8rem !default; // equiv "18px"
$h6-size-l : 1.6rem !default; // equiv "16px"
// font stacks
$font-stack-common : sans-serif !default; // common font
$font-stack-common : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !default; // system font stack
$font-stack-headings : sans-serif !default; // headings font
$font-stack-monospace : consolas, courier, monospace !default; // monospace font