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

moved outline/border styles to property

Browse Source
This commit is contained in:
denizk0461
2026-02-25 17:52:13 +01:00
parent debf014615
commit 76bfd344e4
9 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,7 @@
font-family: var(--font-mono);
font-size: var(--font-size-mono);
padding: 8px;
border: dashed var(--border-dash-size) var(--color-highlight);
border: var(--border-style) var(--border-dash-size) var(--color-highlight);
color: var(--color-highlight);
font-weight: 700;
cursor: pointer;

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

@@ -43,7 +43,7 @@
.subtitled-img-container {
display: flex;
flex-direction: column;
border: var(--border-dash-size) var(--color-highlight) dashed;
border: var(--border-dash-size) var(--color-highlight) var(--border-style);
text-decoration: none;
box-sizing: border-box;
backdrop-filter: blur(var(--blur-radius-background));

2
src/lib/components/table-of-contents.svelte
View File

@@ -85,7 +85,7 @@
margin-right: auto;
background-color: var(--color-background-highlight);
padding: 16px 0;
border: dashed var(--border-dash-size) var(--color-highlight);
border: var(--border-style) var(--border-dash-size) var(--color-highlight);
backdrop-filter: blur(var(--blur-radius-background));
}

2
src/lib/lists/gallery-row.svelte
View File

@@ -43,7 +43,7 @@
transition: background-color var(--duration-animation) ease-out,
border-color var(--duration-animation) ease-out,
backdrop-filter var(--duration-blur) ease-out;
border: var(--border-dash-size) dashed transparent;
border: var(--border-dash-size) var(--border-style) transparent;
}
.row-entry:hover {

2
src/lib/lists/gallery.svelte
View File

@@ -85,7 +85,7 @@
height: 100%;
padding-left: 16px;
padding-right: 16px;
border-style: dashed;
border-style: var(--border-style);
justify-content: center;
border-color: transparent;
border-width: var(--border-dash-size);

2
src/lib/viewport/footer.svelte
View File

@@ -68,7 +68,7 @@
footer a:hover {
font-weight: 700;
text-decoration: dashed var(--underline-dash-size) var(--color-highlight) underline;
text-decoration: var(--border-style) var(--underline-dash-size) var(--color-highlight) underline;
}
.bottom-rat {

2
src/lib/viewport/header.svelte
View File

@@ -46,7 +46,7 @@
a:hover {
font-weight: 700;
/* color: var(--color-highlight); */
text-decoration: dashed var(--underline-dash-size) var(--color-highlight) underline;
text-decoration: var(--border-style) var(--underline-dash-size) var(--color-highlight) underline;
}
@media screen and (max-width: 500px) {