moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sass: switch @import to @use

This commit is contained in:
Alex Gleason 2024-11-10 17:38:00 -06:00
parent d828744470
commit 853f6d9716
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
3 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/styles/application.scss
View File

@ -1,30 +1,30 @@
@import 'variables'; @use 'variables';
@import 'fonts'; @use 'fonts';
@import 'basics'; @use 'basics';
@import 'loading'; @use 'loading';
@import 'ui'; @use 'ui';
@import 'emoji-picker'; @use 'emoji-picker';
@import 'rtl'; @use 'rtl';
@import 'accessibility'; @use 'accessibility';
@import 'navigation'; @use 'navigation';
@import 'autosuggest'; @use 'autosuggest';
// COMPONENTS // COMPONENTS
@import 'components/buttons'; @use 'components/buttons';
@import 'components/modal'; @use 'components/modal';
@import 'components/compose-form'; @use 'components/compose-form';
@import 'components/status'; @use 'components/status';
@import 'components/reply-mentions'; @use 'components/reply-mentions';
@import 'components/detailed-status'; @use 'components/detailed-status';
@import 'components/media-gallery'; @use 'components/media-gallery';
@import 'components/notification'; @use 'components/notification';
@import 'components/display-name'; @use 'components/display-name';
@import 'components/columns'; @use 'components/columns';
@import 'components/search'; @use 'components/search';
@import 'components/video-player'; @use 'components/video-player';
@import 'components/audio-player'; @use 'components/audio-player';
@import 'components/crypto-donate'; @use 'components/crypto-donate';
@import 'components/aliases'; @use 'components/aliases';
@import 'components/icon'; @use 'components/icon';
@import 'forms'; @use 'forms';
@import 'utilities'; @use 'utilities';

6
src/styles/components/compose-form.scss
View File

@ -1,3 +1,5 @@
@use "../variables";
.compose-form { .compose-form {
&__warning { &__warning {
@apply text-xs mb-2.5 px-2.5 py-2 shadow-md rounded bg-accent-300 text-white; @apply text-xs mb-2.5 px-2.5 py-2 shadow-md rounded bg-accent-300 text-white;
@ -5,7 +7,7 @@
strong { strong {
@apply font-medium; @apply font-medium;
@each $lang in $cjk-langs { @each $lang in variables.$cjk-langs {
&:lang(#{$lang}) { &:lang(#{$lang}) {
@apply font-bold; @apply font-bold;
} }
@ -168,7 +170,7 @@
strong { strong {
@apply block font-medium text-black dark:text-white; @apply block font-medium text-black dark:text-white;
@each $lang in $cjk-langs { @each $lang in variables.$cjk-langs {
&:lang(#{$lang}) { &:lang(#{$lang}) {
@apply font-bold; @apply font-bold;
} }

4
src/styles/components/search.scss
View File

@ -1,3 +1,5 @@
@use "../fonts";
.search { .search {
position: relative; position: relative;
} }
@ -14,7 +16,7 @@
.svg-icon { .svg-icon {
@apply right-4 rtl:left-4 rtl:right-auto text-gray-400; @apply right-4 rtl:left-4 rtl:right-auto text-gray-400;
@include font-size(16); @include fonts.font-size(16);
cursor: default; cursor: default;
display: inline-block; display: inline-block;
position: absolute; position: absolute;