From 07384e30cc7e5a51261fd20f11d37aef7caea7f9 Mon Sep 17 00:00:00 2001 From: Tickbase Date: Sun, 18 May 2025 12:36:15 +0200 Subject: [PATCH] styling --- src/styles/{ => abstracts}/_fonts.scss | 0 src/styles/abstracts/_index.scss | 5 +++ src/styles/{ => abstracts}/_layout.scss | 0 src/styles/{ => abstracts}/_mixins.scss | 0 src/styles/{ => abstracts}/_reset.scss | 0 src/styles/{ => abstracts}/_variables.scss | 0 .../components/buttons/_action_button.scss | 3 ++ .../buttons/_animated_checkbox.scss | 3 ++ src/styles/components/buttons/_button.scss | 3 ++ src/styles/components/buttons/_index.scss | 3 ++ src/styles/components/common/_index.scss | 1 + src/styles/components/common/_loading.scss | 3 ++ src/styles/components/dialogs/_dialog.scss | 4 +-- .../components/dialogs/_dlc_dialog.scss | 4 +-- src/styles/components/dialogs/_index.scss | 3 ++ .../components/dialogs/_progress_dialog.scss | 3 ++ src/styles/components/games/_gamecard.scss | 3 ++ src/styles/components/games/_gamelist.scss | 4 +-- src/styles/components/games/_index.scss | 2 ++ src/styles/components/layout/_background.scss | 3 ++ src/styles/components/layout/_header.scss | 3 ++ src/styles/components/layout/_index.scss | 4 +++ .../components/layout/_loading_screen.scss | 3 ++ src/styles/components/layout/_sidebar.scss | 4 +-- .../components/notifications/_index.scss | 1 + .../components/notifications/_toast.scss | 3 ++ src/styles/main.scss | 31 +++++-------------- src/styles/themes/_index.scss | 1 + 28 files changed, 66 insertions(+), 31 deletions(-) rename src/styles/{ => abstracts}/_fonts.scss (100%) create mode 100644 src/styles/abstracts/_index.scss rename src/styles/{ => abstracts}/_layout.scss (100%) rename src/styles/{ => abstracts}/_mixins.scss (100%) rename src/styles/{ => abstracts}/_reset.scss (100%) rename src/styles/{ => abstracts}/_variables.scss (100%) create mode 100644 src/styles/components/buttons/_index.scss create mode 100644 src/styles/components/common/_index.scss create mode 100644 src/styles/components/dialogs/_index.scss create mode 100644 src/styles/components/games/_index.scss create mode 100644 src/styles/components/layout/_index.scss create mode 100644 src/styles/components/notifications/_index.scss create mode 100644 src/styles/themes/_index.scss diff --git a/src/styles/_fonts.scss b/src/styles/abstracts/_fonts.scss similarity index 100% rename from src/styles/_fonts.scss rename to src/styles/abstracts/_fonts.scss diff --git a/src/styles/abstracts/_index.scss b/src/styles/abstracts/_index.scss new file mode 100644 index 0000000..876a379 --- /dev/null +++ b/src/styles/abstracts/_index.scss @@ -0,0 +1,5 @@ +@forward './fonts'; +@forward './layout'; +@forward './mixins'; +@forward './reset'; +@forward './variables'; diff --git a/src/styles/_layout.scss b/src/styles/abstracts/_layout.scss similarity index 100% rename from src/styles/_layout.scss rename to src/styles/abstracts/_layout.scss diff --git a/src/styles/_mixins.scss b/src/styles/abstracts/_mixins.scss similarity index 100% rename from src/styles/_mixins.scss rename to src/styles/abstracts/_mixins.scss diff --git a/src/styles/_reset.scss b/src/styles/abstracts/_reset.scss similarity index 100% rename from src/styles/_reset.scss rename to src/styles/abstracts/_reset.scss diff --git a/src/styles/_variables.scss b/src/styles/abstracts/_variables.scss similarity index 100% rename from src/styles/_variables.scss rename to src/styles/abstracts/_variables.scss diff --git a/src/styles/components/buttons/_action_button.scss b/src/styles/components/buttons/_action_button.scss index ad1ca9c..80ab650 100644 --- a/src/styles/components/buttons/_action_button.scss +++ b/src/styles/components/buttons/_action_button.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Action button styles Used specifically for game installation/uninstallation diff --git a/src/styles/components/buttons/_animated_checkbox.scss b/src/styles/components/buttons/_animated_checkbox.scss index 578c3f9..54786e1 100644 --- a/src/styles/components/buttons/_animated_checkbox.scss +++ b/src/styles/components/buttons/_animated_checkbox.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Animated checkbox component styles */ diff --git a/src/styles/components/buttons/_button.scss b/src/styles/components/buttons/_button.scss index 3945a5a..93bc253 100644 --- a/src/styles/components/buttons/_button.scss +++ b/src/styles/components/buttons/_button.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Button component styles Core styling for buttons throughout the application diff --git a/src/styles/components/buttons/_index.scss b/src/styles/components/buttons/_index.scss new file mode 100644 index 0000000..14407f4 --- /dev/null +++ b/src/styles/components/buttons/_index.scss @@ -0,0 +1,3 @@ +@forward './action_button'; +@forward './animated_checkbox'; +@forward './button'; diff --git a/src/styles/components/common/_index.scss b/src/styles/components/common/_index.scss new file mode 100644 index 0000000..3506ddc --- /dev/null +++ b/src/styles/components/common/_index.scss @@ -0,0 +1 @@ +@forward './loading'; diff --git a/src/styles/components/common/_loading.scss b/src/styles/components/common/_loading.scss index 6561570..097ef9f 100644 --- a/src/styles/components/common/_loading.scss +++ b/src/styles/components/common/_loading.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Loading indicator component styles */ diff --git a/src/styles/components/dialogs/_dialog.scss b/src/styles/components/dialogs/_dialog.scss index b19c502..deb56c6 100644 --- a/src/styles/components/dialogs/_dialog.scss +++ b/src/styles/components/dialogs/_dialog.scss @@ -1,5 +1,5 @@ -@use '../../variables' as *; -@use '../../mixins' as *; +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; /* Base dialog styles diff --git a/src/styles/components/dialogs/_dlc_dialog.scss b/src/styles/components/dialogs/_dlc_dialog.scss index 60aa6d1..62c8123 100644 --- a/src/styles/components/dialogs/_dlc_dialog.scss +++ b/src/styles/components/dialogs/_dlc_dialog.scss @@ -1,5 +1,5 @@ -@use '../../variables' as *; -@use '../../mixins' as *; +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; /* DLC Selection Dialog styles diff --git a/src/styles/components/dialogs/_index.scss b/src/styles/components/dialogs/_index.scss new file mode 100644 index 0000000..03c37bc --- /dev/null +++ b/src/styles/components/dialogs/_index.scss @@ -0,0 +1,3 @@ +@forward './dialog'; +@forward './dlc_dialog'; +@forward './progress_dialog'; diff --git a/src/styles/components/dialogs/_progress_dialog.scss b/src/styles/components/dialogs/_progress_dialog.scss index b9e7a2e..54a5294 100644 --- a/src/styles/components/dialogs/_progress_dialog.scss +++ b/src/styles/components/dialogs/_progress_dialog.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Progress dialog styles For installation/uninstallation progress display diff --git a/src/styles/components/games/_gamecard.scss b/src/styles/components/games/_gamecard.scss index aca87fc..7f74efe 100644 --- a/src/styles/components/games/_gamecard.scss +++ b/src/styles/components/games/_gamecard.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Game card styles For game items displayed in the grid diff --git a/src/styles/components/games/_gamelist.scss b/src/styles/components/games/_gamelist.scss index 651f58e..562990c 100644 --- a/src/styles/components/games/_gamelist.scss +++ b/src/styles/components/games/_gamelist.scss @@ -1,5 +1,5 @@ -@use '../../variables' as *; -@use '../../mixins' as *; +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; /* Game list styles diff --git a/src/styles/components/games/_index.scss b/src/styles/components/games/_index.scss new file mode 100644 index 0000000..85f6b5c --- /dev/null +++ b/src/styles/components/games/_index.scss @@ -0,0 +1,2 @@ +@forward './gamecard'; +@forward './gamelist'; diff --git a/src/styles/components/layout/_background.scss b/src/styles/components/layout/_background.scss index 0ae3524..82dc691 100644 --- a/src/styles/components/layout/_background.scss +++ b/src/styles/components/layout/_background.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Animated background styles */ diff --git a/src/styles/components/layout/_header.scss b/src/styles/components/layout/_header.scss index deb6adb..7b096d0 100644 --- a/src/styles/components/layout/_header.scss +++ b/src/styles/components/layout/_header.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Header component styles */ diff --git a/src/styles/components/layout/_index.scss b/src/styles/components/layout/_index.scss new file mode 100644 index 0000000..4e5889e --- /dev/null +++ b/src/styles/components/layout/_index.scss @@ -0,0 +1,4 @@ +@forward './background'; +@forward './header'; +@forward './loading_screen'; +@forward './sidebar'; diff --git a/src/styles/components/layout/_loading_screen.scss b/src/styles/components/layout/_loading_screen.scss index 0d9e1c9..71d9aa8 100644 --- a/src/styles/components/layout/_loading_screen.scss +++ b/src/styles/components/layout/_loading_screen.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Initial loading screen styles */ diff --git a/src/styles/components/layout/_sidebar.scss b/src/styles/components/layout/_sidebar.scss index 9e02fc4..64e9d75 100644 --- a/src/styles/components/layout/_sidebar.scss +++ b/src/styles/components/layout/_sidebar.scss @@ -1,5 +1,5 @@ -@use '../../variables' as *; -@use '../../mixins' as *; +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; /* Sidebar component styles diff --git a/src/styles/components/notifications/_index.scss b/src/styles/components/notifications/_index.scss new file mode 100644 index 0000000..4ed2823 --- /dev/null +++ b/src/styles/components/notifications/_index.scss @@ -0,0 +1 @@ +@forward './toast'; diff --git a/src/styles/components/notifications/_toast.scss b/src/styles/components/notifications/_toast.scss index ca6cb03..f00ff54 100644 --- a/src/styles/components/notifications/_toast.scss +++ b/src/styles/components/notifications/_toast.scss @@ -1,3 +1,6 @@ +@use '../../themes/index' as *; +@use '../../abstracts/index' as *; + /* Toast notification styles */ diff --git a/src/styles/main.scss b/src/styles/main.scss index faf405c..606503b 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -4,42 +4,27 @@ */ /* Basic variables and mixins */ -@use './variables' as *; -@use './mixins' as *; -@use './fonts' as *; +@use 'abstracts/index' as *; -/* Reset & global styles */ -@use './reset'; -@use './layout'; +@use 'themes/index' as *; /* Layout components */ -@use 'components/layout/header'; -@use 'components/layout/sidebar'; -@use 'components/layout/background'; -@use 'components/layout/loading_screen'; +@use 'components/layout/index' as *; /* Game components */ -@use 'components/games/gamecard'; -@use 'components/games/gamelist'; +@use 'components/games/index' as *; /* Button components */ -@use 'components/buttons/button'; -@use 'components/buttons/action_button'; -@use 'components/buttons/animated_checkbox'; +@use 'components/buttons/index' as *; /* Dialog components */ -@use 'components/dialogs/dialog'; -@use 'components/dialogs/progress_dialog'; -@use 'components/dialogs/dlc_dialog'; +@use 'components/dialogs/index' as *; /* Notification components */ -@use 'components/notifications/toast'; +@use 'components/notifications/index' as *; /* Common components */ -@use 'components/common/loading'; +@use 'components/common/index' as *; /* Page-specific styles */ //@use 'pages/home'; - -/* Theme */ -@use 'themes/dark'; diff --git a/src/styles/themes/_index.scss b/src/styles/themes/_index.scss new file mode 100644 index 0000000..8c6cf7d --- /dev/null +++ b/src/styles/themes/_index.scss @@ -0,0 +1 @@ +@forward './dark';