Add sass mixins, update experience
This commit is contained in:
parent
a4217b4953
commit
5e3a9c3b4c
4 changed files with 41 additions and 5 deletions
35
assets/sass/_mixins.sass
Normal file
35
assets/sass/_mixins.sass
Normal file
|
@ -0,0 +1,35 @@
|
|||
=from($device)
|
||||
@media screen and (min-width: $device)
|
||||
@content
|
||||
|
||||
=until($device)
|
||||
@media screen and (max-width: $device - 1px)
|
||||
@content
|
||||
|
||||
=mobile
|
||||
@media screen and (max-width: $screen-tablet - 1px)
|
||||
@content
|
||||
|
||||
=tablet
|
||||
@media screen and (min-width: $screen-tablet)
|
||||
@content
|
||||
|
||||
=tablet-only
|
||||
@media screen and (min-width: $screen-tablet) and (max-width: $screen-desktop - 1px)
|
||||
@content
|
||||
|
||||
=touch
|
||||
@media screen and (max-width: $screen-desktop - 1px)
|
||||
@content
|
||||
|
||||
=desktop
|
||||
@media screen and (min-width: $screen-desktop)
|
||||
@content
|
||||
|
||||
=desktop-only
|
||||
@media screen and (min-width: $screen-desktop) and (max-width: $screen-lg - 1px)
|
||||
@content
|
||||
|
||||
=widescreen
|
||||
@media screen and (min-width: $screen-lg)
|
||||
@content
|
Loading…
Add table
Add a link
Reference in a new issue