css-text-decoration/src/css-text-decoration.css

Css module of single purpose classes for text decoration

/*
   TEXT DECORATION
*/

.under  { text-decoration: underline; }
.over   { text-decoration: overline; }
.strike { text-decoration: line-through; }
.blink  { text-decoration: blink; }
.none   { text-decoration: none; }


@media screen and (min-width: 48em) {
  .under-ns  { text-decoration: underline; }
  .over-ns   { text-decoration: overline; }
  .strike-ns { text-decoration: line-through; }
  .blink-ns  { text-decoration: blink; }
  .none-ns   { text-decoration: none; }
}

@media screen and (min-width:48em) and (max-width: 64em) {
  .under-m  { text-decoration: underline; }
  .over-m   { text-decoration: overline; }
  .strike-m { text-decoration: line-through; }
  .blink-m  { text-decoration: blink; }
  .none-m   { text-decoration: none; }
}

@media screen and (min-width: 64em) {
  .under-l  { text-decoration: underline; }
  .over-l   { text-decoration: overline; }
  .strike-l { text-decoration: line-through; }
  .blink-l  { text-decoration: blink; }
  .none-l   { text-decoration: none; }
}