Commit 1ba59379 authored by Steffen van Bergerem's avatar Steffen van Bergerem

Move forms.scss

parent 4f23b901
......@@ -28,7 +28,7 @@
/* login */
@import 'new_styles/login';
@import 'new_styles/registration';
@import 'new_styles/forms';
@import 'forms';
/* terms */
@import 'terms';
......
// We need these to reset Bootstrap styles
// scss-lint:disable QualifyingElement
input,
input[type=email],
input[type=text],
input[type=password],
textarea { /* Bootstrap reset */
textarea {
&,
&:active,
&:invalid,
......@@ -13,30 +15,25 @@ textarea { /* Bootstrap reset */
&:invalid:required:focus {
border-color: $border-grey;
box-shadow: none;
color : $text-dark-grey;
color: $text-dark-grey;
}
}
// scss-lint:enable QualifyingElement
/* autocomplete colors */
input:-webkit-autofill{
background-color: #fff !important;
background-image: none !important;
}
/* Forms described here are only used on the public pages at the moment */
form.block-form {
// Forms described here are only used on the public pages at the moment
.block-form {
margin: 20px auto;
fieldset {
background-color: $white;
margin-bottom: 1em;
background-color: #fff;
position: relative; /* To correctly place the entypo icon */
position: relative; // To correctly place the entypo icon
input {
color : $text-dark-grey;
margin: 0px;
border-bottom-width: 0px;
border-radius: 0px;
border-bottom-width: 0;
border-radius: 0;
color: $text-dark-grey;
margin: 0;
}
.form-control {
......@@ -46,43 +43,52 @@ form.block-form {
padding-left: 40px;
}
.form-control:first-of-type {
&,
&:focus,
&:invalid,
&:invalid:focus,
&:invalid:required,
&:invalid:required:focus {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.form-control:first-of-type,
.form-control:first-of-type:focus,
.form-control:first-of-type:invalid,
.form-control:first-of-type:invalid:focus,
.form-control:first-of-type:invalid:required,
.form-control:first-of-type:invalid:required:focus {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.form-control:last-of-type {
&,
&:focus,
&:invalid,
&:invalid:focus,
&:invalid:required,
&:invalid:required:focus {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-width: 1px;
}
.form-control:last-of-type,
.form-control:last-of-type:focus,
.form-control:last-of-type:invalid,
.form-control:last-of-type:invalid:focus,
.form-control:last-of-type:invalid:required,
.form-control:last-of-type:invalid:required:focus {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-width: 1px;
}
[class^="entypo-"], [class*="entypo-"] {
position: absolute;
[class^="entypo-"],
[class*="entypo-"] {
color: $text-grey;
font-size: 20px;
left: 10px;
line-height: 20px;
position: absolute;
text-align: center;
top: 10px;
left: 10px;
width: 20px;
text-align: center;
color: $text-grey;
font-size: 20px;
&:nth-of-type(2) { top: 50px; }
&:nth-of-type(3) { top: 90px; }
&:nth-of-type(4) { top: 130px; }
}
[class^="entypo-"]:nth-of-type(2),
[class*="entypo-"]:nth-of-type(2) {
top: 50px;
}
[class^="entypo-"]:nth-of-type(3),
[class*="entypo-"]:nth-of-type(3) {
top: 90px;
}
[class^="entypo-"]:nth-of-type(4),
[class*="entypo-"]:nth-of-type(4) {
top: 130px;
}
::placeholder { text-transform: uppercase; }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment