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) {

5
src/routes/+layout.svelte
View File

@@ -134,6 +134,7 @@
--blur-radius-background: 6px;
/* borders */
--border-style: dashed;
--border-dash-size: 2px;
--underline-dash-size: 1px;
@@ -277,7 +278,7 @@
width: 100%;
height: 1px;
border: none;
border-top: var(--border-dash-size) dashed var(--color-highlight);
border-top: var(--border-dash-size) var(--border-style) var(--color-highlight);
margin: 8px 0;
}
@@ -328,7 +329,7 @@
color: var(--color-link-unvisited);
text-decoration-thickness: var(--underline-dash-size);
text-decoration-color: transparent;
text-decoration-style: dashed;
text-decoration-style: var(--border-style);
}
/* visited link */
a:visited {

4
src/routes/+page.svelte
View File

@@ -131,7 +131,7 @@
.update-container {
padding: 8px 24px;
border: var(--border-dash-size) var(--color-highlight) dashed;
border: var(--border-dash-size) var(--color-highlight) var(--border-style);
backdrop-filter: blur(var(--blur-radius-background));
}
@@ -139,7 +139,7 @@
text-decoration: none;
}
.update-header-link:hover {
text-decoration: underline dashed var(--border-dash-size) var(--color-highlight);
text-decoration: underline var(--border-style) var(--border-dash-size) var(--color-highlight);
}
.update-header {