jlelse
/
Indiego
Archived
1
Fork 0

Fix form styles

This commit is contained in:
Jan-Lukas Else 2020-05-31 17:21:27 +02:00
parent 3a8e80848b
commit 251b2317dc
1 changed files with 15 additions and 3 deletions

View File

@ -27,6 +27,10 @@ $colors: (
color: #fff;
}
.sans-serif {
font-family: sans-serif;
}
html {
@include lightmode;
@media (prefers-color-scheme: dark) {
@ -36,8 +40,8 @@ html {
}
body {
@extend .sans-serif;
@include color(background, background);
font-family: sans-serif;
line-height: 1.5;
margin: 0 auto;
max-width: 750px;
@ -67,10 +71,11 @@ img {
width: 100%;
}
input, button, .button {
input, textarea, button, .button {
@include color-border(border, 1px, solid, primary);
@include color(background, background);
@include color(color, primary);
@extend .sans-serif;
padding: 5px 10px;
border-radius: 0;
box-sizing: border-box;
@ -78,6 +83,13 @@ input, button, .button {
font-size: 1rem;
}
.full-width-form {
@extend .full-width;
input[type="text"], input[type="email"], textarea {
@extend .full-width;
}
}
blockquote {
@include color-border(border-left, 5px, solid, primary);
padding-left: 20px;
@ -137,4 +149,4 @@ footer {
.full-width {
width: 100%;
}
}