Replace sass imports with sass use

This commit is contained in:
Alejandro Celaya
2025-02-11 09:15:20 +01:00
parent c85917e378
commit 2e9db77b00
9 changed files with 34 additions and 34 deletions

View File

@@ -1,6 +1,6 @@
@import '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@import '../utils/mixins/vertical-align';
@import '../utils/mixins/thin-scroll';
@use '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@use '../utils/mixins/vertical-align';
@use '../utils/mixins/thin-scroll';
.servers-list__list-group.servers-list__list-group {
width: 100%;
@@ -18,7 +18,7 @@
}
.servers-list__server-item:not(:hover) {
color: $mainColor;
color: base.$mainColor;
}
.servers-list__server-item:hover {
@@ -26,7 +26,7 @@
}
.servers-list__server-item-icon {
@include vertical-align();
@include vertical-align.vertical-align();
right: 1rem;
}
@@ -35,11 +35,11 @@
border-radius: 0;
border-top: 1px solid var(--border-color);
@media (min-width: $mdMin) {
@media (min-width: base.$mdMin) {
max-height: 220px;
overflow-x: auto;
@include thin-scroll();
@include thin-scroll.thin-scroll();
}
.servers-list__server-item {

View File

@@ -1,4 +1,4 @@
@import '../../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@use '../../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
.server-error__container {
text-align: center;
@@ -8,7 +8,7 @@
}
.server-error__delete-btn {
color: $dangerColor;
color: base.$dangerColor;
font-weight: inherit;
}