mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-23 10:04:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

Extra Browser Support in Dividers

Browse Source 
Added extra support for other browsers in dividers. As well as fall back
from the standard of min-resolution
This commit is contained in:
ryanmcdonough 2015-01-13 10:36:56 +00:00
parent c6c1e2fa23
commit 1ef093fb33
9 changed files with 78 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
dist/css/material-wfont.css vendored
View File

@ -30902,37 +30902,37 @@ hr.on-dark {
hr.on-light { hr.on-light {
color: #ffffff; color: #ffffff;
} }
@media (-webkit-min-device-pixel-ratio: 0.75), (min-resolution: 120dpi) { @media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (min-resolution: 0.75dppx), (min-resolution: 120dpi) {
hr { hr {
height: 0.75px; height: 0.75px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 160dpi) { @media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (min-resolution: 1dppx), (min-resolution: 160dpi) {
hr { hr {
height: 1px; height: 1px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 1.33), (min-resolution: 213dpi) { @media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (min-resolution: 1.33dppx), (min-resolution: 213dpi) {
hr { hr {
height: 1.333px; height: 1.333px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 240dpi) { @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 240dpi) {
hr { hr {
height: 1.5px; height: 1.5px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 320dpi) { @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 380dpi) {
hr { hr {
height: 2px; height: 2px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 480dpi) { @media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx), (min-resolution: 480dpi) {
hr { hr {
height: 3px; height: 3px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) { @media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (min-resolution: 4dppx), (min-resolution: 640dpi) {
hr { hr {
height: 4px; height: 4px;
} }

2
dist/css/material-wfont.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-wfont.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-wfont.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

14
dist/css/material.css vendored
View File

@ -30878,37 +30878,37 @@ hr.on-dark {
hr.on-light { hr.on-light {
color: #ffffff; color: #ffffff;
} }
@media (-webkit-min-device-pixel-ratio: 0.75), (min-resolution: 120dpi) { @media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (min-resolution: 0.75dppx), (min-resolution: 120dpi) {
hr { hr {
height: 0.75px; height: 0.75px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 160dpi) { @media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (min-resolution: 1dppx), (min-resolution: 160dpi) {
hr { hr {
height: 1px; height: 1px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 1.33), (min-resolution: 213dpi) { @media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (min-resolution: 1.33dppx), (min-resolution: 213dpi) {
hr { hr {
height: 1.333px; height: 1.333px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 240dpi) { @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 240dpi) {
hr { hr {
height: 1.5px; height: 1.5px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 320dpi) { @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 380dpi) {
hr { hr {
height: 2px; height: 2px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 480dpi) { @media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx), (min-resolution: 480dpi) {
hr { hr {
height: 3px; height: 3px;
} }
} }
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) { @media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (min-resolution: 4dppx), (min-resolution: 640dpi) {
hr { hr {
height: 4px; height: 4px;
} }

2
dist/css/material.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

77
less/_dividers.less
View File

@ -2,31 +2,70 @@ hr {
&.on-dark { &.on-dark {
color: lighten(@black, 10%); color: lighten(@black, 10%);
} }
&.on-light { &.on-light {
color: lighten(@white, 10%); color: lighten(@white, 10%);
} }
@media (-webkit-min-device-pixel-ratio: 0.75), (min-resolution: 120dpi) { @media (-webkit-min-device-pixel-ratio: 0.75),
height:0.75px; (min--moz-device-pixel-ratio: 0.75),
(-o-device-pixel-ratio: 3/4),
(min-device-pixel-ratio: 0.75),
(min-resolution: 0.75dppx),
(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),
(min--moz-device-pixel-ratio: 1),
(-o-device-pixel-ratio: 1),
(min-device-pixel-ratio: 1),
(min-resolution: 1dppx),
(min-resolution: 160dpi) {
height:1px;
} }
@media (-webkit-min-device-pixel-ratio: 1.33), (min-resolution: 213dpi) { @media (-webkit-min-device-pixel-ratio: 1.33),
height:1.333px; (min--moz-device-pixel-ratio: 1.33),
(-o-device-pixel-ratio: 133/100),
(min-device-pixel-ratio: 1.33),
(min-resolution: 1.33dppx),
(min-resolution: 213dpi) {
height:1.333px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-device-pixel-ratio: 3/2),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx),
(min-resolution: 240dpi) {
height:1.5px;
} }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 240dpi) {
height:1.5px; @media (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-device-pixel-ratio: 2/1),
(min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 380dpi) {
height:2px;
} }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 320dpi) {
height:2px; @media (-webkit-min-device-pixel-ratio: 3),
(min--moz-device-pixel-ratio: 3),
(-o-device-pixel-ratio: 3/1),
(min-device-pixel-ratio: 3),
(min-resolution: 3dppx),
(min-resolution: 480dpi) {
height:3px;
} }
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 480dpi) {
height:3px; @media (-webkit-min-device-pixel-ratio: 4),
(min--moz-device-pixel-ratio: 4),
(-o-device-pixel-ratio: 4/1),
(min-device-pixel-ratio: 3),
(min-resolution: 4dppx),
(min-resolution: 640dpi) {
height:4px;
} }
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) {
height:4px; }
}
}