Update CSS minification

This commit is contained in:
champsupertramp
2016-05-18 18:17:36 +08:00
parent 79ba64f206
commit 61b11ea4b7
6 changed files with 154 additions and 106 deletions
+19 -19
View File
@@ -4,7 +4,7 @@
/**
* Note: the root picker element should *NOT* be styled more than whats here.
*/
.picker {
.um .picker {
font-size: 16px;
text-align: left;
line-height: 1.2;
@@ -20,19 +20,19 @@
/**
* The picker input element.
*/
.picker__input {
.um .picker__input {
cursor: default;
}
/**
* When the picker is opened, the input element is “activated”.
*/
.picker__input.picker__input--active {
.um .picker__input.picker__input--active {
border-color: #0089ec;
}
/**
* The holder is the only “scrollable” top-level container element.
*/
.picker__holder {
.um .picker__holder {
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
@@ -48,8 +48,8 @@
/**
* Make the holder and frame fullscreen.
*/
.picker__holder,
.picker__frame {
.um .picker__holder,
.um .picker__frame {
bottom: 0;
left: 0;
right: 0;
@@ -58,7 +58,7 @@
/**
* The holder should overlay the entire screen.
*/
.picker__holder {
.um .picker__holder {
position: fixed;
-webkit-transition: background 0.15s ease-out, top 0s 0.15s;
-moz-transition: background 0.15s ease-out, top 0s 0.15s;
@@ -67,7 +67,7 @@
/**
* The frame that bounds the box contents of the picker.
*/
.picker__frame {
.um .picker__frame {
position: absolute;
margin: 0 auto;
min-width: 256px;
@@ -82,7 +82,7 @@
transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
.picker__frame {
.um .picker__frame {
overflow: visible;
top: auto;
bottom: -100%;
@@ -90,37 +90,37 @@
}
}
@media (min-height: 40.125em) {
.picker__frame {
.um .picker__frame {
margin-bottom: 15% !important;
}
}
/**
* The wrapper sets the stage to vertically align the box contents.
*/
.picker__wrap {
.um .picker__wrap {
display: table;
width: 100%;
height: 100%;
}
@media (min-height: 33.875em) {
.picker__wrap {
.um .picker__wrap {
display: block;
}
}
/**
* The box contains all the picker contents.
*/
.picker__box {
.um .picker__box {
display: table-cell;
vertical-align: middle;
}
@media (min-height: 26.5em) {
.picker__box {
.um .picker__box {
}
}
@media (min-height: 33.875em) {
.picker__box {
.um .picker__box {
display: block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
@@ -128,7 +128,7 @@
}
}
@media (min-height: 40.125em) {
.picker__box {
.um .picker__box {
border-bottom-width: 1px;
-webkit-border-radius: 2px;
@@ -139,7 +139,7 @@
/**
* When the picker opens...
*/
.picker--opened .picker__holder {
.um .picker--opened .picker__holder {
top: 0;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
@@ -149,7 +149,7 @@
-moz-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
.um .picker--opened .picker__frame {
top: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
@@ -157,7 +157,7 @@
opacity: 1;
}
@media (min-height: 33.875em) {
.picker--opened .picker__frame {
.um .picker--opened .picker__frame {
top: auto;
bottom: 0;
}