Mobile view; Browser dragging issues
This commit is contained in:
@ -59,6 +59,18 @@ main {
|
||||
section.list-wrapper {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
@include responsive( $bp_medium ){
|
||||
|
||||
section.grid-wrapper,
|
||||
section.text-wrapper {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
section.list-wrapper {
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
@ -179,3 +191,11 @@ footer {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include responsive( $bp_medium ){
|
||||
|
||||
.right-padding { padding-right: 20px; }
|
||||
.left-padding { padding-left: 20px; }
|
||||
|
||||
}
|
||||
@ -218,4 +218,25 @@ input[type="submit"] {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include responsive( $bp_medium ){
|
||||
.field {
|
||||
|
||||
.name {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding: 0 0 4px 0;
|
||||
}
|
||||
|
||||
.input {
|
||||
float: none;
|
||||
width: auto;
|
||||
|
||||
.text {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user