You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
asciinema.org/app/assets/stylesheets/bootstrap.css.sass

128 lines
2.7 KiB
Sass

@import shared
// Taken from Twitter Bootstrap
form
margin: 0 0 18px
fieldset
padding: 0
margin: 0
border: 0
legend
display: block
width: 100%
padding: 0
margin-bottom: 27px
font-size: 30px
line-height: 36px
border: 0
border-bottom: 1px solid #EEE
legend + .control-group
margin-top: 18px
-webkit-margin-top-collapse: separate
.form-horizontal .control-group
margin-bottom: 18px
.form-horizontal .control-label
float: left
width: 140px
padding-top: 5px
text-align: right
label
display: block
margin-bottom: 5px
label, input, button, select, textarea
// font-size: 13px;
// font-weight: normal;
// line-height: 18px;
.form-horizontal .controls
margin-left: 160px
.form-horizontal input
display: inline-block
margin-bottom: 0
.form-horizontal .form-actions
padding-left: 160px
.form-actions
padding: 17px 20px 18px
margin-top: 18px
margin-bottom: 18px
border-top: 1px solid #DDD
.form-actions::before, .form-actions::after
display: table
content: ""
.form-actions::after
clear: both
.form-actions::before, .form-actions::after
display: table
content: ""
input, textarea, .uneditable-input
margin-left: 0
input[type=text], textarea, select, .uneditable-input
width: 210px
height: 18px
padding: 4px
line-height: 18px
border: 1px solid #CCC
-webkit-border-radius: 3px
-moz-border-radius: 3px
border-radius: 3px
input[type=text], textarea
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
-webkit-transition: border linear 0.2s,box-shadow linear 0.2s
-moz-transition: border linear 0.2s,box-shadow linear 0.2s
-ms-transition: border linear 0.2s,box-shadow linear 0.2s
-o-transition: border linear 0.2s,box-shadow linear 0.2s
transition: border linear 0.2s,box-shadow linear 0.2s
input[type=submit]
margin-right: 10px
input:focus, textarea:focus
border-color: $main-color
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
outline: 0
outline: thin dotted 9
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input
float: none
margin-left: 0
input.span6, textarea.span6, .uneditable-input.span6
width: 450px
input.span6, textarea.span6, .uneditable-input.span6
width: 560px
textarea
height: auto
// .radio, .checkbox {
// padding-left: 18px;
// }
.controls > .radio:first-child, .controls > .checkbox:first-child
padding-top: 5px
.error
.help-inline
color: #c00