javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

border: none for .bar in hi-res

Browse Source
This commit is contained in:
Adam Bradley
2013-11-25 10:49:34 -06:00
parent dfe1e311f5
commit 9ca770c931
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
dist/css/ionic.css vendored
View File

@@ -2660,11 +2660,12 @@ a.subdued {
border-top: 1px solid transparent;
border-bottom: 1px solid #dddddd;
background-color: white;
/* border-width: 1px will actually create 2 device pixels on retina */
/* this nifty trick sets an actual 1px border on hi-res displays */
background-size: 0; }
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.bar {
border-top: none !important;
border-bottom: none !important;
border: none;
background-image: linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
background-position: bottom;
background-size: 100% 1px;

6
scss/_bar.scss
View File

@@ -24,14 +24,16 @@
border-bottom: 1px solid $bar-default-border;
background-color: $bar-default-bg;
/* border-width: 1px will actually create 2 device pixels on retina */
/* this nifty trick sets an actual 1px border on hi-res displays */
background-size: 0;
@media (min--moz-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
border-top: none !important;
border-bottom: none !important;
border: none;
background-image: linear-gradient(0deg, $bar-default-border, $bar-default-border 50%, transparent 50%);
background-position: bottom;
background-size: 100% 1px;