aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Wrapped/wrapped.css
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-09 00:41:20 -0700
committerFuwn <[email protected]>2024-10-09 00:41:43 -0700
commit998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch)
tree50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Tools/Wrapped/wrapped.css
parentfeat(graphql): add badgeCount field (diff)
downloaddue.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz
due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/lib/Tools/Wrapped/wrapped.css')
-rw-r--r--src/lib/Tools/Wrapped/wrapped.css84
1 files changed, 42 insertions, 42 deletions
diff --git a/src/lib/Tools/Wrapped/wrapped.css b/src/lib/Tools/Wrapped/wrapped.css
index be42cd0a..c144a6f0 100644
--- a/src/lib/Tools/Wrapped/wrapped.css
+++ b/src/lib/Tools/Wrapped/wrapped.css
@@ -2,99 +2,99 @@
@import url('https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=Overpass:400,600,700,800');
.categories-grid {
- display: flex;
- flex-wrap: wrap;
- row-gap: 1.5em;
- column-gap: 1.5em;
- padding: 2%;
- justify-content: center;
- font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell,
- Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
- background-color: #0b1622;
+ display: flex;
+ flex-wrap: wrap;
+ row-gap: 1.5em;
+ column-gap: 1.5em;
+ padding: 2%;
+ justify-content: center;
+ font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell,
+ Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+ background-color: #0b1622;
}
.categories-grid b {
- font-family: Overpass, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell,
- Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
- font-weight: 600;
+ font-family: Overpass, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell,
+ Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+ font-weight: 600;
}
.category-grid,
.image-grid {
- background-color: #151f2e;
- border-radius: 4px;
- color: rgb(159, 173, 189);
+ background-color: #151f2e;
+ border-radius: 4px;
+ color: rgb(159, 173, 189);
}
.pure-category,
.avatar-grid {
- padding: 1.5%;
+ padding: 1.5%;
}
.category-grid {
- display: grid;
+ display: grid;
}
.image-grid {
- display: flex;
- column-gap: 1em;
- flex-wrap: wrap;
+ display: flex;
+ column-gap: 1em;
+ flex-wrap: wrap;
}
.image-grid img {
- width: 6em;
- height: auto;
- border-radius: 3px;
+ width: 6em;
+ height: auto;
+ border-radius: 3px;
}
.categories-grid a {
- text-decoration: none;
- color: unset;
+ text-decoration: none;
+ color: unset;
}
.transparent .categories-grid {
- background-color: transparent !important;
+ background-color: transparent !important;
}
.light-theme .categories-grid {
- background-color: #edf1f5;
+ background-color: #edf1f5;
}
.light-theme .category-grid {
- background-color: #fafafa;
- color: rgb(92, 114, 138);
+ background-color: #fafafa;
+ color: rgb(92, 114, 138);
}
.light-theme .image-grid {
- background-color: #fafafa;
- color: rgb(92, 114, 138);
+ background-color: #fafafa;
+ color: rgb(92, 114, 138);
}
ol {
- margin: 0 !important;
+ margin: 0 !important;
}
#watermark {
- color: rgb(61, 180, 242);
+ color: rgb(61, 180, 242);
}
#wrapped-final {
- height: auto;
- width: 50%;
+ height: auto;
+ width: 50%;
}
#list-container {
- display: flex;
- gap: 1rem;
- flex-wrap: wrap;
- align-items: start;
+ display: flex;
+ gap: 1rem;
+ flex-wrap: wrap;
+ align-items: start;
}
.list {
- flex-grow: 1;
- flex-basis: 1%;
+ flex-grow: 1;
+ flex-basis: 1%;
}
#wrapped {
- overflow-y: scroll;
+ overflow-y: scroll;
}