fix: improve link focus styles
This commit is contained in:
parent
2049d3cab5
commit
27c5ea4c16
|
@ -18,4 +18,9 @@
|
||||||
iframe {
|
iframe {
|
||||||
@apply w-full;
|
@apply w-full;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
@apply outline-black dark:outline-white;
|
||||||
|
outline-offset: 2px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,14 +3,6 @@
|
||||||
@apply underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
|
@apply underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
|
||||||
text-decoration-thickness: 1px;
|
text-decoration-thickness: 1px;
|
||||||
text-underline-offset: 0.1em;
|
text-underline-offset: 0.1em;
|
||||||
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
@apply no-underline;
|
|
||||||
outline-color: currentColor;
|
|
||||||
outline-offset: 2px;
|
|
||||||
outline-style: solid;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown {
|
.markdown {
|
||||||
|
|
|
@ -13,6 +13,10 @@ module.exports = {
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
theme: {
|
theme: {
|
||||||
|
outline: {
|
||||||
|
black: '1px solid black',
|
||||||
|
white: '1px solid white'
|
||||||
|
},
|
||||||
extend: {
|
extend: {
|
||||||
typography: (theme) => ({
|
typography: (theme) => ({
|
||||||
DEFAULT: {
|
DEFAULT: {
|
||||||
|
|
Loading…
Reference in a new issue