Merge branch 'main' into feature/add-menu-bar
# Please enter a commit message to explain why this merge is necessary, # especially if it merges an updated upstream into a topic branch. # # Lines starting with '#' will be ignored, and an empty message aborts # the commit.
This commit is contained in:
+14
-4
@@ -65,7 +65,7 @@
|
||||
--color-neutral-600: #5B5B5B;
|
||||
--color-neutral-700: #3D3D3D;
|
||||
--color-neutral-800: #292929;
|
||||
--color-neutral-900: #0F0F0F;
|
||||
--color-neutral-900: #121212;
|
||||
|
||||
--color-orange-red-100: #FFE7CC;
|
||||
--color-orange-red-200: #FFC999;
|
||||
@@ -126,9 +126,8 @@
|
||||
--radius-xl: 2rem;
|
||||
--radius-xxl: 2.5rem;
|
||||
|
||||
--shadow-box: 0px 2px 8px rgba(0, 0, 0, 0.4), 0px 1px 4px rgba(0, 0, 0, 0.12);
|
||||
--shadow-button: inset 0px 1px 2px rgba(0, 0, 0, 0.16), inset 0px -1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
|
||||
--shadow-button-active: inset 0px -1px 2px rgba(0, 0, 0, 0.16), inset 0px 1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
|
||||
--shadow-light: 0px 2px 8px rgba(0, 0, 0, 0.3), 0px 1px 4px rgba(0, 0, 0, 0.2);
|
||||
--shadow-dark: 0px 2px 8px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.2);
|
||||
|
||||
/* Semantic tokens: contextual usage */
|
||||
--color-background: light-dark(var(--color-neutral-100), var(--color-neutral-900));
|
||||
@@ -158,6 +157,11 @@
|
||||
--color-text-button: var(--color-neutral-900);
|
||||
--color-text-button-active: var(--color-neutral-100);
|
||||
|
||||
--shadow-box: var(--shadow-light);
|
||||
|
||||
--shadow-button: inset 0px 1px 2px rgba(0, 0, 0, 0.16), inset 0px -1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
|
||||
--shadow-button-active: inset 0px -1px 2px rgba(0, 0, 0, 0.16), inset 0px 1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
|
||||
|
||||
--border: #d8d8d8;
|
||||
--overlay: rgb(12 12 12 / 0.24);
|
||||
--panel: rgb(255 255 255 / 0.76);
|
||||
@@ -664,6 +668,12 @@ footer a:visited {
|
||||
/* =======================
|
||||
Media Queries for Responsive Design.
|
||||
======================= */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--shadow-box: var(--shadow-dark);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
main {
|
||||
|
||||
Reference in New Issue
Block a user