diff options
author | Chocobozzz <me@florianbigard.com> | 2021-05-27 18:25:00 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-06-28 10:54:02 +0200 |
commit | 8cbc40b2fe9d36ef0505b9441276ca561342e9e9 (patch) | |
tree | 5777288d76c0926f5b4484e2689d0fe741462a36 /client/src/sass/include/_mixins.scss | |
parent | fa12eacc014aae8094d108634371640f2695bf9f (diff) | |
download | PeerTube-8cbc40b2fe9d36ef0505b9441276ca561342e9e9.tar.gz PeerTube-8cbc40b2fe9d36ef0505b9441276ca561342e9e9.tar.zst PeerTube-8cbc40b2fe9d36ef0505b9441276ca561342e9e9.zip |
Move to sass module
Diffstat (limited to 'client/src/sass/include/_mixins.scss')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index bf7504d91..4d4c52b34 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -1,4 +1,5 @@ | |||
1 | @use '_variables'; | 1 | @use 'sass:math'; |
2 | @use '_variables' as *; | ||
2 | 3 | ||
3 | @mixin disable-default-a-behaviour { | 4 | @mixin disable-default-a-behaviour { |
4 | &:hover, | 5 | &:hover, |
@@ -745,7 +746,7 @@ | |||
745 | 746 | ||
746 | > div { | 747 | > div { |
747 | box-sizing: border-box; | 748 | box-sizing: border-box; |
748 | flex: 0 0 percentage(1/3); | 749 | flex: 0 0 percentage(math.div(1, 3)); |
749 | padding: 0 5px; | 750 | padding: 0 5px; |
750 | margin-bottom: 10px; | 751 | margin-bottom: 10px; |
751 | 752 | ||
@@ -867,7 +868,7 @@ | |||
867 | // applies ratio (default to 16:9) to a child element (using $selector) only using | 868 | // applies ratio (default to 16:9) to a child element (using $selector) only using |
868 | // an immediate's parent size. This allows to set a ratio without explicit | 869 | // an immediate's parent size. This allows to set a ratio without explicit |
869 | // dimensions, as width/height cannot be computed from each other. | 870 | // dimensions, as width/height cannot be computed from each other. |
870 | @mixin block-ratio ($selector: 'div', $inverted-ratio: 9/16) { | 871 | @mixin block-ratio ($selector: 'div', $inverted-ratio: math.div(9, 16)) { |
871 | $padding-percent: percentage($inverted-ratio); | 872 | $padding-percent: percentage($inverted-ratio); |
872 | 873 | ||
873 | position: relative; | 874 | position: relative; |
@@ -916,8 +917,8 @@ | |||
916 | top: 50%; | 917 | top: 50%; |
917 | transform: translate(-50%, -50%) scale(0.5); | 918 | transform: translate(-50%, -50%) scale(0.5); |
918 | 919 | ||
919 | border-top: ($height / 2) solid transparent; | 920 | border-top: #{math.div($height, 2)} solid transparent; |
920 | border-bottom: ($height / 2) solid transparent; | 921 | border-bottom: #{math.div($height, 2)} solid transparent; |
921 | 922 | ||
922 | border-left: $width solid rgba(255, 255, 255, 0.95); | 923 | border-left: $width solid rgba(255, 255, 255, 0.95); |
923 | } | 924 | } |