aboutsummaryrefslogtreecommitdiffstats
path: root/apps/settings/css
diff options
context:
space:
mode:
authorJohn Molakvoæ <skjnldsv@protonmail.com>2022-05-04 09:56:06 +0200
committerJohn Molakvoæ <skjnldsv@protonmail.com>2022-05-13 16:11:01 +0200
commit78b7baea9d5f80eaea522463243c25f4f908fcc5 (patch)
tree1c7c34c884d8595391f05232028bfe09d88fef39 /apps/settings/css
parentcc6037e438e5302320d9b864021fc3d5e42a3180 (diff)
downloadnextcloud-server-78b7baea9d5f80eaea522463243c25f4f908fcc5.tar.gz
nextcloud-server-78b7baea9d5f80eaea522463243c25f4f908fcc5.zip
Migrate apps scss
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/settings/css')
-rw-r--r--apps/settings/css/settings.scss16
1 files changed, 9 insertions, 7 deletions
diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index e2b9099f5d3..4e9ad4c7f8a 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -1,6 +1,8 @@
/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net
This file is licensed under the Affero General Public License version 3 or later.
See the COPYING-README file. */
+@use 'variables';
+@import 'functions';
input {
&#openid, &#webdav {
@@ -15,23 +17,23 @@ input {
/* icons for sidebar */
.nav-icon-personal-settings {
- @include icon-color('personal', 'settings', $color-black);
+ @include icon-color('personal', 'settings', variables.$color-black);
}
.nav-icon-security {
- @include icon-color('toggle-filelist', 'settings', $color-black);
+ @include icon-color('toggle-filelist', 'settings', variables.$color-black);
}
.nav-icon-clientsbox {
- @include icon-color('change', 'settings', $color-black);
+ @include icon-color('change', 'settings', variables.$color-black);
}
.nav-icon-federated-cloud {
- @include icon-color('share', 'settings', $color-black);
+ @include icon-color('share', 'settings', variables.$color-black);
}
.nav-icon-second-factor-backup-codes, .nav-icon-ssl-root-certificate {
- @include icon-color('password', 'settings', $color-black);
+ @include icon-color('password', 'settings', variables.$color-black);
}
#avatarform {
@@ -916,7 +918,7 @@ span.version {
}
}
-@media only screen and (max-width: $breakpoint-mobile) {
+@media only screen and (max-width: variables.$breakpoint-mobile) {
.store .section {
width: 50%;
}
@@ -1572,7 +1574,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
align-self: normal;
background-color: var(--color-main-background);
z-index: 100; /* above multiselect */
- top: $header-height;
+ top: variables.$header-height;
&.sticky {
box-shadow: 0 -2px 10px 1px var(--color-box-shadow);