KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-11 03:49:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: vite & upgraded dependencies (#100)

Browse Source 
* On every route change, update local variables from query params

* ResultSection is keyed to query to force re-render

* Resolved lint warnings

* replace webpack w/ vite

* update all imports with alias @ and scss

* vite environment variables, also typed

* upgraded eslint, defined new rules & added ignore comments

* resolved linting issues

* moved index.html to project root

* updated dockerfile w/ build stage before runtime image definition

* sign drone config
This commit is contained in:
Kevin
2026-02-23 20:53:19 +01:00
committed by GitHub
parent fb3b4c8f7d
commit 8e586811ec
74 changed files with 3007 additions and 10582 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/scss/elements.scss
View File

@@ -1,5 +1,5 @@
@import "src/scss/variables";
@import "src/scss/media-queries";
@import "scss/variables";
@import "scss/media-queries";
.filter {
margin: 1rem;

2
src/scss/loading-placeholder.scss
View File

@@ -1,4 +1,4 @@
@import "src/scss/variables";
@import "scss/variables";
// Loading placeholder styling
@mixin nth-children($points...) {

2
src/scss/main.scss
View File

@@ -1,4 +1,4 @@
@import "src/scss/variables";
@import "scss/variables";
.noselect {
-webkit-touch-callout: none; /* iOS Safari */

78
src/scss/media-queries.scss
View File

@@ -8,72 +8,72 @@ $desktop-l-width: 1600px;
$mobile-width: 768px;
@mixin desktop {
@media (min-width: #{$mobile-width + 1px}) {
@content;
}
@media (min-width: #{$mobile-width + 1px}) {
@content;
}
}
@mixin mobile {
@media (max-width: #{$mobile-width}) {
@content;
}
@media (max-width: #{$mobile-width}) {
@content;
}
}
.desktop-only {
@include mobile {
display: none !important;
}
@include mobile {
display: none !important;
}
}
.mobile-only {
@include desktop {
display: none !important;
}
@include desktop {
display: none !important;
}
}
// Media
@mixin mobile-only {
@media (max-width: #{$tablet-p-width - 1px}) {
@content;
}
@media (max-width: #{$tablet-p-width - 1px}) {
@content;
}
}
@mixin mobile-ls-min {
@media (min-width: #{$phone-xs-width}) {
@content;
}
@media (min-width: #{$phone-xs-width}) {
@content;
}
}
@mixin tablet-only {
@media (min-width: #{$tablet-p-width}) and (max-width: #{$desktop-width - 1px}) {
@content;
}
@media (min-width: #{$tablet-p-width}) and (max-width: #{$desktop-width - 1px}) {
@content;
}
}
@mixin tablet-min {
@media (min-width: #{$tablet-p-width}) {
@content;
}
@media (min-width: #{$tablet-p-width}) {
@content;
}
}
@mixin tablet-portrait-only {
@media (min-width: #{$tablet-p-width}) and (max-width: #{$tablet-l-width - 1px}) {
@content;
}
@media (min-width: #{$tablet-p-width}) and (max-width: #{$tablet-l-width - 1px}) {
@content;
}
}
@mixin tablet-landscape-min {
@media (min-width: #{$tablet-l-width}) {
@content;
}
@media (min-width: #{$tablet-l-width}) {
@content;
}
}
@mixin desktop-min {
@media (min-width: #{$desktop-width}) {
@content;
}
@media (min-width: #{$desktop-width}) {
@content;
}
}
@mixin desktop-lg-min {
@media (min-width: #{$desktop-l-width}) {
@content;
}
@media (min-width: #{$desktop-l-width}) {
@content;
}
}
@mixin retina {
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
@content;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
@content;
}
}

2
src/scss/variables.scss
View File

@@ -1,6 +1,6 @@
// Colors
// @import "./media-queries";
@import "src/scss/media-queries";
@import "scss/media-queries";
:root {
color-scheme: light;