www
/
cs-2022-class-profile
16
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

px -> rem
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Jared He 2022-08-25 18:21:26 -04:00
parent 5f86a6d74c
commit 3de0f67ccb
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
components/Timeline.module.css
View File

@ -4,7 +4,7 @@
.line { .line {
position: absolute; position: absolute;
width: 5px; width: calc(5rem / 16);
background-color: var(--secondary-accent); background-color: var(--secondary-accent);
} }
@ -15,7 +15,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
gap: 20px; gap: calc(20rem / 16);
} }
.timelineSection { .timelineSection {
@ -27,9 +27,9 @@
} }
.time { .time {
margin: 0px; margin: 0;
text-align: right; text-align: right;
font-size: 30px; font-size: calc(30rem / 16);
font-weight: 700; font-weight: 700;
color: var(--secondary-accent); color: var(--secondary-accent);
word-wrap: break-word; word-wrap: break-word;
@ -40,30 +40,30 @@
} }
.circle { .circle {
margin-left: 2px; margin-left: calc(2rem / 16);
width: 30px; width: calc(30rem / 16);
height: 30px; height: calc(30rem / 16);
border-radius: 30px; border-radius: calc(30rem / 16);
background-color: var(--secondary-accent); background-color: var(--secondary-accent);
box-shadow: 0px 0px 30px var(--secondary-accent); box-shadow: calc(0rem / 16) calc(0rem / 16) calc(30rem / 16) var(--secondary-accent);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.innerCircle { .innerCircle {
width: 15px; width: calc(15rem / 16);
height: 15px; height: calc(15rem / 16);
border-radius: 15px; border-radius: calc(15rem / 16);
background-color: var(--label); background-color: var(--label);
} }
.text { .text {
height: fit-content; height: fit-content;
margin: 0px; margin: 0;
padding: 5px; padding: calc(15rem / 16);
border-radius: 10px; border-radius: calc(10rem / 16);
font-size: 20px; font-size: calc(20rem / 16);
font-weight: 700; font-weight: 700;
color: var(--label); color: var(--label);
background-color: var(--card-background); background-color: var(--card-background);
@ -72,6 +72,6 @@
} }
.textHover { .textHover {
border: 2px solid var(--secondary-accent-light); border: calc(2rem / 16) solid var(--secondary-accent-light);
box-shadow: 0px 0px 20px var(--secondary-accent); box-shadow: calc(0rem / 16) calc(0rem / 16) calc(20rem / 16) var(--secondary-accent);
} }