zepp
/
thiscat.rocks
1
0
Fork 0
Code Issues Activity

Compare commits

base: zepp:00a970ffe2ebf2ea15c6ad0a138ed967dc08bd5c
Branches Tags
zepp:main
zepp:v1
..
compare: zepp:9190e63f227be6738e3be79a4db5ff32c58d46a1
Branches Tags
zepp:main
zepp:v1

3 Commits
00a970ffe2 ... 9190e63f22

Author SHA1 Message Date
emma 9190e63f22 change border width. add width as variable for easy changes 2025-01-02 18:28:45 -05:00
emma fdb856dfc0 styling scrollbar 2025-01-02 18:11:50 -05:00
emma 7cea4e8f99 updates to transparency for section and header colors 2025-01-02 17:31:56 -05:00
1 changed files with 9 additions and 5 deletions
Show Stats Expand all files Collapse all files

14
style/style.css
View File

@ -1,8 +1,11 @@
:root { :root {
--section-color: #fccce4bb; --section-color: #fccce4dd;
--border-color: #f6da92; --border-color: #f6da92;
--header-color: #fc94bcbb; --header-color: #fc94bcdd;
--text-color: #2A004E; --text-color: #121481;
--scrollbar-thumb: #FC819E;
--scrollbar-track: #FFCAD4;
--border-width: 5px;
} }
*, *::before, *::after { *, *::before, *::after {
@ -13,6 +16,7 @@
html { html {
font-size: 16px; font-size: 16px;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
} }
body { body {
@ -117,7 +121,7 @@ header {
gap: 1rem; gap: 1rem;
padding: 1rem; padding: 1rem;
background-color: var(--header-color); background-color: var(--header-color);
border-bottom: 4px solid var(--border-color); border-bottom: var(--border-width) solid var(--border-color);
} }
header img { header img {
@ -148,7 +152,7 @@ header a:not(:first-child) {
section { section {
background-color: var(--section-color); background-color: var(--section-color);
padding: 1.25rem; padding: 1.25rem;
border: 4px solid var(--border-color); border: var(--border-width) solid var(--border-color);
border-radius: 15px; border-radius: 15px;
width: 65vw; width: 65vw;
} }