Skip to content

Commit

Permalink
prefix
Browse files Browse the repository at this point in the history
  • Loading branch information
Fred Heusschen committed Nov 24, 2022
1 parent b63bc50 commit 4cf918f
Show file tree
Hide file tree
Showing 7 changed files with 33 additions and 33 deletions.
2 changes: 1 addition & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "mmenu-light",
"version": "3.2.1",
"version": "3.2.2",
"main": "dist/mmenu-light.js",
"module": "src/mmenu-light.js",
"author": "Fred Heusschen <[email protected]>",
Expand Down
20 changes: 10 additions & 10 deletions src/modules/offcanvas-drawer/_index.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// SCSS Variables
$prefix: ".mm-ocd";
$mmprfx: ".mm-ocd";

$mmocd_transition_duration: 0.3s !default;

Expand All @@ -16,14 +16,14 @@ $mmocd_transition_duration: 0.3s !default;
}

// The rest of the page
body#{$prefix}-opened {
body#{$mmprfx}-opened {
// Somewhat prevents scrolling.
overflow-y: hidden;
overscroll-behavior: none;
}

// The wrapper
#{$prefix} {
#{$mmprfx} {
position: fixed;
top: 0;
right: 0;
Expand All @@ -49,7 +49,7 @@ body#{$prefix}-opened {
}

// The content
#{$prefix}__content {
#{$mmprfx}__content {
position: absolute;
top: 0;
bottom: 0;
Expand All @@ -66,23 +66,23 @@ body#{$prefix}-opened {
timing-function: ease;
}

#{$prefix}--left & {
#{$mmprfx}--left & {
left: 0;
transform: translate3d(-100%, 0, 0);
}

#{$prefix}--right & {
#{$mmprfx}--right & {
right: 0;
transform: translate3d(100%, 0, 0);
}

#{$prefix}--open & {
#{$mmprfx}--open & {
transform: translate3d(0, 0, 0);
}
}

// The backdrop
#{$prefix}__backdrop {
#{$mmprfx}__backdrop {
position: absolute;
top: 0;
bottom: 0;
Expand All @@ -96,11 +96,11 @@ body#{$prefix}-opened {

background: rgba(3, 2, 1, 0);

#{$prefix}--left & {
#{$mmprfx}--left & {
right: 0;
}

#{$prefix}--right & {
#{$mmprfx}--right & {
left: 0;
}
}
14 changes: 7 additions & 7 deletions src/modules/sliding-panels-navigation/_index.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
$prefix: ".mm-spn";
$mmprfx: ".mm-spn";

/** Animation duration. */
$mmspn_transition_duration: 0.3s;
Expand Down Expand Up @@ -41,7 +41,7 @@ $mmspn_arrow_opac: 0.4 !default;
}

// The menu
#{$prefix} {
#{$mmprfx} {
@extend %mmspn-reset;

width: 100%;
Expand All @@ -62,7 +62,7 @@ $mmspn_arrow_opac: 0.4 !default;
}

// Listviews
#{$prefix} {
#{$mmprfx} {
// All listviews.
ul {
@extend %mmspn-reset;
Expand Down Expand Up @@ -105,19 +105,19 @@ $mmspn_arrow_opac: 0.4 !default;
}

// Listview opened.
ul#{$prefix}--open {
ul#{$mmprfx}--open {
left: 0;
}

// Child listview opened.
ul#{$prefix}--parent {
ul#{$mmprfx}--parent {
left: calc(-1 * var(--mm-spn-panel-offset));
overflow: visible;
}
}

// Listitems
#{$prefix} {
#{$mmprfx} {
li {
@extend %mmspn-reset;

Expand Down Expand Up @@ -155,7 +155,7 @@ $mmspn_arrow_opac: 0.4 !default;
}

// Anchors
#{$prefix} {
#{$mmprfx} {
a,
span {
@extend %mmspn-reset;
Expand Down
10 changes: 5 additions & 5 deletions src/modules/sliding-panels-navigation/_navbar.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
#{$prefix} {
#{$mmprfx} {
// Navbar
&#{$prefix}--navbar {
&#{$mmprfx}--navbar {
cursor: pointer;

// Back button.
Expand All @@ -21,7 +21,7 @@
}

// No back button when the main listview is opened.
&#{$prefix}--main {
&#{$mmprfx}--main {
cursor: default;

&:before {
Expand Down Expand Up @@ -51,13 +51,13 @@
}

// Title when the main listview is opened.
&#{$prefix}--main:after {
&#{$mmprfx}--main:after {
padding-left: var(--mm-spn-item-indent);
}
}

// Listviews
&#{$prefix}--navbar {
&#{$mmprfx}--navbar {
// All listviews.
ul {
top: calc(var(--mm-spn-item-height) + 1px);
Expand Down
6 changes: 3 additions & 3 deletions src/modules/sliding-panels-navigation/_themes.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
#{$prefix} {
#{$mmprfx} {
// Light theme
&#{$prefix}--light {
&#{$mmprfx}--light {
color: #444;
background: #f3f3f3;
}

// Dark theme
&#{$prefix}--dark {
&#{$mmprfx}--dark {
color: #ddd;
background: #333;
}
Expand Down
12 changes: 6 additions & 6 deletions src/modules/sliding-panels-navigation/_vertical.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
#{$prefix} {
#{$mmprfx} {
// The menu
&#{$prefix}--vertical {
&#{$mmprfx}--vertical {
// Enable scrolling.
overflow-y: auto;
}

// Listviews
&#{$prefix}--vertical {
&#{$mmprfx}--vertical {
ul {
// Undo the fix for weird iOS Safari issue.
width: 100%;
Expand All @@ -29,16 +29,16 @@
}

// Show opened submenus.
&#{$prefix}--open {
&#{$mmprfx}--open {
display: block;
}
}
}

// Listitems
&#{$prefix}--vertical {
&#{$mmprfx}--vertical {
// Rotate the button.
li#{$prefix}--open:before {
li#{$mmprfx}--open:before {
transform: rotate(135deg) translate(-50%, 0);
}

Expand Down

0 comments on commit 4cf918f

Please sign in to comment.