mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-29 13:04:14 +03:00
Material dividers
This commit is contained in:
parent
26333ee871
commit
988934a937
32
less/_dividers.less
Normal file
32
less/_dividers.less
Normal file
|
@ -0,0 +1,32 @@
|
||||||
|
hr {
|
||||||
|
&.on-dark {
|
||||||
|
color: lighten(@black, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on-light {
|
||||||
|
color: lighten(@white, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 0.75), (min-resolution: 120dpi) {
|
||||||
|
height:0.75px;
|
||||||
|
}
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 160dpi) {
|
||||||
|
height:1px;
|
||||||
|
}
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 1.33), (min-resolution: 213dpi) {
|
||||||
|
height:1.333px;
|
||||||
|
}
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 240dpi) {
|
||||||
|
height:1.5px;
|
||||||
|
}
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 320dpi) {
|
||||||
|
height:2px;
|
||||||
|
}
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 480dpi) {
|
||||||
|
height:3px;
|
||||||
|
}
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) {
|
||||||
|
height:4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user