PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-09 03:37:45 +03:00
Code Issues Actions 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-toast: 5;
$z-index-bottom-panel: 3; $z-index-bottom-panel: 3;
$z-index-title-bar: 4; $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 { .profile-avatar {
border-radius: 4px; border-radius: 4px;

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.backdrop { .backdrop {
animation-name: backdrop-fade-in; 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 { .badge {
color: $muted-color; 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 { .bottom-panel {
width: 100%; width: 100%;

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.button { .button {
padding: $spacing-unit $spacing-unit * 2; 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 { .checkbox-field {
display: flex; 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 { .confirmation-modal {
display: flex; 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 { .dropdown-menu {
&__content { &__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 { .game-card {
width: 100%; width: 100%;

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

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

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

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

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

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

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.modal { .modal {
animation: scale-fade-in 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none 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 { .select-field {
display: inline-flex; 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 { .sidebar-profile {
position: relative; position: relative;

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

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

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

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

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.achievement-panel { .achievement-panel {
width: 100%; 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; $hero-height: 150px;
$logo-height: 100px; $logo-height: 100px;

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.catalogue { .catalogue {
overflow-y: auto; 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 { .game-item {
background-color: $dark-background-color; 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 { .delete-game-modal {
&__actions-buttons-ctn { &__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 { .download-group {
&__title-wrapper { &__title-wrapper {

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

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

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.editor-header { .editor-header {
width: 100%; 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 { .cloud-sync-files-modal {
&__mapping-methods { &__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 { @keyframes rotate {
0% { 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 { .description-header {
width: 100%; 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 { .gallery-slider {
&__container { &__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; $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 { .hero-panel-actions {
&__action { &__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 { .hero-panel {
width: 100%; 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 { .download-settings-modal {
&__container { &__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 { .remove-from-library-modal {
&__delete-actions-buttons-ctn { &__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-modal {
&__repacks { &__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 { .sidebar-section {
&__button { &__button {

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

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

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

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

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.home { .home {
&__header { &__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 { .edit-profile-modal {
&__profile-avatar-edit-container { &__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 { .locked-profile {
&__container { &__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 { .profile-content {
&__game-cover { &__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 { .profile-hero {
&__content-box { &__content-box {

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.profile { .profile {
&__wrapper { &__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-profile {
&__report-button { &__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 { .upload-background-image-button {
position: absolute; 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 { .download-source {
&__add-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 { .settings-account {
&__form { &__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 { .settings-download-sources {
&__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 { .settings-real-debrid {
&__form { &__form {

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

@ -1,4 +1,4 @@
@import "../../scss/variables"; @use "../../scss/variables";
.settings { .settings {
&__container { &__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 { .hydra-cloud {
&__on-close { &__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 { .user-friend-modal {
&__friend-list-display-name { &__friend-list-display-name {