Skip to content

Instantly share code, notes, and snippets.

@furenku
Created March 5, 2016 02:18
Show Gist options
  • Save furenku/59b885b79be40a3be801 to your computer and use it in GitHub Desktop.
Save furenku/59b885b79be40a3be801 to your computer and use it in GitHub Desktop.
$fontXXXS:8px;
$fontXXS:9px;
$fontXS:10px;
$fontS:12px;
$fontM:14px;
$fontL:18px;
$fontXL:28px;
$fontXXL:36px;
$fontXXXL:45px;
@media screen and (max-width:768px) {
.font_sm_XXXS {
font-size: $fontXXXS !important;
}
.font_sm_XXS {
font-size: $fontXXS !important;
}
.font_sm_XS {
font-size: $fontXS !important;
}
.font_sm_S {
font-size: $fontS !important;
}
.font_sm_M {
font-size: $fontM !important;
}
.font_sm_L {
font-size: $fontL !important;
}
.font_sm_XL {
font-size: $fontXL !important;
}
.font_sm_XXL {
font-size: $fontXXL !important;
}
.font_sm_XXXL {
font-size: $fontXXXL !important;
}
}
@media (min-width:769px) {
.font_md_XXXS {
font-size: $fontXXXS !important;
}
.font_md_XXS {
font-size: $fontXXS !important;
}
.font_md_XS {
font-size: $fontXS !important;
}
.font_md_S {
font-size: $fontS !important;
}
.font_md_M {
font-size: $fontM !important;
}
.font_md_L {
font-size: $fontL !important;
}
.font_md_XL {
font-size: $fontXL !important;
}
.font_md_XXL {
font-size: $fontXXL !important;
}
.font_md_XXXL {
font-size: $fontXXXL !important;
}
}
@media screen and (min-width:1024px) {
.font_lg_XXXS {
font-size: $fontXXXS !important;
}
.font_lg_XXS {
font-size: $fontXXS !important;
}
.font_lg_XS {
font-size: $fontXS !important;
}
.font_lg_S {
font-size: $fontS !important;
}
.font_lg_M {
font-size: $fontM !important;
}
.font_lg_L {
font-size: $fontL !important;
}
.font_lg_XL {
font-size: $fontXL !important;
}
.font_lg_XXL {
font-size: $fontXXL !important;
}
.font_lg_XXXL {
font-size: $fontXXXL !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment