Zynh0722
/
nyazoom
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

format css

main
Zynh0722 2023-04-11 04:38:55 -07:00
parent c9dfe1588e
commit d63b8e2820
2 changed files with 52 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
dist/css/link.css vendored
View File

@ -1,31 +1,31 @@
body { body {
background-color: #FCB0B3; background-color: #fcb0b3;
color: #25283D; color: #25283d;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
margin: 0; margin: 0;
gap: 1em; gap: 1em;
} }
.link-wrapper { .link-wrapper {
background-color: #49DCB1; background-color: #49dcb1;
padding: 1.5em; padding: 1.5em;
border-radius: 1em; border-radius: 1em;
border: 1px solid #25283D; border: 1px solid #25283d;
} }
.return-button { .return-button {
all: unset; all: unset;
background-color: #49DCB1; background-color: #49dcb1;
padding: 1em; padding: 1em;
border-radius: 1em; border-radius: 1em;
cursor: pointer; cursor: pointer;
} }
.return-button:hover { .return-button:hover {
filter: brightness(1.1); filter: brightness(1.1);
} }

64
dist/css/main.css vendored
View File

@ -1,46 +1,46 @@
body { body {
background-color: #FCB0B3; background-color: #fcb0b3;
color: #25283D; color: #25283d;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
margin: 0; margin: 0;
} }
.main-form { .main-form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 1em; gap: 1em;
} }
.form-wrapper { .form-wrapper {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.cat-img { .cat-img {
width: 250px; width: 250px;
height: 250px; height: 250px;
overflow: hidden; overflow: hidden;
} }
.cat-img-wrapper { .cat-img-wrapper {
border-radius: 100%; border-radius: 100%;
overflow: hidden; overflow: hidden;
display: grid; display: grid;
} }
#cat-fact { #cat-fact {
max-width: 25em; max-width: 25em;
padding: 0 1em; padding: 0 1em;
text-align: center; text-align: center;
} }
[type="file"] { [type="file"] {
@ -54,7 +54,7 @@ body {
width: 1px; width: 1px;
} }
[type="file"] + label { [type="file"] + label {
background-color: #49DCB1; background-color: #49dcb1;
border-radius: 1em; border-radius: 1em;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -62,15 +62,15 @@ body {
} }
[type="file"]:focus + label, [type="file"]:focus + label,
[type="file"] + label:hover { [type="file"] + label:hover {
filter: brightness(1.1); filter: brightness(1.1);
} }
[type="file"]:focus + label { [type="file"]:focus + label {
outline: 1px dotted #000; outline: 1px dotted #000;
} }
[type="submit"] { [type="submit"] {
all: unset; all: unset;
background-color: #49DCB1; background-color: #49dcb1;
border-radius: 1em; border-radius: 1em;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -78,5 +78,5 @@ body {
} }
[type="submit"]:focus, [type="submit"]:focus,
[type="submit"]:hover { [type="submit"]:hover {
filter: brightness(1.1); filter: brightness(1.1);
} }