liser/build/liser.border-style.css

functional css help to optimizing design work and building responsive websites

.b--dotted { border-style: dotted; }
.b--dashed { border-style: dashed; }
.b--solid { border-style: solid; }
.b--none { border-style: none; }
@media screen and (min-width: 30em) {
 .b--dotted-ns { border-style: dotted; }
 .b--dashed-ns { border-style: dashed; }
 .b--solid-ns { border-style: solid; }
 .b--none-ns { border-style: none; }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
 .b--dotted-m { border-style: dotted; }
 .b--dashed-m { border-style: dashed; }
 .b--solid-m { border-style: solid; }
 .b--none-m { border-style: none; }
}
@media screen and (max-width: 60em) and (orientation: landscape) {
 .b--dotted-ml { border-style: dotted; }
 .b--dashed-ml { border-style: dashed; }
 .b--solid-ml { border-style: solid; }
 .b--none-ml { border-style: none; }
}
@media screen and (min-width: 60em) {
 .b--dotted-l { border-style: dotted; }
 .b--dashed-l { border-style: dashed; }
 .b--solid-l { border-style: solid; }
 .b--none-l { border-style: none; }
}