Desktop-/mobile-only css classes.
This commit is contained in:
@@ -112,10 +112,9 @@ textarea {
|
|||||||
|
|
||||||
.vin-button {
|
.vin-button {
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
$color: #b7debd;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: $color;
|
background: $primary;
|
||||||
color: #333;
|
color: #333;
|
||||||
padding: 10px 30px;
|
padding: 10px 30px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@@ -25,4 +25,16 @@ $desktop-max: 2004px;
|
|||||||
@media (min-width: #{$desktop-max + 1px}){
|
@media (min-width: #{$desktop-max + 1px}){
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop-only {
|
||||||
|
@include mobile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-only {
|
||||||
|
@include tablet {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user