OXID Bootstrap Responsive: css/layout/_form.scss
@charset "UTF-8"; | |
/** | |
* Buttons | |
* | |
* @version $Id$ | |
*/ | |
.textbox, input[type="text"] { | |
height: auto; | |
} | |
.form { | |
input[type=password], input[type=text], select, textarea { | |
@extend .form-control; | |
} | |
input[data-fieldsize="verify"] { | |
width: 120px; | |
} | |
input[data-fieldsize="small"] { | |
width: 65px; | |
} | |
input[data-fieldsize="pair-small"] { | |
width: calc(100% - 70px); | |
} | |
input[data-fieldsize="xsmall"] { | |
width: 45px; | |
} | |
input[data-fieldsize="pair-xsmall"] { | |
width: calc(100% - 50px); | |
} | |
width: 100%; | |
li { | |
width: 100%; | |
} | |
label { | |
width: 100%; | |
} | |
.note { | |
padding-left: 25px; | |
} | |
@media (min-width: 768px) { | |
width: 350px; | |
li { | |
width: 350px; | |
} | |
} | |
} | |
.lineBox .form { | |
label.short { | |
width: 100%; | |
} | |
@media (min-width: 768px) { | |
width: 100%; | |
li { | |
width: 100%; | |
} | |
} | |
} | |
form#shipping { | |
select { | |
@extend .form-control; | |
@media (min-width: 768px) { | |
width: 350px; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment