From d63b8e282087352cc4de53d197ae6482076ce719 Mon Sep 17 00:00:00 2001 From: Zynh0722 Date: Tue, 11 Apr 2023 04:38:55 -0700 Subject: [PATCH] format css --- dist/css/link.css | 40 ++++++++++++++--------------- dist/css/main.css | 64 +++++++++++++++++++++++------------------------ 2 files changed, 52 insertions(+), 52 deletions(-) diff --git a/dist/css/link.css b/dist/css/link.css index 8449739..a8bdfef 100644 --- a/dist/css/link.css +++ b/dist/css/link.css @@ -1,31 +1,31 @@ body { - background-color: #FCB0B3; - color: #25283D; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: 100vh; - width: 100vw; - margin: 0; - gap: 1em; + background-color: #fcb0b3; + color: #25283d; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + width: 100vw; + margin: 0; + gap: 1em; } .link-wrapper { - background-color: #49DCB1; - padding: 1.5em; - border-radius: 1em; - border: 1px solid #25283D; + background-color: #49dcb1; + padding: 1.5em; + border-radius: 1em; + border: 1px solid #25283d; } .return-button { - all: unset; - background-color: #49DCB1; - padding: 1em; - border-radius: 1em; - cursor: pointer; + all: unset; + background-color: #49dcb1; + padding: 1em; + border-radius: 1em; + cursor: pointer; } .return-button:hover { - filter: brightness(1.1); + filter: brightness(1.1); } diff --git a/dist/css/main.css b/dist/css/main.css index 708dad2..2695c03 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -1,46 +1,46 @@ body { - background-color: #FCB0B3; - color: #25283D; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: 100vh; - width: 100vw; - margin: 0; + background-color: #fcb0b3; + color: #25283d; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + width: 100vw; + margin: 0; } .main-form { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 1em; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 1em; } .form-wrapper { - display: flex; - flex-grow: 1; - align-items: center; - justify-content: center; + display: flex; + flex-grow: 1; + align-items: center; + justify-content: center; } .cat-img { - width: 250px; - height: 250px; - overflow: hidden; + width: 250px; + height: 250px; + overflow: hidden; } .cat-img-wrapper { - border-radius: 100%; - overflow: hidden; - display: grid; + border-radius: 100%; + overflow: hidden; + display: grid; } #cat-fact { - max-width: 25em; - padding: 0 1em; - text-align: center; + max-width: 25em; + padding: 0 1em; + text-align: center; } [type="file"] { @@ -54,7 +54,7 @@ body { width: 1px; } [type="file"] + label { - background-color: #49DCB1; + background-color: #49dcb1; border-radius: 1em; cursor: pointer; display: inline-block; @@ -62,15 +62,15 @@ body { } [type="file"]:focus + label, [type="file"] + label:hover { - filter: brightness(1.1); + filter: brightness(1.1); } [type="file"]:focus + label { outline: 1px dotted #000; } [type="submit"] { - all: unset; - background-color: #49DCB1; + all: unset; + background-color: #49dcb1; border-radius: 1em; cursor: pointer; display: inline-block; @@ -78,5 +78,5 @@ body { } [type="submit"]:focus, [type="submit"]:hover { - filter: brightness(1.1); + filter: brightness(1.1); }