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

version 6.1.0

Browse source 
see changelog
This commit is contained in:
Raphael Goetter 2017-03-03 16:51:48 +01:00
parent 0a5de6e6c2
commit e29a67981e
11 changed files with 472 additions and 284 deletions
Download patch file Download diff file Expand all files Collapse all files

52
sass/library/_base.scss
View file

@ -21,23 +21,33 @@ html {
body {
font-size: $base-font-size;
background-color: $base-background;
color: $base-color;
@if variable_exists(base-font-size-l) and $base-font-size-l != $base-font-size {
@include respond-to("tiny-up") {
font-size: $base-font-size-l;
}
}
background-color: $background-base;
color: $color-base;
font-family: $font-stack-common;
line-height: $line-height;
@if variable_exists(line-height-l) and $line-height-l != $line-height {
@include respond-to("tiny-up") {
line-height: $line-height-l;
}
}
}
a {
color: $link-color;
color: $color-link;
// No styling on focus/hover if there's no effect. Avoids to then have to
// override it countless times. See Issue #232
@if variable_exists(link-hover-color) and
( null == index( ($link-color, null, false), $link-hover-color) ) {
@if variable_exists(color-link-hover) and
( null == index( ($color-link, null, false), $color-link-hover) ) {
&:focus,
&:hover,
&:active {
color: $link-hover-color;
color: $color-link-hover;
}
}
}
@ -79,6 +89,11 @@ figure {
h1, .#{$kna-namespace}h1-like {
font-size: $h1-size;
@if variable_exists(h1-size-l) and $h1-size-l != $h1-size {
@include respond-to("tiny-up") {
font-size: $h1-size-l;
}
}
@if variable_exists(font-stack-headings) and $font-stack-headings != $font-stack-common {
font-family: $font-stack-headings;
}
@ -86,6 +101,11 @@ h1, .#{$kna-namespace}h1-like {
h2, .#{$kna-namespace}h2-like {
font-size: $h2-size;
@if variable_exists(h2-size-l) and $h2-size-l != $h2-size {
@include respond-to("tiny-up") {
font-size: $h2-size-l;
}
}
@if variable_exists(font-stack-headings) and $font-stack-headings != $font-stack-common {
font-family: $font-stack-headings;
}
@ -93,18 +113,38 @@ h2, .#{$kna-namespace}h2-like {
h3, .#{$kna-namespace}h3-like {
font-size: $h3-size;
@if variable_exists(h3-size-l) and $h3-size-l != $h3-size {
@include respond-to("tiny-up") {
font-size: $h3-size-l;
}
}
}
h4, .#{$kna-namespace}h4-like {
font-size: $h4-size;
@if variable_exists(h4-size-l) and $h4-size-l != $h4-size {
@include respond-to("tiny-up") {
font-size: $h4-size-l;
}
}
}
h5, .#{$kna-namespace}h5-like {
font-size: $h5-size;
@if variable_exists(h5-size-l) and $h5-size-l != $h5-size {
@include respond-to("tiny-up") {
font-size: $h5-size-l;
}
}
}
h6, .#{$kna-namespace}h6-like {
font-size: $h6-size;
@if variable_exists(h6-size-l) and $h6-size-l != $h6-size {
@include respond-to("tiny-up") {
font-size: $h1-size-l;
}
}
}
/* alternate font-sizing */