Added Menu Mixins:

Desktop vertical
Desktop vertical
Tablet/Phone Fullscreen
Toggle Button
This commit is contained in:
2017-02-22 01:21:17 +01:00
parent 6d9ce3dacc
commit 5cafe3670b
24 changed files with 946 additions and 54 deletions
+10 -18
View File
@@ -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 {