Setting Minimum and maximum CSS values for `font-size`, `padding`, `margin`, and many more not just `height` and `width`
Kabue Charles
Posted on June 20, 2018
SEE GIST BELOW
Usage:
======
/* Single property
html {
@include fluid-type(font-size, 320px, 1366px, 14px, 18px);
}
/* Multiple properties with same values */
h1 {
@include fluid-type(padding-bottom padding-top, 20em, 70em, 2em, 4em);
}
////////////////////////////////////////////////////////////////////////////
div {
@include fluid - type(font - size, 600px, 1200px, 16px, 32px);
}
@media screen and(max - width: 600px) {
div {
font - size: 16px;
}
}
@media screen and(min - width: 1200px) {
div {
font - size: 36px;
}
}
💖 💪 🙅 🚩
Kabue Charles
Posted on June 20, 2018
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.