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;
}
}
Top comments (0)