studio-variable/index-shop
4
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

light mode
Some checks failed
Deploy / Deploy to Production (push) Has been cancelled
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-16 17:38:18 +01:00
parent b78a6f822a
commit 0e4db025bf
8 changed files with 128 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

36
assets/css/base/_var.scss
View file

@ -31,18 +31,38 @@
--fw-medium: 500;
--fw-bold: 600;
--color-bg: #161616;
--color-txt: #ffffff;
--color-txt-light: #b9b9b9;
// --color-bg: #161616;
// --color-txt: #ffffff;
// --color-txt-light: #b9b9b9;
// --color-accent: #00ff00;
// --color-accent-50: #e9ffe9;
// --color-accent-100: #d8fdd8;
// --grey-100: #d8d8d8;
// --grey-300: #b9b9b9;
// --grey-400: #969696;
// --grey-600: #6d6d6d;
// --grey-800: #383838;
--grey-100: #2f2f2f;
--grey-200: #2f2f2f;
--grey-300: #4a4a4a;
--grey-400: #6a6a6a;
--grey-600: #9a9a9a;
--grey-800: #cfcfcf;
--grey-950: #eaeaea;
--color-bg: #ffffff;
--color-txt: #161616;
--color-txt-light: var(--grey-400);
--color-accent: #00ff00;
--color-accent-50: #e9ffe9;
--color-accent-100: #d8fdd8;
--grey-100: #d8d8d8;
--grey-300: #b9b9b9;
--grey-400: #969696;
--grey-600: #6d6d6d;
--grey-800: #383838;
--border: 1px solid var(--color-txt);
--border-light: 1px solid var(--grey-800);

50
assets/css/style.css
View file

@ -1,7 +1,7 @@
@charset "UTF-8";
:root {
--font: "Executive", Arial, sans-serif;
--title: "System", Arial, sans-serif;
--font: 'Executive', Arial, sans-serif;
--title: 'System', Arial, sans-serif;
--fs-x-small: 10px;
--fs-small: 12px;
--fs-normal: 16px;
@ -9,22 +9,32 @@
--fs-big: 30px;
--fs-x-big: 38px;
--fs-button-bold: 22px;
}
@media screen and (max-width: 720px) {
:root {
--fs-medium: 20px;
--fs-big: 26px;
}
}
:root {
--leading-tight: 1;
--leading-normal: 1.2;
--fw-normal: 400;
--fw-medium: 500;
--fw-bold: 600;
--color-bg: #161616;
--color-txt: #ffffff;
--color-txt-light: #b9b9b9;
--grey-100: #2f2f2f;
--grey-200: #2f2f2f;
--grey-300: #4a4a4a;
--grey-400: #6a6a6a;
--grey-600: #9a9a9a;
--grey-800: #cfcfcf;
--grey-950: #eaeaea;
--color-bg: #ffffff;
--color-txt: #161616;
--color-txt-light: var(--grey-400);
--color-accent: #00ff00;
--color-accent-50: #e9ffe9;
--color-accent-100: #d8fdd8;
--grey-100: #d8d8d8;
--grey-300: #b9b9b9;
--grey-400: #969696;
--grey-600: #6d6d6d;
--grey-800: #383838;
--border: 1px solid var(--color-txt);
--border-light: 1px solid var(--grey-800);
--header-h: 80px;
@ -35,12 +45,6 @@
--h-block: 30px;
--curve: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 720px) {
:root {
--fs-medium: 20px;
--fs-big: 26px;
}
}
* {
margin: 0;
@ -503,15 +507,17 @@ main {
z-index: 900;
width: calc(100vw - var(--padding-body) * 2);
height: var(--header-h);
background-color: var(--color-bg);
display: flex;
align-items: center;
justify-content: space-between;
}
#site-header.is-shrinked {
height: var(--header-h-shrinked);
border-bottom: var(--border-light);
}
#site-header {
background-color: var(--color-bg);
display: flex;
align-items: center;
justify-content: space-between;
}
#site-header .site-title {
display: flex;
width: 120px;
@ -760,7 +766,6 @@ main {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: calc(var(--padding-body) * 0.75);
display: none;
}
@media screen and (min-width: 1080px) {
#section__donation .btn--donation__container {
@ -776,6 +781,9 @@ main {
#section__donation .btn--donation__container .btn--donation__grow-2 {
grid-column: span 2;
}
#section__donation .btn--donation__container {
display: none;
}
#section__donation .btn--donation__container.is-selected {
display: grid;
}

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long