Skip to content

Instantly share code, notes, and snippets.

@ronnyhartenstein
Created March 6, 2015 20:44
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save ronnyhartenstein/f6b9b371d5e843238999 to your computer and use it in GitHub Desktop.
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