denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moved some CSS properties to variables

Browse Source
This commit is contained in:
denizk0461
2026-02-12 16:21:20 +01:00
parent 6119ee8eda
commit 632eef453b
8 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/outlined-button.svelte
View File

@@ -21,11 +21,11 @@
font-family: var(--font-mono);
font-size: var(--font-size-mono);
padding: 8px;
border: dashed 2px var(--color-highlight);
border: dashed var(--border-dash-size) var(--color-highlight);
color: var(--color-highlight);
font-weight: 700;
cursor: pointer;
transition: background-color 0.05s ease-out;
transition: background-color var(--duration-animation) ease-out;
}
.outlined-button:hover {

2
src/lib/components/ring.svelte
View File

@@ -53,7 +53,7 @@
text-decoration: none;
font-size: 1.0rem;
line-height: 1.4rem;
transition: color 0.1s ease-out, font-weight 0.1s ease-out;
transition: color var(--duration-animation) ease-out, font-weight var(--duration-animation) ease-out;
}
a:link, a:visited, span {
color: var(--color-highlight);

4
src/lib/components/subtitled-image.svelte
View File

@@ -43,10 +43,10 @@
.subtitled-img-container {
display: flex;
flex-direction: column;
border: 2px var(--color-highlight) dashed;
border: var(--border-dash-size) var(--color-highlight) dashed;
text-decoration: none;
box-sizing: border-box;
transition: background-color 0.1s ease-out;
transition: background-color var(--duration-animation) ease-out;
}
.subtitled-img-container-centred {