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,11 +1,11 @@
@import '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@import '../utils/mixins/horizontal-align';
@use '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@use '../utils/mixins/horizontal-align';
.app-update-banner.app-update-banner {
@include horizontal-align();
@include horizontal-align.horizontal-align();
position: fixed;
top: $headerHeight - 25px;
top: base.$headerHeight - 25px;
padding: 0 4rem 0 0;
z-index: 1040;
margin: 0;

View File

@@ -1,15 +1,15 @@
@import '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@use '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
.home__title {
font-size: 1.75rem;
@media (min-width: $mdMin) {
@media (min-width: base.$mdMin) {
font-size: 2.2rem;
}
}
.home__servers-container {
@media (min-width: $mdMin) {
@media (min-width: base.$mdMin) {
border-left: 1px solid var(--border-color);
}
}

View File

@@ -1,5 +1,3 @@
@import '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
.main-header.main-header {
color: white;
background-color: var(--brand-color) !important;

View File

@@ -1,9 +1,9 @@
@import '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@use '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
.no-menu-wrapper {
padding: 15px 0 0;
@media (min-width: $mdMin) {
@media (min-width: base.$mdMin) {
padding: 30px 20px 20px;
}
}

View File

@@ -1,9 +1,9 @@
@import '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
@use '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
.shlink-versions-container--with-sidebar {
margin-left: 0;
@media (min-width: $mdMin) {
margin-left: $asideMenuWidth;
@media (min-width: base.$mdMin) {
margin-left: base.$asideMenuWidth;
}
}