diff options
| author | MaZderMind | 2014-10-19 18:10:23 +0200 |
|---|---|---|
| committer | MaZderMind | 2014-10-19 18:10:23 +0200 |
| commit | 052e5a5a49c38cb3498a7bf2de4ca079d8e7faa0 (patch) | |
| tree | 5ff4555dd86bbb1717d78651197a9461d2b3542f /assets/css/src | |
| parent | c4eff083f2dc1b51057e8bea7a4ecc6cd2dab4a4 (diff) | |
mejs control styles
Diffstat (limited to 'assets/css/src')
| -rw-r--r-- | assets/css/src/lustige-styles.scss | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss index 0722697..3441099 100644 --- a/assets/css/src/lustige-styles.scss +++ b/assets/css/src/lustige-styles.scss @@ -334,9 +334,49 @@ a.inverted { } +/* extra large mejs controls on tablet & phone */ +@media only screen and (max-device-width: 768px) +{ + .mejs-container .mejs-controls { + height: 48px; + div { + width: 52px; + height: 52px; + } + .mejs-button button { + background-size: 288px 64px !important; + width: 32px; + height: 32px; + } + .mejs-playpause-button { + &.mejs-play button { + background-position: 0 0; + } + &.mejs-pause button { + background-position: 0 -32px; + } + } + .mejs-volume-button { + &.mejs-mute button { + background-position: -32px -32px; + } + &.mejs-unmute button { + background-position: -32px 0; + } + .mejs-volume-slider { + left: 8px; + } + } + .mejs-fullscreen-button button { + background-position: -64px 0; + } + } +} + /* and now for medium screens: */ @media all and (min-width: $screen-sm-min) and (max-width: $container-desktop) { + /* events overview */ .event-previews .event-preview { h3 { |