diff --git a/less/_00-config.less b/less/_00-config.less index 7e87c5c..1690bb8 100644 --- a/less/_00-config.less +++ b/less/_00-config.less @@ -26,6 +26,9 @@ @primary-color : #000; // text color on primary elements @secondary-color : #000; // text color on secondary elements @headings-color : #000; // text color on headings +@headings-1-color : #000; // text color on headings level 1 +@headings-2-color : #000; // text color on headings level 2 +@headings-3-color : #000; // text color on headings level 3 @base-color-link : #333; // base links color @base-color-link-hover : #000; // base hovered/focused links color diff --git a/less/_03-grids.less b/less/_03-grids.less index 7b4de96..5e8a865 100644 --- a/less/_03-grids.less +++ b/less/_03-grids.less @@ -138,7 +138,7 @@ @size: (@right / (@left + @right)) * 100%; width: ~'calc(@{size} - @{gutter} - .01px)'; } - @media (max-width: @tiny-screen) { + @media (max-width: @small-screen) { & > *:nth-child(n) { width: ~'calc(100% - @{gutter} - .01px)'; } diff --git a/sass/_00-config.scss b/sass/_00-config.scss index e510f74..9341b4c 100644 --- a/sass/_00-config.scss +++ b/sass/_00-config.scss @@ -26,6 +26,9 @@ $base-color : #000 !default; // text color on body and content $primary-color : #000 !default; // text color on primary elements $secondary-color : #000 !default; // text color on secondary elements $headings-color : #000 !default; // text color on headings +$headings-1-color : #000 !default; // text color on headings level 1 +$headings-2-color : #000 !default; // text color on headings level 2 +$headings-3-color : #000 !default; // text color on headings level 3 $base-color-link : #333 !default; // base links color $base-color-link-hover : #000 !default; // base hovered/focused links color diff --git a/sass/_03-grids.scss b/sass/_03-grids.scss index 50b852f..613ec60 100644 --- a/sass/_03-grids.scss +++ b/sass/_03-grids.scss @@ -147,7 +147,7 @@ $size: ($right / ($left + $right)) * 100%; width: calc(#{$size} - #{$gutter}); } - @media (max-width: $tiny-screen) { + @media (max-width: $small-screen) { & > *:nth-child(n) { width: calc(100% - #{$gutter}); }