PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-02 16:23:48 +03:00
Code Issues Actions 1 Packages Projects Releases 1 Wiki Activity

@import to @use

Browse Source
This commit is contained in:
Nate 2025-01-18 13:48:00 -03:00
parent e97a6fe51a
commit 3c9d036efd
55 changed files with 73 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/_theme.scss
View File

@ -18,4 +18,4 @@ $size-small: 12px;
$z-index-toast: 5;
$z-index-bottom-panel: 3;
$z-index-title-bar: 4;
$z-index-backdrop: 4;
$z-index-backdrop: 4;

2
src/renderer/src/components/avatar/avatar.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.profile-avatar {
border-radius: 4px;

2
src/renderer/src/components/backdrop/backdrop.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.backdrop {
animation-name: backdrop-fade-in;

2
src/renderer/src/components/badge/badge.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.badge {
color: $muted-color;

2
src/renderer/src/components/bottom-panel/bottom-panel.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.bottom-panel {
width: 100%;

2
src/renderer/src/components/button/button.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.button {
padding: $spacing-unit $spacing-unit * 2;

2
src/renderer/src/components/checkbox-field/checkbox-field.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.checkbox-field {
display: flex;

2
src/renderer/src/components/confirmation-modal/confirmation-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.confirmation-modal {
display: flex;

2
src/renderer/src/components/dropdown-menu/dropdown-menu.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.dropdown-menu {
&__content {

2
src/renderer/src/components/game-card/game-card.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.game-card {
width: 100%;

2
src/renderer/src/components/header/header.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.header {
display: flex;

2
src/renderer/src/components/hero/hero.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.hero {
width: 100%;

2
src/renderer/src/components/link/link.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.link {
text-decoration: none;

2
src/renderer/src/components/modal/modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.modal {
animation: scale-fade-in 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none

2
src/renderer/src/components/select-field/select-field.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.select-field {
display: inline-flex;

2
src/renderer/src/components/sidebar/sidebar-profile.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.sidebar-profile {
position: relative;

38
src/renderer/src/components/sidebar/sidebar.scss
View File

@ -1,30 +1,30 @@
@import "../../scss/variables";
@use "../../scss/variables";
.sidebar {
background-color: globals.$dark-background-color;
color: globals.$muted-color;
background-color: $dark-background-color;
color: $muted-color;
flex-direction: column;
display: flex;
transition: opacity ease 0.2s;
border-right: solid 1px globals.$border-color;
border-right: solid 1px $border-color;
position: relative;
overflow: hidden;
padding-top: globals.$spacing-unit;
padding-top: $spacing-unit;
&__resizing {
opacity: globals.$active-opacity;
opacity: $active-opacity;
pointer-events: none;
}
&__darwin {
padding-top: calc(globals.$spacing-unit * 6);
padding-top: calc($spacing-unit * 6);
}
&__content {
display: flex;
flex-direction: column;
padding: calc(globals.$spacing-unit * 2);
gap: calc(globals.$spacing-unit * 2);
padding: calc($spacing-unit * 2);
gap: calc($spacing-unit * 2);
width: 100%;
overflow: auto;
}
@ -41,7 +41,7 @@
list-style: none;
padding: 0;
margin: 0;
gap: calc(globals.$spacing-unit / 2);
gap: calc($spacing-unit / 2);
display: flex;
flex-direction: column;
overflow: hidden;
@ -52,7 +52,7 @@
cursor: pointer;
text-wrap: nowrap;
display: flex;
color: globals.$muted-color;
color: $muted-color;
border-radius: 4px;
&:hover {
background-color: rgba(255, 255, 255, 0.15);
@ -63,7 +63,7 @@
}
&--muted {
opacity: globals.$disabled-opacity;
opacity: $disabled-opacity;
&:hover {
opacity: 1;
@ -75,11 +75,11 @@
color: inherit;
display: flex;
align-items: center;
gap: globals.$spacing-unit;
gap: $spacing-unit;
cursor: pointer;
overflow: hidden;
width: 100%;
padding: 9px globals.$spacing-unit;
padding: 9px $spacing-unit;
}
&__menu-item-button-label {
@ -102,20 +102,20 @@
}
&__section {
gap: calc(globals.$spacing-unit * 2);
gap: calc($spacing-unit * 2);
display: flex;
flex-direction: column;
padding-bottom: globals.$spacing-unit;
padding-bottom: $spacing-unit;
}
&__help-button {
color: globals.$muted-color;
padding: globals.$spacing-unit calc(globals.$spacing-unit * 2);
color: $muted-color;
padding: $spacing-unit calc($spacing-unit * 2);
gap: 9px;
display: flex;
align-items: center;
cursor: pointer;
border-top: solid 1px globals.$border-color;
border-top: solid 1px $border-color;
transition: background-color ease 0.1s;
&:hover {

2
src/renderer/src/components/text-field/text-field.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.text-field-container {
flex: 1;

2
src/renderer/src/components/toast/toast.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
@keyframes slideIn {
0% {

2
src/renderer/src/pages/achievements/achievement-panel.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.achievement-panel {
width: 100%;

2
src/renderer/src/pages/achievements/achievements.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
$hero-height: 150px;
$logo-height: 100px;

2
src/renderer/src/pages/catalogue/catalogue.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.catalogue {
overflow-y: auto;

2
src/renderer/src/pages/catalogue/game-item.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.game-item {
background-color: $dark-background-color;

2
src/renderer/src/pages/downloads/delete-game-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.delete-game-modal {
&__actions-buttons-ctn {

2
src/renderer/src/pages/downloads/download-group.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.download-group {
&__title-wrapper {

2
src/renderer/src/pages/downloads/downloads.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.downloads {
&__container {

2
src/renderer/src/pages/editor/editor.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.editor-header {
width: 100%;

2
src/renderer/src/pages/game-details/cloud-sync-files-modal/cloud-sync-files-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.cloud-sync-files-modal {
&__mapping-methods {

2
src/renderer/src/pages/game-details/cloud-sync-modal/cloud-sync-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
@keyframes rotate {
0% {

2
src/renderer/src/pages/game-details/description-header/description-header.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.description-header {
width: 100%;

2
src/renderer/src/pages/game-details/gallery-slider/gallery-slider.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.gallery-slider {
&__container {

2
src/renderer/src/pages/game-details/game-details.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
$hero-height: 300px;

2
src/renderer/src/pages/game-details/hero/hero-panel-actions.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.hero-panel-actions {
&__action {

2
src/renderer/src/pages/game-details/hero/hero-panel.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.hero-panel {
width: 100%;

2
src/renderer/src/pages/game-details/modals/download-settings-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.download-settings-modal {
&__container {

2
src/renderer/src/pages/game-details/modals/remove-from-library-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.remove-from-library-modal {
&__delete-actions-buttons-ctn {

2
src/renderer/src/pages/game-details/modals/repacks-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.repacks-modal {
&__repacks {

2
src/renderer/src/pages/game-details/sidebar-section/sidebar-section.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.sidebar-section {
&__button {

2
src/renderer/src/pages/game-details/sidebar/sidebar.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.sidebar {
&__content {

2
src/renderer/src/pages/home/catalogue-home.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.catalogue-home {
&__categories {

2
src/renderer/src/pages/home/home.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.home {
&__header {

2
src/renderer/src/pages/profile/edit-profile-modal/edit-profile-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.edit-profile-modal {
&__profile-avatar-edit-container {

2
src/renderer/src/pages/profile/profile-content/locked-profile.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.locked-profile {
&__container {

2
src/renderer/src/pages/profile/profile-content/profile-content.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.profile-content {
&__game-cover {

2
src/renderer/src/pages/profile/profile-hero/profile-hero.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.profile-hero {
&__content-box {

2
src/renderer/src/pages/profile/profile.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.profile {
&__wrapper {

2
src/renderer/src/pages/profile/report-profile/report-profile.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.report-profile {
&__report-button {

2
src/renderer/src/pages/profile/upload-background-image-button/upload-background-image-button.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.upload-background-image-button {
position: absolute;

2
src/renderer/src/pages/settings/add-download-source-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.download-source {
&__add-source {

2
src/renderer/src/pages/settings/settings-account.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.settings-account {
&__form {

2
src/renderer/src/pages/settings/settings-download-sources.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.settings-download-sources {
&__download-sources {

2
src/renderer/src/pages/settings/settings-real-debrid.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.settings-real-debrid {
&__form {

2
src/renderer/src/pages/settings/settings.scss
View File

@ -1,4 +1,4 @@
@import "../../scss/variables";
@use "../../scss/variables";
.settings {
&__container {

2
src/renderer/src/pages/shared-modals/hydra-cloud/hydra-cloud.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.hydra-cloud {
&__on-close {

2
src/renderer/src/pages/shared-modals/user-friend-modal/user-friend-modal.scss
View File

@ -1,4 +1,4 @@
@import "../../../scss/variables";
@use "../../../scss/variables";
.user-friend-modal {
&__friend-list-display-name {