diff options
| author | Louis Chemineau <louis@chmn.me> | 2021-12-01 22:46:01 +0100 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-01-08 10:11:58 +0100 |
| commit | b312db382ddb58a51acbcda1158a09148c7732e2 (patch) | |
| tree | e3bd35205890ad2efd23c81157b2c80b0ede407f | |
| parent | b664aad7abdca5327684b1218ac78fa172f8acb3 (diff) | |
| download | nextcloud-server-b312db382ddb58a51acbcda1158a09148c7732e2.tar.gz nextcloud-server-b312db382ddb58a51acbcda1158a09148c7732e2.zip | |
Use new div method in scss
Signed-off-by: Louis Chemineau <louis@chmn.me>
| -rw-r--r-- | apps/comments/src/components/Comment.vue | 4 | ||||
| -rw-r--r-- | core/src/components/UnifiedSearch/SearchResult.vue | 4 | ||||
| -rw-r--r-- | core/src/views/UnifiedSearch.vue | 8 |
3 files changed, 11 insertions, 5 deletions
diff --git a/apps/comments/src/components/Comment.vue b/apps/comments/src/components/Comment.vue index f306d2f023b..feeb32441cf 100644 --- a/apps/comments/src/components/Comment.vue +++ b/apps/comments/src/components/Comment.vue @@ -243,6 +243,8 @@ export default { </script> <style lang="scss" scoped> +@use "sass:math"; + $comment-padding: 10px; .comment { @@ -253,7 +255,7 @@ $comment-padding: 10px; display: flex; align-items: center; min-height: 44px; - padding: $comment-padding / 2 0; + padding: math.div($comment-padding, 2) 0; } &__author, diff --git a/core/src/components/UnifiedSearch/SearchResult.vue b/core/src/components/UnifiedSearch/SearchResult.vue index e50cc413d03..2df3123f8fe 100644 --- a/core/src/components/UnifiedSearch/SearchResult.vue +++ b/core/src/components/UnifiedSearch/SearchResult.vue @@ -163,6 +163,8 @@ export default { </script> <style lang="scss" scoped> +@use "sass:math"; + $clickable-area: 44px; $margin: 10px; @@ -197,7 +199,7 @@ $margin: 10px; background-position: center center; background-size: 32px; &--rounded { - border-radius: $clickable-area / 2; + border-radius: math.div($clickable-area, 2); } &--no-preview { background-size: 32px; diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue index bd624cc728f..bcb9f03be8a 100644 --- a/core/src/views/UnifiedSearch.vue +++ b/core/src/views/UnifiedSearch.vue @@ -638,6 +638,8 @@ export default { </script> <style lang="scss" scoped> +@use "sass:math"; + $margin: 10px; $input-height: 34px; $input-padding: 6px; @@ -660,7 +662,7 @@ $input-padding: 6px; } &__filters { - margin: $margin / 2 $margin; + margin: math.div($margin, 2) $margin; ul { display: inline-flex; justify-content: space-between; @@ -680,7 +682,7 @@ $input-padding: 6px; &-input, &-reset { - margin: $input-padding / 2; + margin: math.div($input-padding, 2); } &-input { @@ -732,7 +734,7 @@ $input-padding: 6px; } &__filters { - margin-right: $margin / 2; + margin-right: math.div($margin, 2); } &__results { |