Adjust exter link icon in link buttons
This commit is contained in:
parent
2578a9b6e9
commit
95abe6b8fd
|
@ -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; }
|
||||
|
|
Loading…
Reference in New Issue