Fix tags styles for DarkReader
This commit is contained in:
parent
0ef6945117
commit
a73b035932
@ -2,6 +2,6 @@ import React from "react"
|
|||||||
|
|
||||||
export default function Tag(props: {text: string}) {
|
export default function Tag(props: {text: string}) {
|
||||||
return (
|
return (
|
||||||
<span className='badge text-bg-light'>{props.text}</span>
|
<span className='badge text-bg-gentle'>{props.text}</span>
|
||||||
)
|
)
|
||||||
}
|
}
|
@ -21,6 +21,11 @@ body {
|
|||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-bg-gentle {
|
||||||
|
color: #555;
|
||||||
|
background-color: RGBA(108,117,125,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
.job-card {
|
.job-card {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
@ -34,6 +39,9 @@ body {
|
|||||||
.job-card .card-subtitle {
|
.job-card .card-subtitle {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
.job-tags > span {
|
||||||
|
margin: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
.cloud-primary .tag-badges {
|
.cloud-primary .tag-badges {
|
||||||
font-size: 180%;
|
font-size: 180%;
|
||||||
@ -48,16 +56,6 @@ body {
|
|||||||
.tag-badges > span {
|
.tag-badges > span {
|
||||||
margin: 0.4em;
|
margin: 0.4em;
|
||||||
}
|
}
|
||||||
.focusable {
|
|
||||||
transition: all 0.3s;
|
|
||||||
}
|
|
||||||
.focusable:hover {
|
|
||||||
background-color: rgba(236, 241, 245, 0.3);
|
|
||||||
filter: brightness(96%);
|
|
||||||
}
|
|
||||||
.focused-element {
|
|
||||||
border: 2px dashed red;
|
|
||||||
}
|
|
||||||
.contacts .contact {
|
.contacts .contact {
|
||||||
margin: 0.75em;
|
margin: 0.75em;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user