aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-03-30 17:40:00 +0200
committerChocobozzz <me@florianbigard.com>2018-04-03 14:02:10 +0200
commitc6352f2c64f3c1ad54f8500f493587cdce3d33c9 (patch)
tree642a5b29b4d68ed8915e5e800232eab069303f79 /client/src/sass/include
parent6b9af1293621a81564296ead6f12f5e70eafbca2 (diff)
downloadPeerTube-c6352f2c64f3c1ad54f8500f493587cdce3d33c9.tar.gz
PeerTube-c6352f2c64f3c1ad54f8500f493587cdce3d33c9.tar.zst
PeerTube-c6352f2c64f3c1ad54f8500f493587cdce3d33c9.zip
Improve player
Add a settings dialog based on the work of Yanko Shterev (@yshterev): https://github.com/yshterev/videojs-settings-menu. Thanks!
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_mixins.scss24
1 files changed, 24 insertions, 0 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index e1b1bb32c..f905f9ae5 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -279,3 +279,27 @@
279 width: $size; 279 width: $size;
280 height: $size; 280 height: $size;
281} 281}
282
283@mixin chevron ($size, $border-width) {
284 border-style: solid;
285 border-width: $border-width $border-width 0 0;
286 content: '';
287 display: inline-block;
288 transform: rotate(-45deg);
289 height: $size;
290 width: $size;
291}
292
293@mixin chevron-right ($size, $border-width) {
294 @include chevron($size, $border-width);
295
296 left: 0;
297 transform: rotate(45deg);
298}
299
300@mixin chevron-left ($size, $border-width) {
301 @include chevron($size, $border-width);
302
303 left: 0.25em;
304 transform: rotate(-135deg);
305}