mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-07 18:44:08 +00:00
123 lines
2.2 KiB
SCSS
123 lines
2.2 KiB
SCSS
fieldset {
|
|
border: none;
|
|
margin: 0 0 ($base-spacing / 2) 0;
|
|
padding: $base-spacing;
|
|
}
|
|
|
|
input,label, select {
|
|
display: block;
|
|
/* font-family: $form-font-family;
|
|
font-size: $form-font-size; */
|
|
}
|
|
|
|
label {
|
|
font-weight: bold;
|
|
margin-bottom: $base-spacing / 4;
|
|
|
|
&.required:after {
|
|
content: "*";
|
|
}
|
|
|
|
abbr {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
textarea,
|
|
//input,
|
|
#{$all-text-inputs},
|
|
select[multiple=multiple] {
|
|
//@include box-sizing(border-box);
|
|
//@include transition(border-color);
|
|
background-color: white;
|
|
border-radius: $form-border-radius;
|
|
border: 1px solid $form-border-color;
|
|
box-shadow: none;
|
|
//box-shadow: $form-box-shadow;
|
|
/*font-family: $form-font-family;
|
|
font-size: $form-font-size; */
|
|
margin-bottom: $base-spacing / 2;
|
|
padding: ($base-spacing / 3) ($base-spacing / 3);
|
|
width: 100%;
|
|
|
|
&:hover {
|
|
border-color: $form-border-color-hover;
|
|
}
|
|
|
|
&:focus {
|
|
border-color: $form-border-color-focus;
|
|
box-shadow: $form-box-shadow-focus;
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
input[type="search"] {
|
|
//@include appearance(none);
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
display: inline;
|
|
margin-right: $base-spacing / 4;
|
|
}
|
|
|
|
input[type="file"] {
|
|
padding-bottom: $base-spacing / 2;
|
|
width: 100%;
|
|
}
|
|
|
|
select {
|
|
margin-bottom: $base-spacing;
|
|
max-width: 100%;
|
|
width: auto;
|
|
}
|
|
|
|
form {
|
|
p {
|
|
&.tip {
|
|
font-size: .875em;
|
|
position: relative;
|
|
text-align: center;
|
|
margin-top: -.3em;
|
|
}
|
|
|
|
&.label {
|
|
padding: 0;
|
|
//margin: 0;
|
|
//color: $text-color;
|
|
white-space: normal;
|
|
}
|
|
}
|
|
|
|
fieldset {
|
|
border: none;
|
|
margin-bottom: 1.5em;
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
legend {
|
|
font-size: 1.438em;
|
|
font-weight: 700;
|
|
width: 100%;
|
|
border-bottom:1px solid #ddd;
|
|
|
|
& + * {
|
|
-webkit-margin-top-collapse: separate; // webkit hack that makes the legend margins work like they should
|
|
margin: 2em 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
li {
|
|
label {
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
}
|
|
|