@viewdo/dxp-story-player-assets
Version:
## Installation
83 lines (78 loc) • 2.08 kB
text/less
.viewdo-page-element(@primary: #2d5174, @secondary: #6d5f8c, @theme: default){
.progress-bar .progress-indicator {
-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
transition: width 1;
}
.ivx-milestone-progress-start {
-webkit-transition: width 1s ease; /* For Safari 3.1 to 6.0 */
transition: width 1s ease;
}
.ivx-milestone-progress-quarter-way {
-webkit-transition: width 1s ease; /* For Safari 3.1 to 6.0 */
transition: width 1s ease;
}
.ivx-milestone-progress-half-way {
-webkit-transition: width 1s ease; /* For Safari 3.1 to 6.0 */
transition: width 1s ease;
}
.ivx-milestone-progress-three-quarters-way {
-webkit-transition: width 1s ease; /* For Safari 3.1 to 6.0 */
transition: width 1s ease;
}
.ivx-milestone-progress-complete {
-webkit-transition: width 1s ease; /* For Safari 3.1 to 6.0 */
transition: width 1s ease;
}
#header .wordmark-container {
position: fixed;
bottom: 8.5rem;
right: 2rem;
}
#header .wordmark-container a{
color: white;
opacity: .5;
text-decoration: none;
font-style: italic;
}
#header .wordmarkdirect-container {
position: fixed;
bottom: 4rem;
right: 2rem;
opacity: .5;
text-decoration: none;
font-style: italic;
}
#header .wordmarkdirect-container a{
color: white;
text-decoration: none;
}
.responsive(mobile,{
#header {
.wordmark-container {
display: none;
bottom: 3.5rem;
right: 1rem;
font-size: 2.5vw;
}
.wordmarkdirect-container {
display: none;
bottom: 1.25rem;
right: 1rem;
font-size: 2.5vw;
}
#home{
padding: 1rem;
}
}
});
@media only screen and (max-height: 520px) and (orientation: landscape) {
#header {
.wordmark-container {
bottom: 3.5rem;
}
.wordmarkdirect-container {
bottom: 1.25rem;
}
}
}
}