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