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-family: var(--font-mono);
font-size: var(--font-size-mono); font-size: var(--font-size-mono);
padding: 8px; 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); color: var(--color-highlight);
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;

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

@@ -43,7 +43,7 @@
.subtitled-img-container { .subtitled-img-container {
display: flex; display: flex;
flex-direction: column; 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; text-decoration: none;
box-sizing: border-box; box-sizing: border-box;
backdrop-filter: blur(var(--blur-radius-background)); backdrop-filter: blur(var(--blur-radius-background));

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

@@ -85,7 +85,7 @@
margin-right: auto; margin-right: auto;
background-color: var(--color-background-highlight); background-color: var(--color-background-highlight);
padding: 16px 0; 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)); 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, transition: background-color var(--duration-animation) ease-out,
border-color var(--duration-animation) ease-out, border-color var(--duration-animation) ease-out,
backdrop-filter var(--duration-blur) 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 { .row-entry:hover {

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

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

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

@@ -68,7 +68,7 @@
footer a:hover { footer a:hover {
font-weight: 700; 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 { .bottom-rat {

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

@@ -46,7 +46,7 @@
a:hover { a:hover {
font-weight: 700; font-weight: 700;
/* color: var(--color-highlight); */ /* 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) { @media screen and (max-width: 500px) {

5
src/routes/+layout.svelte
View File

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

4
src/routes/+page.svelte
View File

@@ -131,7 +131,7 @@
.update-container { .update-container {
padding: 8px 24px; 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)); backdrop-filter: blur(var(--blur-radius-background));
} }
@@ -139,7 +139,7 @@
text-decoration: none; text-decoration: none;
} }
.update-header-link:hover { .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 { .update-header {