css-font-style/src/css-font-style.css

Css module of single purpose classes for font style

/*
   FONT STYLE
*/

.fsn     { font-style: normal; }
.i       { font-style: italic; }
.oblique { font-style: oblique; }

@media screen and (min-width: 48em) {
  .fsn-ns     { font-style: normal; }
  .i-ns       { font-style: italic; }
  .oblique-ns { font-style: oblique; }
}

@media screen and (min-width:48em) and (max-width: 64em) {
  .fsn-m     { font-style: normal; }
  .i-m       { font-style: italic; }
  .oblique-m { font-style: oblique; }
}

@media screen and (min-width: 64em) {
  .fsn-l      { font-style: normal; }
  .i-l        {  font-style: italic; }
  .oblique-l { font-style: oblique; }
}