Fix padding in room header
This commit is contained in:
parent
ed8eca0c1d
commit
74216f75e2
4 changed files with 11 additions and 8 deletions
28
src/app/partials/_screen.scss
Normal file
28
src/app/partials/_screen.scss
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
|
||||
$breakpoint-tablet: 900px;
|
||||
$breakpoint-mobile: 750px;
|
||||
|
||||
@mixin smallerThan($deviceBreakpoint) {
|
||||
@if $deviceBreakpoint==mobileBreakpoint {
|
||||
@media screen and (max-width: $breakpoint-mobile) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@else if $deviceBreakpoint==tabletBreakpoint {
|
||||
@media screen and (max-width: $breakpoint-tablet) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin biggerThan($deviceBreakpoint) {
|
||||
@if $deviceBreakpoint==mobileBreakpoint {
|
||||
@media screen and (min-width: $breakpoint-mobile) {
|
||||
@content;
|
||||
}
|
||||
} @else if $deviceBreakpoint==tabletBreakpoint {
|
||||
@media screen and (min-width: $breakpoint-tablet) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue