Skip to content

Commit 1ef093f

Browse files
ryanmcdonoughryanmcdonough
committed
Extra Browser Support in Dividers
Added extra support for other browsers in dividers. As well as fall back from the standard of min-resolution
1 parent c6c1e2f commit 1ef093f

9 files changed

Lines changed: 78 additions & 39 deletions

‎dist/css/material-wfont.css‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -30902,37 +30902,37 @@ hr.on-dark {
3090230902
hr.on-light {
3090330903
color: #ffffff;
3090430904
}
30905-
@media (-webkit-min-device-pixel-ratio: 0.75), (min-resolution: 120dpi) {
30905+
@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) {
3090630906
hr {
3090730907
height: 0.75px;
3090830908
}
3090930909
}
30910-
@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 160dpi) {
30910+
@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) {
3091130911
hr {
3091230912
height: 1px;
3091330913
}
3091430914
}
30915-
@media (-webkit-min-device-pixel-ratio: 1.33), (min-resolution: 213dpi) {
30915+
@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) {
3091630916
hr {
3091730917
height: 1.333px;
3091830918
}
3091930919
}
30920-
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 240dpi) {
30920+
@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) {
3092130921
hr {
3092230922
height: 1.5px;
3092330923
}
3092430924
}
30925-
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 320dpi) {
30925+
@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) {
3092630926
hr {
3092730927
height: 2px;
3092830928
}
3092930929
}
30930-
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 480dpi) {
30930+
@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) {
3093130931
hr {
3093230932
height: 3px;
3093330933
}
3093430934
}
30935-
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) {
30935+
@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) {
3093630936
hr {
3093730937
height: 4px;
3093830938
}

‎dist/css/material-wfont.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/material-wfont.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/material-wfont.min.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/material.css‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -30878,37 +30878,37 @@ hr.on-dark {
3087830878
hr.on-light {
3087930879
color: #ffffff;
3088030880
}
30881-
@media (-webkit-min-device-pixel-ratio: 0.75), (min-resolution: 120dpi) {
30881+
@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) {
3088230882
hr {
3088330883
height: 0.75px;
3088430884
}
3088530885
}
30886-
@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 160dpi) {
30886+
@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) {
3088730887
hr {
3088830888
height: 1px;
3088930889
}
3089030890
}
30891-
@media (-webkit-min-device-pixel-ratio: 1.33), (min-resolution: 213dpi) {
30891+
@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) {
3089230892
hr {
3089330893
height: 1.333px;
3089430894
}
3089530895
}
30896-
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 240dpi) {
30896+
@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) {
3089730897
hr {
3089830898
height: 1.5px;
3089930899
}
3090030900
}
30901-
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 320dpi) {
30901+
@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) {
3090230902
hr {
3090330903
height: 2px;
3090430904
}
3090530905
}
30906-
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 480dpi) {
30906+
@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) {
3090730907
hr {
3090830908
height: 3px;
3090930909
}
3091030910
}
30911-
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) {
30911+
@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) {
3091230912
hr {
3091330913
height: 4px;
3091430914
}

‎dist/css/material.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/material.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/material.min.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎less/_dividers.less‎

Lines changed: 58 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,70 @@ hr {
22
&.on-dark {
33
color: lighten(@black, 10%);
44
}
5-
5+
66
&.on-light {
77
color: lighten(@white, 10%);
88
}
9-
10-
@media (-webkit-min-device-pixel-ratio: 0.75), (min-resolution: 120dpi) {
11-
height:0.75px;
9+
10+
@media (-webkit-min-device-pixel-ratio: 0.75),
11+
(min--moz-device-pixel-ratio: 0.75),
12+
(-o-device-pixel-ratio: 3/4),
13+
(min-device-pixel-ratio: 0.75),
14+
(min-resolution: 0.75dppx),
15+
(min-resolution: 120dpi), {
16+
height:0.75px;
1217
}
13-
@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 160dpi) {
14-
height:1px;
18+
19+
@media (-webkit-min-device-pixel-ratio: 1),
20+
(min--moz-device-pixel-ratio: 1),
21+
(-o-device-pixel-ratio: 1),
22+
(min-device-pixel-ratio: 1),
23+
(min-resolution: 1dppx),
24+
(min-resolution: 160dpi) {
25+
height:1px;
1526
}
16-
@media (-webkit-min-device-pixel-ratio: 1.33), (min-resolution: 213dpi) {
17-
height:1.333px;
27+
@media (-webkit-min-device-pixel-ratio: 1.33),
28+
(min--moz-device-pixel-ratio: 1.33),
29+
(-o-device-pixel-ratio: 133/100),
30+
(min-device-pixel-ratio: 1.33),
31+
(min-resolution: 1.33dppx),
32+
(min-resolution: 213dpi) {
33+
height:1.333px;
34+
}
35+
@media (-webkit-min-device-pixel-ratio: 1.5),
36+
(min--moz-device-pixel-ratio: 1.5),
37+
(-o-device-pixel-ratio: 3/2),
38+
(min-device-pixel-ratio: 1.5),
39+
(min-resolution: 1.5dppx),
40+
(min-resolution: 240dpi) {
41+
height:1.5px;
1842
}
19-
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 240dpi) {
20-
height:1.5px;
43+
44+
@media (-webkit-min-device-pixel-ratio: 2),
45+
(min--moz-device-pixel-ratio: 2),
46+
(-o-device-pixel-ratio: 2/1),
47+
(min-device-pixel-ratio: 2),
48+
(min-resolution: 2dppx),
49+
(min-resolution: 380dpi) {
50+
height:2px;
2151
}
22-
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 320dpi) {
23-
height:2px;
52+
53+
@media (-webkit-min-device-pixel-ratio: 3),
54+
(min--moz-device-pixel-ratio: 3),
55+
(-o-device-pixel-ratio: 3/1),
56+
(min-device-pixel-ratio: 3),
57+
(min-resolution: 3dppx),
58+
(min-resolution: 480dpi) {
59+
height:3px;
2460
}
25-
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 480dpi) {
26-
height:3px;
61+
62+
@media (-webkit-min-device-pixel-ratio: 4),
63+
(min--moz-device-pixel-ratio: 4),
64+
(-o-device-pixel-ratio: 4/1),
65+
(min-device-pixel-ratio: 3),
66+
(min-resolution: 4dppx),
67+
(min-resolution: 640dpi) {
68+
height:4px;
2769
}
28-
@media (-webkit-min-device-pixel-ratio: 4), (min-resolution: 640dpi) {
29-
height:4px;
30-
}
31-
32-
}
70+
71+
}

0 commit comments

Comments
 (0)