diff --git a/opentech/static_src/src/sass/abstracts/_mixins.scss b/opentech/static_src/src/sass/abstracts/_mixins.scss index 199de35c9a587d95b3737727042ccfd53e04ed90..4d1e60003dadec7a3e8ac0db7a67482ca980e569 100755 --- a/opentech/static_src/src/sass/abstracts/_mixins.scss +++ b/opentech/static_src/src/sass/abstracts/_mixins.scss @@ -1,11 +1,4 @@ -/*------------------------------------*\ - $MIXINS -\*------------------------------------*/ - - -/* ============================================ - Media queries -*/ +// Media queries @mixin media-query($queries...) { @each $query in $queries { @each $breakpoint in $breakpoints { @@ -21,10 +14,7 @@ } } - -/* ============================================ - Placeholder text -*/ +// Placeholder text @mixin placeholder-text { // sass-lint:disable no-vendor-prefixes &.placeholder { @content; } @@ -35,10 +25,7 @@ // sass-lint:enddisable } - -/* ============================================ - Hide text -*/ +// Hide text @mixin hidden { position: absolute; width: 1px; @@ -47,20 +34,14 @@ clip: rect(1px, 1px, 1px, 1px); } - -/* ============================================ - iOS Native vertical scroll -*/ +// iOS Native vertical scroll @mixin native-vertical-scroll { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; // sass-lint:disable-line no-misspelled-properties } - -/* ============================================ - Output a rem and px fallback value for the given property -*/ +// Output a rem and px fallback value for the given property @mixin rem($property, $values) { $px: (); @@ -81,18 +62,12 @@ // sass-lint:enddisable } - -/* ============================================ - Output a `font-size: [x]rem;` declaration for the given px value -*/ +// Output a `font-size: [x]rem;` declaration for the given px value @mixin rem-font-size($font-size) { @include rem(font-size, $font-size); } - -/* ============================================ - Font sizes -*/ +// Font sizes @mixin font-size($keyword) { $size: map-get($font-sizes, $keyword);