de.swm.commons.mobile.client.theme.bootstrap.css.fliptimepanel.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of swm-mobile Show documentation
Show all versions of swm-mobile Show documentation
GWT Bibliothek fuer Mobile Plattformen der SWM
@if swmmobile.css pretty {
@external flip-number, flip-hours, flip-minutes, flip-number-cover, flip-number-content;
}
.flip-number {
width: 1.9em;
height: 1.5em;
position: relative;
background-image: literal('-webkit-gradient(linear, left bottom, left top, color-stop(0.48, #545452), color-stop(0.49, #1F1F1F))');
\-webkit-box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 5px #000000;
}
.flip-number.flip-hours {
border-radius: 0.3em 0em 0em 0.3em;
}
.flip-number.flip-minutes {
border-radius: 0em 0.3em 0.3em 0em;
}
.flip-number-cover {
display: block;
height: 50%;
width: 100%;
position: absolute;
z-index: 1;
}
.flip-number-content {
color: #D2D2D2;
font-size: 17px;
font-weight: 400;
letter-spacing: -0.03em;
margin: 0;
padding: 0;
left: 0.3em;
position: absolute;
width: 100%;
}