SebinNyshkim/viktor-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: give custom properties better names

Browse source
This commit is contained in:
Sebin Nyshkim 2022-09-28 02:16:53 +02:00
parent 2bc11a85d8
commit 0145c7f70c
5 changed files with 49 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/TimelineItem.vue
View file

@ -53,10 +53,11 @@ const dateLabels = computed<Record<string, string>>(() => {
&:not(:last-child):before {
content: "";
position: absolute;
top: var(--timeline-position-top);
left: var(--timeline-stroke-position);
top: var(--timeline-stroke-position-top);
left: var(--timeline-stroke-position-horizontal);
height: var(--timeline-stroke-length);
border-left: var(--timeline-stroke-border);
border-left: var(--timeline-stroke-thickness) solid
var(--timeline-stroke-color);
}
@media (min-width: 64em) {
@ -69,7 +70,7 @@ const dateLabels = computed<Record<string, string>>(() => {
&:before {
left: auto;
right: var(--timeline-stroke-position);
right: var(--timeline-stroke-position-horizontal);
}
.timeline-item__datetime {
@ -88,14 +89,15 @@ const dateLabels = computed<Record<string, string>>(() => {
text-align: center;
line-height: 1.1;
background-color: var(--timeline-circle-background-color);
background-color: var(--timeline-circle-background);
flex: 0 0 var(--timeline-circle-size);
width: var(--timeline-circle-size);
height: var(--timeline-circle-size);
margin: 0;
border: var(--timeline-stroke-border);
border: var(--timeline-stroke-thickness) solid
var(--timeline-stroke-color);
border-radius: 100%;
padding: var(--timeline-circle-padding);
}