Sha256: 321a35bfd39ed2b78f38e8ffe3e93dd1b40b60cb5376aace5c8d5eae97a1ee6e
Contents?: true
Size: 1.63 KB
Versions: 6
Compression:
Stored size: 1.63 KB
Contents
// Form (generic components) ------------------------------ */
// General
.form-input {
@include position(relative);
@include bottom-border($formagic-border-color);
padding : .5em 1em .9em;
display : block;
&:last-child { @include no-bottom-border; }
textarea, input {
@include no-outline;
@include placeholder { color: $formagic-placeholder-color; }
width : 100%;
}
.label {
line-height : 1.8;
display : block;
color : $formagic-label-color;
}
}
// Validation error
.error-message {
margin-left : .5em;
font-size : .8em;
color : $formagic-assertive-color;
}
// Required
.input-required .label:before {
@include position(absolute, null null null .38em);
content : '*';
color : $formagic-assertive-color;
}
// Disabled
.input-disabled {
textarea, input {
color : lighten($formagic-base-color, 50%);
}
}
// Character counter
.input-character-counter {
margin-left : .5em;
font-size : .8em;
&.exceeds {
color : $formagic-assertive-color;
}
}
// Information box
.form-information {
background : $formagic-border-color;
text-align : center;
margin : 1em 1em 0;
padding : 1em;
}
// Input Actions used to the right from label
.input-actions {
font-size : .8em;
float : right;
a {
border-radius : 4px;
padding : .25em .75em;
margin : 0 0 0 .75em;
border : 1px solid $formagic-positive-color;
color : $formagic-positive-color;
}
a:hover {
background-color : $formagic-positive-color;
border-color : $formagic-positive-color;
color : white;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems