75 lines
779 B
SCSS
75 lines
779 B
SCSS
h1 {
|
|
font-size: 18px;
|
|
font-weight: lighter;
|
|
color: $purple;
|
|
margin: $pad-l;
|
|
}
|
|
|
|
hr {
|
|
margin: $pad-l;
|
|
color: $midgray;
|
|
}
|
|
|
|
|
|
form {
|
|
div {
|
|
margin: $pad-l;
|
|
|
|
* {
|
|
display: inline-block;
|
|
}
|
|
|
|
label {
|
|
width: 180px;
|
|
color: $text;
|
|
vertical-align: top;
|
|
}
|
|
|
|
input, select, textarea {
|
|
width: 180px;
|
|
}
|
|
|
|
&.clear {
|
|
margin: -$pad-l 0;
|
|
width: 180px;
|
|
}
|
|
|
|
&.clear:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
}
|
|
}
|
|
|
|
.rcol {
|
|
margin: $pad-l;
|
|
color: $midgray;
|
|
font-weight: lighter;
|
|
}
|
|
|
|
@media (min-width: 430px) {
|
|
form {
|
|
div {
|
|
width: 376px;
|
|
|
|
|
|
label {
|
|
text-align: right;
|
|
}
|
|
|
|
input, select, textarea {
|
|
width: 180px;
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 800px) {
|
|
.rcol {
|
|
float: right;
|
|
width: 40%;
|
|
}
|
|
}
|