Added Menu Mixins:
Desktop vertical Desktop vertical Tablet/Phone Fullscreen Toggle Button
This commit is contained in:
@@ -1,55 +1,50 @@
|
||||
/*
|
||||
// CONSTANTS
|
||||
|
||||
CONSTANTS
|
||||
|
||||
*/
|
||||
// Directions
|
||||
|
||||
$UPWARDS-OPEN: 2;
|
||||
$DOWNWARDS-OPEN: 1;
|
||||
$LIMITED: 0;
|
||||
|
||||
/*
|
||||
|
||||
Widths
|
||||
|
||||
*/
|
||||
// Widths
|
||||
|
||||
$phone-width: 480px;
|
||||
$tablet-width: 768px;
|
||||
$notebook-width: 980px;
|
||||
$desktop-width: 1280px;
|
||||
|
||||
/*
|
||||
|
||||
Queries
|
||||
|
||||
*/
|
||||
// Queries
|
||||
|
||||
@mixin small-phone($direction:0) {
|
||||
/* small phone */
|
||||
@include querybuilder(0, $phone-width, $direction) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
@mixin phone($direction:0) {
|
||||
/* phone */
|
||||
@include querybuilder($phone-width, $tablet-width, $direction) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
@mixin tablet($direction:0) {
|
||||
/* tablet */
|
||||
@include querybuilder($tablet-width, $notebook-width, $direction) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
@mixin notebook($direction:0) {
|
||||
/* notebook */
|
||||
@include querybuilder($notebook-width, $desktop-width, $direction) {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
@mixin desktop($direction:0) {
|
||||
/* desktop */
|
||||
@include querybuilder($desktop-width, 99999, $direction) {
|
||||
@content
|
||||
}
|
||||
@@ -61,11 +56,8 @@ Queries
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
QUERY-BUILDER
|
||||
|
||||
*/
|
||||
//QUERY-BUILDER
|
||||
|
||||
@mixin querybuilder($low-px, $high-px, $direction) {
|
||||
@if $direction == $LIMITED {
|
||||
|
||||
Reference in New Issue
Block a user