feat(blog): close #24
This commit is contained in:
parent
b0d96edb7a
commit
ed27033c13
2 changed files with 19 additions and 0 deletions
17
apps/blog/src/styles/checkbox.ts
Normal file
17
apps/blog/src/styles/checkbox.ts
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
import { css } from "styled-components"
|
||||||
|
|
||||||
|
export default css`
|
||||||
|
input[type="checkbox"] {
|
||||||
|
/* default width and height */
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"][disabled][checked] {
|
||||||
|
filter: invert(100%) brightness(5);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"][disabled] {
|
||||||
|
filter: invert(100%) brightness(5);
|
||||||
|
}
|
||||||
|
`
|
|
@ -3,6 +3,7 @@ import "katex/dist/katex.min.css"
|
||||||
|
|
||||||
import anchorCSS from "./anchor"
|
import anchorCSS from "./anchor"
|
||||||
import scrollbarCSS from "./scrollbar"
|
import scrollbarCSS from "./scrollbar"
|
||||||
|
import checkbox from "./checkbox"
|
||||||
import codeCSS from "./code"
|
import codeCSS from "./code"
|
||||||
import kbdCSS from "./kbd"
|
import kbdCSS from "./kbd"
|
||||||
import tableCSS from "./table"
|
import tableCSS from "./table"
|
||||||
|
@ -60,6 +61,7 @@ const globalCSS = css`
|
||||||
export default createGlobalStyle`
|
export default createGlobalStyle`
|
||||||
${anchorCSS}
|
${anchorCSS}
|
||||||
${scrollbarCSS}
|
${scrollbarCSS}
|
||||||
|
${checkbox}
|
||||||
${codeCSS}
|
${codeCSS}
|
||||||
${kbdCSS}
|
${kbdCSS}
|
||||||
${tableCSS}
|
${tableCSS}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue