From 27dba18b226ae3432bd565d597382d3bd13171dc Mon Sep 17 00:00:00 2001 From: myNameIsDu Date: Sun, 30 Oct 2022 11:04:01 +0800 Subject: [PATCH] chore: use corner css --- app/root.tsx | 9 +- app/styles/doodle.css | 169 ------- package.json | 2 +- pnpm-lock.yaml | 6 + public/img/border.svg | 83 ---- public/img/bq.svg | 68 --- public/img/buttom.svg | 16 - public/img/button.svg | 67 --- public/img/caret copy.svg | 66 --- public/img/caret.svg | 66 --- public/img/checkbox.svg | 67 --- public/img/doodles.svg | 950 -------------------------------------- public/img/figure.svg | 103 ----- public/img/hr.svg | 68 --- public/img/icon.svg | 81 ---- public/img/radio.svg | 68 --- public/img/star.svg | 69 --- 17 files changed, 12 insertions(+), 1946 deletions(-) delete mode 100644 app/styles/doodle.css delete mode 100644 public/img/border.svg delete mode 100644 public/img/bq.svg delete mode 100644 public/img/buttom.svg delete mode 100644 public/img/button.svg delete mode 100644 public/img/caret copy.svg delete mode 100644 public/img/caret.svg delete mode 100644 public/img/checkbox.svg delete mode 100644 public/img/doodles.svg delete mode 100644 public/img/figure.svg delete mode 100644 public/img/hr.svg delete mode 100644 public/img/icon.svg delete mode 100644 public/img/radio.svg delete mode 100644 public/img/star.svg diff --git a/app/root.tsx b/app/root.tsx index d5f9bac..af14a05 100644 --- a/app/root.tsx +++ b/app/root.tsx @@ -10,14 +10,15 @@ import { } from "@remix-run/react"; import styles from "./styles/root.css"; -import doodle from "./styles/doodle.css"; export function links() { return [ // tailwind 生成 { rel: "stylesheet", href: styles }, - // doodle css https://github.com/chr15m/DoodleCSS - { rel: "stylesheet", href: doodle }, + { + rel: "stylesheet", + href: "https://resource.sunbohao.com/cornerCss/index-273b31bd39.css", + }, ]; } @@ -39,7 +40,7 @@ export default function App() { - +
    diff --git a/app/styles/doodle.css b/app/styles/doodle.css deleted file mode 100644 index 1847502..0000000 --- a/app/styles/doodle.css +++ /dev/null @@ -1,169 +0,0 @@ -/* Doodle CSS - * https://github.com/chr15m/DoodleCSS - */ - - @import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap'); -body { - font-family: 'Short Stack', cursive !important; -} - .doodle * { - box-sizing: border-box; -} - -.doodle { - color: #3c3c3c; -} - -.doodle input, .doodle textarea, .doodle table, .doodle img { - max-width: 100%; -} - -.doodle fieldset * { - max-width: calc(100vw - 100px); -} - -.doodle table { - overflow: scroll; -} - -.doodle a { - color: #1c1c1c; - font-weight: bold; -} - -.doodle ul li { - list-style-type: "* "; -} - -.doodle label { - padding: 0.25em 0px; - display: inline-block; -} - -.doodle fieldset, .doodle textarea { - border-style: solid; - border-width: 10px 10px 10px 10px; - border-image: url(/img/border.svg) 10 10 10 10 stretch stretch; -} - -.doodle .border, .doodle-border { - border-style: solid; - border-width: 10px 10px 10px 10px; - border-image: url(/img/button.svg) 10 10 10 10 stretch stretch; -} - -.doodle button, .doodle input, .doodle select { - border-style: solid; - border-width: 10px 10px 10px 10px; - border-image: url(/img/button.svg) 10 10 10 10 stretch stretch; -} - -.doodle button { - text-align: center; -} - -.doodle input[type="color"] { - min-height: 1.5em; -} - -.doodle hr { - border-style: solid; - border-width: 0px 3px 6px 3px; - border-image: url(/img/hr.svg) 0 3 6 3 stretch stretch; -} - -.doodle blockquote { - border-left-style: solid; - border-width: 0px 6px 3px 6px; - border-image: url(/img/bq.svg) 0 6 3 6 stretch stretch; - padding-left: 0.5em; - border-right-width: 0px; -} - -.doodle pre { - overflow: auto; -} - -.doodle table { - border-collapse: collapse; - overflow: auto; - display: block; -} - -.doodle table thead { - border-bottom: 3px solid #bbb; -} - -.doodle table caption { - border-bottom-style: solid; - border-width: 0px 3px 6px 3px; - border-image: url(/img/hr.svg) 0 3 6 3 stretch stretch; -} - -.doodle table td { - vertical-align: top; -} - -.doodle img { - border-radius: 3px; - border-style: solid; - border-width: 3px 3px 3px 3px; - border-image: url(/img/button.svg) 3 3 3 3 stretch stretch; -} - -.doodle select { - -webkit-appearance: none; - appearance: none; - padding-right: 1.5em; - background: url(/img/caret.svg) no-repeat right transparent; - background-position-x: calc(100% - 10px); -} - -.doodle select[multiple] { - background: none; - padding: 0px; -} - -.doodle button, .doodle textarea, .doodle input, .doodle select { - background-color: unset; - font-family: 'Short Stack', cursive; - font-size: 1em; - color: #3c3c3c; -} - -.doodle input[type="checkbox"] { - border-width: 6px 6px 6px 6px; - border-image: url(/img/checkbox.svg) 6 6 6 6 stretch stretch; -} - -.doodle input[type="radio"] { - border-width: 16px 16px 16px 16px; - border-image: url(/img/radio.svg) 16 16 16 16 stretch stretch; -} - -.doodle input[type="checkbox"], .doodle input[type="radio"] { - -webkit-appearance: none; - appearance: none; - outline: 0; - background: transparent; - width: 1.5em; - height: 1.5em; - display: inline-flex; - justify-content: center; - align-items: center; -} - -.doodle input[type="checkbox"]:after, .doodle input[type="radio"]:after { - font-size: 1.25em; - content: " "; - margin-bottom: -0.25em; -} - -.doodle input[type="checkbox"]:disabled:after, .doodle input[type="radio"]:disabled:after { - content: "-"; - color: grey; -} - -.doodle input[type="checkbox"]:checked:after, .doodle input[type="radio"]:checked:after { - content: "*"; -} \ No newline at end of file diff --git a/package.json b/package.json index 6badebc..6bd3680 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "dev": "concurrently \"npm run dev:css\" \"remix dev\"", "dev:css": "tailwindcss -w -i ./app/styles/app.css -o ./app/styles/root.css", "start": "PORT=4000 remix-serve build", - "deploy":"pnpm i && docker build -t eatwhat . && docker container run -d -p 4000:4000 --rm eatwhat" + "deploy": "pnpm i && docker build -t eatwhat . && docker container run -d -p 4000:4000 --rm eatwhat" }, "dependencies": { "@remix-run/node": "^1.7.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d282061..e351fce 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -10,6 +10,7 @@ specifiers: '@types/react': ^18.0.15 '@types/react-dom': ^18.0.6 concurrently: ^7.4.0 + doodle.css: ^0.0.2 eslint: ^8.23.1 isbot: ^3.5.4 localforage: ^1.10.0 @@ -24,6 +25,7 @@ dependencies: '@remix-run/react': 1.7.3_biqbaboplfbrettd7655fr4n2y '@remix-run/serve': 1.7.3_biqbaboplfbrettd7655fr4n2y concurrently: 7.4.0 + doodle.css: 0.0.2 isbot: 3.6.1 localforage: 1.10.0 lodash: 4.17.21 @@ -3017,6 +3019,10 @@ packages: resolution: {integrity: sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==} dev: true + /doodle.css/0.0.2: + resolution: {integrity: sha512-WHIPpiPAG+GgdSOu9tSfRisvSCClEobSMKZ2JmvbawKKO9aff2SIhlZC0w3nE8/k+kph1NS8tON+3VJiUpl1oA==} + dev: false + /dotenv/16.0.3: resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==} engines: {node: '>=12'} diff --git a/public/img/border.svg b/public/img/border.svg deleted file mode 100644 index e023e6f..0000000 --- a/public/img/border.svg +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - diff --git a/public/img/bq.svg b/public/img/bq.svg deleted file mode 100644 index dd85936..0000000 --- a/public/img/bq.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/public/img/buttom.svg b/public/img/buttom.svg deleted file mode 100644 index 6fdea6c..0000000 --- a/public/img/buttom.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - image/svg+xml - - - - - - - - - \ No newline at end of file diff --git a/public/img/button.svg b/public/img/button.svg deleted file mode 100644 index a2aadd3..0000000 --- a/public/img/button.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/public/img/caret copy.svg b/public/img/caret copy.svg deleted file mode 100644 index 9b1eff1..0000000 --- a/public/img/caret copy.svg +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/public/img/caret.svg b/public/img/caret.svg deleted file mode 100644 index 10cb5d9..0000000 --- a/public/img/caret.svg +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - \ No newline at end of file diff --git a/public/img/checkbox.svg b/public/img/checkbox.svg deleted file mode 100644 index bd1253a..0000000 --- a/public/img/checkbox.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/public/img/doodles.svg b/public/img/doodles.svg deleted file mode 100644 index 6ffcff4..0000000 --- a/public/img/doodles.svg +++ /dev/null @@ -1,950 +0,0 @@ - - - -image/svg+xml181 - \ No newline at end of file diff --git a/public/img/figure.svg b/public/img/figure.svg deleted file mode 100644 index 41c08b1..0000000 --- a/public/img/figure.svg +++ /dev/null @@ -1,103 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - diff --git a/public/img/hr.svg b/public/img/hr.svg deleted file mode 100644 index 6caa4c2..0000000 --- a/public/img/hr.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/public/img/icon.svg b/public/img/icon.svg deleted file mode 100644 index 454bff0..0000000 --- a/public/img/icon.svg +++ /dev/null @@ -1,81 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - diff --git a/public/img/radio.svg b/public/img/radio.svg deleted file mode 100644 index d656043..0000000 --- a/public/img/radio.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/public/img/star.svg b/public/img/star.svg deleted file mode 100644 index f387fb0..0000000 --- a/public/img/star.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - -