react-mobiscroll
Version:
A simple wrapper of Mobiscroll for ReactJS.
99 lines (97 loc) • 2.29 kB
CSS
/* Android Holo skin */
.mbsc-android-holo .dwc {
padding: 1.875em .625em .063em .625em;
}
.mbsc-android-holo .dwl {
font-size: .75em;
}
.mbsc-android-holo .dwhl {
padding: .0625em .625em;
}
.mbsc-android-holo .dw-li {
color: #fff;
font-size: 1.125em;
}
.mbsc-android-holo .dw-hl {
background: rgba(49,182,231,.5);
}
.mbsc-android-holo .dwwo {
background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828));
background: -webkit-linear-gradient(#282828,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828);
background: -moz-linear-gradient(#282828,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828);
background: linear-gradient(#282828,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828);
}
.mbsc-android-holo .dwwb {
color: #7e7e7e;
background: #292829;
}
.mbsc-android-holo .dwwb span {
display: none;
}
.mbsc-android-holo .dwwb:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 1.625em;
text-align: center;
}
.mbsc-android-holo .dwwbm {
top: 0;
bottom: auto;
}
.mbsc-android-holo .dwwbp {
bottom: 0;
top: auto;
}
.mbsc-android-holo .dwwl .dwb-a {
background: #292829;
color: #319abd;
}
.mbsc-android-holo .dwwol {
display: block;
width: 60%;
left: 20%;
border-top: 2px solid #31b6e7;
border-bottom: 2px solid #31b6e7;
}
/* Multiple select */
.mbsc-android-holo .dwwms .dwwo,
.mbsc-android-holo .dwwms .dwwol {
display: none;
}
.mbsc-android-holo .dwwms .dw-li {
padding: 0 2.25em;
}
.mbsc-android-holo .dwwms .dw-li:after {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: auto;
right: .625em;
width: .875em;
height: .875em;
margin-top: -.5625em;
border: 1px solid #424542;
}
.mbsc-android-holo .dw-msel:before {
z-index: 2;
top: 50%;
left: auto;
right: .625em;
width: .875em;
color: #31b6e7;
margin-top: -.625em;
line-height: .875em;
text-shadow: 0 0 .375em #29799c;
}
/* Group select */
.mbsc-android-holo .dww .dw-w-gr {
padding: 0 .375em;
font-size: 1em;
font-weight: normal;
}
.mbsc-android-holo .dww .dw-w-gr:after {
display: none;
}