Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 228595

Why does my compiled sass output differ from released ionic.css - resolved : remove gulp-minify-css

$
0
0

when compiling the ionic scss source the result differs from the released ionic.css - see examples below.
I am assuming the issue is a different sass compiler - I am using gulp-sass 2.1.0 installed via npm 2.7.4
what is the distributed ionic.css compiled with ?
I am missing some sass compiler configuration/option ?

this came to light when digging into why footer bar styling was messed up ( half height colour )
I found that background-image becomes background & background-size is dropped altogether:

ionic.css :

.bar.bar-stable.bar-footer {

background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
}
.bar {
. . .
/* 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;
}

compiled.css :

.bar.bar-stable.bar-footer {
   background: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
}

.bar {
. . .
/* border-width: 1px will actually create 2 device pixels on retina */
/* this nifty trick sets an actual 1px border on hi-res displays */
}


Viewing all articles
Browse latest Browse all 228595

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>