diff options
Diffstat (limited to 'static')
-rw-r--r-- | static/icon.png | bin | 3110 -> 0 bytes | |||
-rw-r--r-- | static/main.css | 167 |
2 files changed, 0 insertions, 167 deletions
diff --git a/static/icon.png b/static/icon.png Binary files differdeleted file mode 100644 index 2bb22d2..0000000 --- a/static/icon.png +++ /dev/null diff --git a/static/main.css b/static/main.css deleted file mode 100644 index 9d01154..0000000 --- a/static/main.css +++ /dev/null @@ -1,167 +0,0 @@ -:root { - --color-title: rgb(113, 68, 30); - --color-link: rgb(13, 13, 81); - --color-number: rgb(230, 230, 230); - --color-completed: #58b058; - --base-font-size: 18px; -} - -@media all and (max-width: 800px) { - :root { - --base-font-size: 14px; - } -} - -html { - font-size: var(--base-font-size); -} - -body { - margin: 0; -} - -.g-Page { - max-width: 800px; - margin: 0 auto; -} - -.g-Page__Header { - font-size: 2.5rem; - font-weight: bold; - color: var(--color-title); - margin: 0 auto 2rem; - padding: 1rem 0; - max-width: 800px; - border-bottom: 0.2rem solid #884433; - text-align: center; -} - -.g-Link { - text-decoration: none; - color: var(--color-link); -} - -.g-Link:hover { - text-decoration: underline; -} - -@keyframes appear { - from { - transform: translateX(20px); - opacity: 0; - } - to { - transform: translateX(0px); - } -} - -.g-Page__Content { - animation: appear 0.2s; - margin: 1rem; -} - -.g-Recipe__Title { - font-size: 1.5rem; - margin-top: 1.5rem; - color: var(--color-title); -} - -.g-Recipe__SubTitle { - font-size: 1.1rem; - margin-top: 1rem; - color: var(--color-title); -} - -.g-Page__Recipes { - list-style-type: none; - padding-left: 1rem; -} - -.g-Page__Recipe { - margin-bottom: 1rem; -} - -/* Recipe */ - -.g-Recipe__Content h1 { - font-size: 1.5rem; - margin-top: 1.5rem; - color: var(--color-title); -} - -.g-Recipe__Content h2 { - font-size: 1.1rem; - margin-top: 1rem; - color: var(--color-title); -} - -.g-Recipe__Content h3 { - font-size: 1.1rem; - margin-top: 1rem; - color: var(--color-title); -} - -.g-Number { - font-size: inherit; - background-color: var(--color-number); - border-radius: 5px; - padding: 2px; - border-style: none; - text-align: center; - width: 5rem; -} - -.g-Recipe__Content ul, -.g-Recipe__Content ol { - list-style-type: none; - padding-left: 1rem; -} - -.g-Recipe__Content li { - margin-bottom: 1rem; - line-height: 1.5rem; -} - -.g-Recipe__Content ol, -.g-Recipe__Content ul { - margin-top: 1.5rem; -} - -.g-Recipe__Content ol { - counter-reset: ol; -} - -.g-Recipe__Content ol > li { - padding: 0 0 1rem 3rem; - margin-bottom: 0rem; - position: relative; - text-align: justify; -} - -.g-Recipe__Content ol > li::before { - display: inline; - position: absolute; - top: 0; - left: 0; - counter-increment: ol; - content: counter(ol); - margin-right: 10px; - background-color: var(--color-title); - color: white; - border-radius: 50%; - font-weight: bold; - width: 1.5rem; - text-align: center; -} - -.g-Recipe__Content ol > li:hover { - cursor: pointer; -} - -.g-Recipe__Content ol > li.g-Recipe__Completed { - text-decoration: line-through; -} - -.g-Recipe__Content ol > li.g-Recipe__Completed::before { - background-color: var(--color-completed); -} |