Fix form styles
This commit is contained in:
parent
3a8e80848b
commit
251b2317dc
|
@ -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%;
|
||||
}
|
||||
}
|
Reference in New Issue