app/assets/stylesheets/speedo/plugins.css.scss in speedo-0.2.5 vs app/assets/stylesheets/speedo/plugins.css.scss in speedo-0.3.0
- old
+ new
@@ -41,50 +41,65 @@
input {
width:100%;
}
}
+$labelwidth: 100px;
.formtastic {
- textarea {
- padding:5px;
- }
- .fragments .label, .choices .label {
- position:relative;
- width:25%;
- margin-right:-25%;
- label {
- position:relative;
- }
- }
- .label { // Override bootstrap label styling
- font-size: inherit;
- font-weight: inherit;
- line-height: inherit;
- text-shadow: none;
- vertical-align: inherit;
- white-space: inherit;
- border:0;
- border-radius:0;
- padding:0;
- color: $text;
- background-color: transparent;
- }
- .inline_choices {
- .choices-group {
- width:100%;
- .choice {
- display:inline-block; zoom:1;*display:inline;
- vertical-align:top;
- margin-right:1em;
- margin:0 1em 0 0;
+ fieldset {
+ .control-group {
+ @include clearfix;
+ label.control-label {
+ float:left;
+ width:$labelwidth;
+ abbr[title] {
+ border-bottom:0;
+ color:#900;
+ }
}
+ .controls {
+ margin-left:$labelwidth;
+ input {
+ width:100%;
+ &[type=radio], &[type=checkbox] {
+ width:auto;
+ }
+ }
+ textarea {
+ width:100%;
+ }
+ select {
+ width:100%;
+ }
+ &.choices {
+ .choice {
+ .uni-radio, .uni-checker {
+ margin-left:-18px;
+ }
+ }
+ }
+ }
+ &.inline_choices {
+ .choices {
+ .choice {
+ display:inline-block; zoom:1;*display:inline;
+ vertical-align:top;
+ margin-right:2em;
+ padding-top:0;
+ }
+ }
+ }
}
}
+ .errors {
+ color:#cc0000;
+ margin:0.5em 0 1.5em 25%;
+ list-style:square;
+ }
}
ul.as-selections {
- width:72%; // To match the formtastic input widths
border:1px solid #999;
@include border-radius(3px);
padding:5px;
@include box-shadow(inset 0 1px 1px rgba(0,0,0,0.2));
li.as-original input {