diff options
author | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-04 10:56:06 +0300 |
---|---|---|
committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-13 17:11:01 +0300 |
commit | 78b7baea9d5f80eaea522463243c25f4f908fcc5 (patch) | |
tree | 1c7c34c884d8595391f05232028bfe09d88fef39 /apps/files_sharing | |
parent | cc6037e438e5302320d9b864021fc3d5e42a3180 (diff) |
Migrate apps scss
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/files_sharing')
-rw-r--r-- | apps/files_sharing/css/icons.scss | 8 | ||||
-rw-r--r-- | apps/files_sharing/css/mobile.scss | 4 | ||||
-rw-r--r-- | apps/files_sharing/css/public.scss | 6 |
3 files changed, 12 insertions, 6 deletions
diff --git a/apps/files_sharing/css/icons.scss b/apps/files_sharing/css/icons.scss index 002235b6e32..529d8bd5100 100644 --- a/apps/files_sharing/css/icons.scss +++ b/apps/files_sharing/css/icons.scss @@ -19,14 +19,16 @@ * along with this program. If not, see <http://www.gnu.org/licenses/>. * */ +@use 'variables'; +@import 'functions'; // This is the icons used in the sharing ui (multiselect) .icon-room { - @include icon-color('app', 'spreed', $color-black); + @include icon-color('app', 'spreed', variables.$color-black); } .icon-circle { - @include icon-color('circles', 'circles', $color-black, 3, false); + @include icon-color('circles', 'circles', variables.$color-black, 3, false); } .icon-guests { - @include icon-color('app', 'guests', $color-black); + @include icon-color('app', 'guests', variables.$color-black); }
\ No newline at end of file diff --git a/apps/files_sharing/css/mobile.scss b/apps/files_sharing/css/mobile.scss index 0202fdd08d1..38a7a9cd711 100644 --- a/apps/files_sharing/css/mobile.scss +++ b/apps/files_sharing/css/mobile.scss @@ -1,4 +1,6 @@ -@media only screen and (max-width: $breakpoint-mobile) { +@use 'variables'; + +@media only screen and (max-width: variables.$breakpoint-mobile) { /* make header scroll up for single shares, more view of content on small screens */ #header.share-file { diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss index aadf7d41037..a3754b7be9f 100644 --- a/apps/files_sharing/css/public.scss +++ b/apps/files_sharing/css/public.scss @@ -1,3 +1,5 @@ +@use 'variables'; + #preview { text-align: center; } @@ -204,7 +206,7 @@ thead { // hide the download entry on the menu // on public share when NOT on mobile -@media only screen and (min-width: $breakpoint-mobile + 1) { +@media only screen and (min-width: variables.$breakpoint-mobile + 1) { #body-public { .header-right { #header-actions-menu { @@ -217,7 +219,7 @@ thead { } // hide the primary on public share on mobile -@media only screen and (max-width: $breakpoint-mobile) { +@media only screen and (max-width: variables.$breakpoint-mobile) { #body-public { .header-right { #header-primary-action { |