Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust exter link icon in link buttons

This commit is contained in:
Helen Chong 2024-07-13 01:00:59 +08:00
parent 2578a9b6e9
commit 95abe6b8fd
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/css/components.css
View File

@ -62,11 +62,12 @@
}
.link-btn {
--btn-right-padding: 0.8em;
text-align: center;
display: inline-block;
border: 0.1em solid var(--clr-link-btn-bg);
border-radius: 0.5em;
padding: 0.4em 0.8em;
padding: 0.4em var(--btn-right-padding);
background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt);
font-weight: 700;
@ -86,6 +87,9 @@
outline-offset: -0.25em;
}
.link-btn[href^="http"] { padding-right: calc(var(--btn-right-padding) + 1.1em); }
.link-btn[href^="http"]::after { background-color: var(--clr-link-btn-txt); }
/* Content Accordion */
* + .content-accordion { margin-top: var(--sz-paragraph-margin); }
.content-accordion { padding: 0.5em 0; }