Added comments
This commit is contained in:
parent
2a990a7904
commit
b2e1e4fc45
|
@ -1,20 +1,39 @@
|
||||||
|
/*
|
||||||
|
* Media query to respond to a minimum size (mobile first)
|
||||||
|
*/
|
||||||
|
|
||||||
@mixin resp-min($size) {
|
@mixin resp-min($size) {
|
||||||
@media screen and (min-width: $size) {
|
@media screen and (min-width: $size) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Media query to respond to a maximum size
|
||||||
|
*/
|
||||||
|
|
||||||
@mixin resp-max($size) {
|
@mixin resp-max($size) {
|
||||||
@media screen and (max-width: $size) {
|
@media screen and (max-width: $size) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Output font size in px/rem
|
||||||
|
*/
|
||||||
|
|
||||||
@mixin font-size($px) {
|
@mixin font-size($px) {
|
||||||
font-size: $px + px;
|
font-size: $px + px;
|
||||||
font-size: #{$px / $base-font-size}rem;
|
font-size: #{$px / $base-font-size}rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Placeholder mixin for <input>
|
||||||
|
*/
|
||||||
|
|
||||||
@mixin placeholder {
|
@mixin placeholder {
|
||||||
::-webkit-input-placeholder {
|
::-webkit-input-placeholder {
|
||||||
@content;
|
@content;
|
||||||
|
|
Loading…
Reference in New Issue