Extra Browser Support in Dividers

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 72905e6336
commit d191f51758
9 changed files with 78 additions and 39 deletions

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;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -7,26 +7,65 @@ hr {
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),
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) { (-o-device-pixel-ratio: 4/1),
height:4px; (min-device-pixel-ratio: 3),
(min-resolution: 4dppx),
(min-resolution: 640dpi) {
height:4px;
} }
} }