malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Use text-decoration underline for link styles

Browse Source
This commit is contained in:
Tetrakern 2024-10-04 20:31:15 +02:00
parent bd217da0b6
commit 4313f8d46c
7 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/editor.css
View File

File diff suppressed because one or more lines are too long

2
css/properties.css
View File

File diff suppressed because one or more lines are too long

7
src/scss/common/_formatting.scss
View File

@ -67,12 +67,13 @@ p a:not(.wp-element-button, .modal-tooltip),
.link,
:is(.modal, .dialog-modal) a[href]:not(.button, .wp-element-button, .modal-tooltip) {
color: var(--inline-link-color);
border-bottom: var(--inline-link-color-border);
transition: border-color var(--transition-duration);
text-decoration: var(--inline-link-text-decoration);
text-underline-offset: 0.2em;
transition: text-decoration var(--transition-duration);
&:hover {
color: var(--inline-link-color-hover);
border-bottom: var(--inline-link-color-border-hover);
text-decoration: var(--inline-link-text-decoration-hover);
}
&:visited {

7
src/scss/common/_lightmode.scss
View File

@ -258,7 +258,7 @@
--font-line-height-base: 1.7;
--font-letter-spacing-base: 0em;
// === COLORS - LINKS ========================================================
// === LINKS =================================================================
// --heading-link-color: var(--fg-400);
--heading-link-color-hover: var(--fg-500);
@ -266,8 +266,9 @@
// --inline-link-color: var(--primary-500);
// --inline-link-color-hover: var(--primary-400);
// --inline-link-color-visited: var(--primary-600);
// --inline-link-color-border: 1px solid transparent;
// --inline-link-color-border-hover: 1px solid currentColor;
// --inline-link-text-decoration: underline transparent solid 1px;
// --inline-link-text-decoration-hover: underline currentColor solid 1px;
// --widget-link-color: inherit;
--widget-link-color-hover: var(--fg-300);

7
src/scss/common/_properties.scss
View File

@ -421,7 +421,7 @@
--fs-widget: #{clamp(13px, 5.5cqw, 15px)};
// === COLORS - LINKS ========================================================
// === LINKS =================================================================
--heading-link-color: var(--fg-400);
--heading-link-color-hover: var(--fg-200);
@ -429,8 +429,9 @@
--inline-link-color: var(--primary-500);
--inline-link-color-hover: var(--primary-400);
--inline-link-color-visited: var(--primary-600);
--inline-link-color-border: 1px solid transparent;
--inline-link-color-border-hover: 1px solid currentColor;
--inline-link-text-decoration: underline transparent solid 1px;
--inline-link-text-decoration-hover: underline currentColor solid 1px;
--widget-link-color: inherit;
--widget-link-color-hover: var(--fg-200);