mirror of
https://github.com/Fluffy-Bean/website.git
synced 2025-05-14 08:02:16 +00:00
style: format code with Prettier
This commit fixes the style issues introduced in 34d5168
according to the output
from Prettier.
Details: None
This commit is contained in:
parent
34d5168dd0
commit
11bd89cf96
1 changed files with 72 additions and 16 deletions
|
@ -38,12 +38,19 @@ main {
|
|||
|
||||
--color-btn-text: #f0e9e4; /* Using $light */
|
||||
--color-btn-bg: #312620; /* Using $dark */
|
||||
--color-btn-border: rgba(168, 99, 56, 0.10); /* Using $accent with 10% opacity */
|
||||
--color-btn-border: rgba(
|
||||
168,
|
||||
99,
|
||||
56,
|
||||
0.1
|
||||
); /* Using $accent with 10% opacity */
|
||||
--color-btn-shadow: 0 0 transparent;
|
||||
--color-btn-inset-shadow: 0 0 transparent;
|
||||
--color-btn-hover-bg: #382e28; /* Using $gray */
|
||||
--color-btn-hover-border: #a86338; /* Using $accent */
|
||||
--color-btn-active-bg: hsl(25deg 27% 27% / 100%); /* Adjusted to match the palette, using a hue close to $accent */
|
||||
--color-btn-active-bg: hsl(
|
||||
25deg 27% 27% / 100%
|
||||
); /* Adjusted to match the palette, using a hue close to $accent */
|
||||
--color-btn-active-border: #a86338; /* Using $accent */
|
||||
--color-btn-selected-bg: #312620; /* Using $dark */
|
||||
|
||||
|
@ -61,10 +68,20 @@ main {
|
|||
--color-btn-primary-disabled-border: transparent;
|
||||
|
||||
/* Hover background for action list items */
|
||||
--color-action-list-item-default-hover-bg: rgba(168, 99, 56, 0.12); /* Using $accent with 12% opacity */
|
||||
--color-action-list-item-default-hover-bg: rgba(
|
||||
168,
|
||||
99,
|
||||
56,
|
||||
0.12
|
||||
); /* Using $accent with 12% opacity */
|
||||
|
||||
/* Segmented control background */
|
||||
--color-segmented-control-bg: rgba(56, 46, 40, 0.10); /* Using $gray with 10% opacity */
|
||||
--color-segmented-control-bg: rgba(
|
||||
56,
|
||||
46,
|
||||
40,
|
||||
0.1
|
||||
); /* Using $gray with 10% opacity */
|
||||
--color-segmented-control-button-bg: #312620; /* Using $dark */
|
||||
--color-segmented-control-button-selected-border: #a86338; /* Using $accent */
|
||||
|
||||
|
@ -76,21 +93,46 @@ main {
|
|||
/* Canvas (background) colors */
|
||||
--color-canvas-default: #312620; /* Using $dark */
|
||||
--color-canvas-overlay: #382e28; /* Using $gray */
|
||||
--color-canvas-inset: rgba(49, 38, 32, 1); /* Using $dark with 100% opacity */
|
||||
--color-canvas-subtle: rgba(56, 46, 40, 1); /* Using $gray with 100% opacity */
|
||||
--color-canvas-inset: rgba(
|
||||
49,
|
||||
38,
|
||||
32,
|
||||
1
|
||||
); /* Using $dark with 100% opacity */
|
||||
--color-canvas-subtle: rgba(
|
||||
56,
|
||||
46,
|
||||
40,
|
||||
1
|
||||
); /* Using $gray with 100% opacity */
|
||||
|
||||
/* Border colors */
|
||||
--color-border-default: #382e28; /* Using $gray */
|
||||
--color-border-muted: #312620; /* Using $dark */
|
||||
|
||||
/* Neutral muted color */
|
||||
--color-neutral-muted: rgba(56, 46, 40, 0.40); /* Using $gray with 40% opacity */
|
||||
--color-neutral-muted: rgba(
|
||||
56,
|
||||
46,
|
||||
40,
|
||||
0.4
|
||||
); /* Using $gray with 40% opacity */
|
||||
|
||||
/* Accent colors */
|
||||
--color-accent-fg: #a86338; /* Using $accent */
|
||||
--color-accent-emphasis: #a86338; /* Using $accent */
|
||||
--color-accent-muted: rgba(168, 99, 56, 0.40); /* Using $accent with 40% opacity */
|
||||
--color-accent-subtle: rgba(168, 99, 56, 0.10); /* Using $accent with 10% opacity */
|
||||
--color-accent-muted: rgba(
|
||||
168,
|
||||
99,
|
||||
56,
|
||||
0.4
|
||||
); /* Using $accent with 40% opacity */
|
||||
--color-accent-subtle: rgba(
|
||||
168,
|
||||
99,
|
||||
56,
|
||||
0.1
|
||||
); /* Using $accent with 10% opacity */
|
||||
|
||||
--color-success-fg: #a86338;
|
||||
|
||||
|
@ -118,13 +160,23 @@ main .pagination-loader-container {
|
|||
|
||||
/*! Custom CSS */
|
||||
|
||||
.gsc-main { gap: 0; }
|
||||
.gsc-main {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.gsc-reactions { padding-bottom: 32px !important; }
|
||||
.gsc-reactions > div { margin-top: 0 !important; }
|
||||
.gsc-reactions-count { display: none; }
|
||||
.gsc-reactions {
|
||||
padding-bottom: 32px !important;
|
||||
}
|
||||
.gsc-reactions > div {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.gsc-reactions-count {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gsc-header { padding-bottom: 32px; }
|
||||
.gsc-header {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
.gsc-comment-box-tabs {
|
||||
border-radius: 0 !important;
|
||||
|
@ -133,9 +185,13 @@ main .pagination-loader-container {
|
|||
/*border: 2px solid #382e28;*/
|
||||
}
|
||||
|
||||
.gsc-comments { gap: 0; }
|
||||
.gsc-comments {
|
||||
gap: 0;
|
||||
}
|
||||
.gsc-comments > .gsc-comment-box,
|
||||
.gsc-comments > .gsc-comment{ margin-bottom: 16px; }
|
||||
.gsc-comments > .gsc-comment {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.gsc-comment > div {
|
||||
border-width: 2px !important;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue