Adjust exter link icon in link buttons
This commit is contained in:
parent
2578a9b6e9
commit
95abe6b8fd
|
@ -62,11 +62,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-btn {
|
.link-btn {
|
||||||
|
--btn-right-padding: 0.8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border: 0.1em solid var(--clr-link-btn-bg);
|
border: 0.1em solid var(--clr-link-btn-bg);
|
||||||
border-radius: 0.5em;
|
border-radius: 0.5em;
|
||||||
padding: 0.4em 0.8em;
|
padding: 0.4em var(--btn-right-padding);
|
||||||
background: var(--clr-link-btn-bg);
|
background: var(--clr-link-btn-bg);
|
||||||
color: var(--clr-link-btn-txt);
|
color: var(--clr-link-btn-txt);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
@ -86,6 +87,9 @@
|
||||||
outline-offset: -0.25em;
|
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 */
|
||||||
* + .content-accordion { margin-top: var(--sz-paragraph-margin); }
|
* + .content-accordion { margin-top: var(--sz-paragraph-margin); }
|
||||||
.content-accordion { padding: 0.5em 0; }
|
.content-accordion { padding: 0.5em 0; }
|
||||||
|
|
Loading…
Reference in New Issue