From ca4f2d2902be95d251f88f1d3f48b78548c955ad Mon Sep 17 00:00:00 2001 From: Sped0n Date: Sun, 29 Oct 2023 22:09:36 +0800 Subject: [PATCH] feat(scss): add core base styles Add a new file `_base.scss` to the `_core` directory. This file contains base styles for the entire application. The styles include setting font smoothing properties, setting the background color of the body, and disabling overscroll behavior on the html and body elements. Additionally, the styles set the cursor property to pointer for anchor tags and buttons. feat(scss): add core font styles Add a new file `_font.scss` to the `_core` directory. This file defines the `HelveticaNow` font face and specifies the font weight and style. feat(scss): add core mixins Add a new file `_mixins.scss` to the `_core` directory. This file defines mixins for working with breakpoints. The mixins allow for specifying styles based on minimum and maximum widths of breakpoints defined in the `$breakpoints` map. feat(scss): add core typography styles Add a new file `_typography.scss` to the `_core` directory. This file defines typography styles for the body element. The styles set the line height, font size, and font family. Additionally, the styles use the `min-width` mixin to increase the font size at tablet and laptop breakpoints. feat(scss): add partial customCursor styles Add a new file `_customCursor.scss` to the `_partial` directory. This file defines styles for a custom cursor. The styles position the cursor element, set its color and blend mode, and define an inner element for the cursor. feat(scss): add partial stage styles Add a new file `_stage.scss` to the `_partial` directory. This file defines styles for a stage element. The styles position the stage element, set its width and height, and define styles for an image element within the stage. feat(scss): add partial stageNav styles Add a new file `_stageNav.scss` to the `_partial` directory. This file defines styles for a stage navigation overlay. The styles position the overlay element and set its width and height. The styles also define an inactive state for the overlay. feat(scss): add variables Add a new file `_variables.scss` to the root directory. This file defines CSS variables for various aspects of the application, such as window height, navigation height, spacing, and z-index values. feat(scss): import styles in main style.scss Add import statements for the newly created files in the `style.scss` file. This ensures that the --- assets/{css => scss}/_core/_base.scss | 0 assets/{css => scss}/_core/_font.scss | 0 assets/{css => scss}/_core/_mixins.scss | 0 assets/{css => scss}/_core/_typography.scss | 0 assets/{css => scss}/_partial/_customCursor.scss | 8 ++++---- assets/{css => scss}/_partial/_stage.scss | 0 assets/{css => scss}/_partial/_stageNav.scss | 0 assets/{css => scss}/_variables.scss | 0 assets/{css => scss}/style.scss | 6 +++++- 9 files changed, 9 insertions(+), 5 deletions(-) rename assets/{css => scss}/_core/_base.scss (100%) rename assets/{css => scss}/_core/_font.scss (100%) rename assets/{css => scss}/_core/_mixins.scss (100%) rename assets/{css => scss}/_core/_typography.scss (100%) rename assets/{css => scss}/_partial/_customCursor.scss (77%) rename assets/{css => scss}/_partial/_stage.scss (100%) rename assets/{css => scss}/_partial/_stageNav.scss (100%) rename assets/{css => scss}/_variables.scss (100%) rename assets/{css => scss}/style.scss (81%) diff --git a/assets/css/_core/_base.scss b/assets/scss/_core/_base.scss similarity index 100% rename from assets/css/_core/_base.scss rename to assets/scss/_core/_base.scss diff --git a/assets/css/_core/_font.scss b/assets/scss/_core/_font.scss similarity index 100% rename from assets/css/_core/_font.scss rename to assets/scss/_core/_font.scss diff --git a/assets/css/_core/_mixins.scss b/assets/scss/_core/_mixins.scss similarity index 100% rename from assets/css/_core/_mixins.scss rename to assets/scss/_core/_mixins.scss diff --git a/assets/css/_core/_typography.scss b/assets/scss/_core/_typography.scss similarity index 100% rename from assets/css/_core/_typography.scss rename to assets/scss/_core/_typography.scss diff --git a/assets/css/_partial/_customCursor.scss b/assets/scss/_partial/_customCursor.scss similarity index 77% rename from assets/css/_partial/_customCursor.scss rename to assets/scss/_partial/_customCursor.scss index 591c8f5..7324d33 100644 --- a/assets/css/_partial/_customCursor.scss +++ b/assets/scss/_partial/_customCursor.scss @@ -10,12 +10,12 @@ color: white; mix-blend-mode: difference; + + .cursorInner { + transform: translate3d(-50%, -50%, 0); + } } .active { display: block; } - -.cursorInner { - transform: translate3d(-50%, -50%, 0); -} diff --git a/assets/css/_partial/_stage.scss b/assets/scss/_partial/_stage.scss similarity index 100% rename from assets/css/_partial/_stage.scss rename to assets/scss/_partial/_stage.scss diff --git a/assets/css/_partial/_stageNav.scss b/assets/scss/_partial/_stageNav.scss similarity index 100% rename from assets/css/_partial/_stageNav.scss rename to assets/scss/_partial/_stageNav.scss diff --git a/assets/css/_variables.scss b/assets/scss/_variables.scss similarity index 100% rename from assets/css/_variables.scss rename to assets/scss/_variables.scss diff --git a/assets/css/style.scss b/assets/scss/style.scss similarity index 81% rename from assets/css/style.scss rename to assets/scss/style.scss index 96c8842..8e8e9e8 100644 --- a/assets/css/style.scss +++ b/assets/scss/style.scss @@ -7,7 +7,11 @@ @import '_variables'; @import '_core/base'; -@import '_partial/customCursor'; @import '_partial/nav'; + +@import '_partial/customCursor'; @import '_partial/stage'; @import '_partial/stageNav'; + +@import '_partial/collection'; +@import '_partial/gallery';