lkt-menu 2.0.10 → 2.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/build.css +1 -1
  2. package/package.json +1 -1
  3. package/theme/default.css +4 -0
package/dist/build.css CHANGED
@@ -1 +1 @@
1
- .lkt-menu{width:var(--lkt-menu--container--width);overflow:auto;max-height:var(--lkt-menu--container--max-height);display:flex;flex-direction:var(--lkt-menu--container--flex-direction);align-items:var(--lkt-menu--container--align-items)}.lkt-menu-main{background:var(--lkt-menu--background);padding:var(--lkt-menu--padding);max-width:var(--lkt-menu--max-width);width:var(--lkt-menu--width);height:100%;display:var(--lkt-menu--display);flex-direction:var(--lkt-menu--flex-direction);align-items:var(--lkt-menu--align-items);gap:var(--lkt-menu--entry--gap);position:relative}.lkt-menu-entry-toggle-inner{transition:all linear .2s}.lkt-menu-entry-toggle-inner.is-opened{transform:rotate(180deg)}.lkt-entry-content{display:inline-flex;flex-direction:row;gap:var(--lkt-menu--gap)}.lkt-menu-entry-toggle{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.lkt-menu-entries{align-items:var(--lkt-menu--entries--align-items);background:var(--lkt-menu--entries--background);display:flex;flex-direction:var(--lkt-menu--entries--flex-direction);width:var(--lkt-menu--entries--width)}.lkt-menu-entry{padding:var(--lkt-menu--entry--padding)}.lkt-menu-entry .lkt-anchor{width:100%}.lkt-menu-entry-main{display:flex;justify-content:space-between;position:relative}.lkt-entry-content{font-size:var(--lkt-menu--font-size);width:100%}.lkt-menu-outside{position:absolute;top:0;right:0;left:0;bottom:0;background:var(--lkt-menu--outside--background);z-index:-1}.lkt-menu-entry-children{padding:var(--lkt-menu--children--padding)}.lkt-menu-entry-text{padding:var(--lkt-menu--text-without-icon--padding)}.lkt-menu.has-icon .lkt-menu-entry-text{padding:var(--lkt-menu--text--padding)}.lkt-menu.has-icon .lkt-menu-entry-icon+.lkt-menu-entry-text{padding:var(--lkt-menu--text-with-icon--padding)}.lkt-menu.type-hidden{position:fixed;top:var(--lkt-menu--container--top);bottom:var(--lkt-menu--container--bottom);width:100%;background:var(--lkt-menu--container--background);transition:var(--lkt-menu--container--transition);z-index:400}.lkt-menu.type-hidden .lkt-menu-main{z-index:402}.lkt-menu.type-hidden .lkt-menu-outside{z-index:401}.lkt-menu.type-hidden .lkt-menu-outside{opacity:0;transition:all linear .4s .1s}.lkt-menu.type-hidden.is-visible .lkt-menu-outside{opacity:1}.lkt-menu.type-hidden.left-hidden{left:-100%}.lkt-menu.type-hidden.left-hidden.is-visible{left:0}.lkt-menu.type-hidden.right-hidden{justify-content:flex-end;right:-100%}.lkt-menu.type-hidden.right-hidden.is-visible{right:0}
1
+ .lkt-menu{width:var(--lkt-menu--container--width);overflow:auto;max-height:var(--lkt-menu--container--max-height);display:flex;flex-direction:var(--lkt-menu--container--flex-direction);align-items:var(--lkt-menu--container--align-items)}.lkt-menu-main{background:var(--lkt-menu--background);padding:var(--lkt-menu--padding);max-width:var(--lkt-menu--max-width);width:var(--lkt-menu--width);height:100%;display:var(--lkt-menu--display);flex-direction:var(--lkt-menu--flex-direction);align-items:var(--lkt-menu--align-items);gap:var(--lkt-menu--entry--gap);position:relative}.lkt-menu-entry-toggle-inner{transition:all linear .2s}.lkt-menu-entry-toggle-inner.is-opened{transform:rotate(180deg)}.lkt-entry-content{display:inline-flex;flex-direction:row;gap:var(--lkt-menu--gap)}.lkt-menu-entry-toggle{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.lkt-menu-entries{align-items:var(--lkt-menu--entries--align-items);background:var(--lkt-menu--entries--background);display:flex;flex-direction:var(--lkt-menu--entries--flex-direction);width:var(--lkt-menu--entries--width)}.lkt-menu-entry{padding:var(--lkt-menu--entry--padding)}.lkt-menu-entry .lkt-anchor{width:100%}.lkt-menu-entry-main{display:flex;justify-content:space-between;position:relative}.lkt-entry-content{font-size:var(--lkt-menu--font-size);width:100%}.lkt-menu-outside{position:absolute;top:0;right:0;left:0;bottom:0;background:var(--lkt-menu--outside--background);z-index:-1}.lkt-menu-entry-children{padding:var(--lkt-menu--children--padding)}.lkt-menu-entry-text{padding:var(--lkt-menu--text-without-icon--padding)}.lkt-menu.has-icon .lkt-menu-entry-text{padding:var(--lkt-menu--text--padding)}.lkt-menu.has-icon .lkt-menu-entry-icon+.lkt-menu-entry-text{padding:var(--lkt-menu--text-with-icon--padding)}.lkt-menu.type-hidden{position:fixed;width:100%;background:var(--lkt-menu--container--background);transition:var(--lkt-menu--container--transition);z-index:400}.lkt-menu.type-hidden.left-hidden,.lkt-menu.type-hidden.right-hidden{top:var(--lkt-menu--container--top);bottom:var(--lkt-menu--container--bottom)}.lkt-menu.type-hidden.bottom-hidden,.lkt-menu.type-hidden.top-hidden{left:var(--lkt-menu--container--left);right:var(--lkt-menu--container--right)}.lkt-menu.type-hidden .lkt-menu-main{z-index:402}.lkt-menu.type-hidden .lkt-menu-outside{z-index:401}.lkt-menu.type-hidden .lkt-menu-outside{opacity:var(--lkt-menu--outside--hidden--opacity);transition:all linear .4s .1s}.lkt-menu.type-hidden.is-visible .lkt-menu-outside{opacity:var(--lkt-menu--outside--visible--opacity)}.lkt-menu.type-hidden.left-hidden{left:-100%}.lkt-menu.type-hidden.left-hidden.is-visible{left:0}.lkt-menu.type-hidden.right-hidden{justify-content:flex-end;right:-100%}.lkt-menu.type-hidden.right-hidden.is-visible{right:0}.lkt-menu.type-hidden.bottom-hidden{justify-content:flex-end;bottom:-100%}.lkt-menu.type-hidden.bottom-hidden.is-visible{bottom:var(--lkt-menu--container--bottom);top:var(--lkt-menu--container--top)}.lkt-menu.type-hidden.bottom-hidden .lkt-menu-main{margin-top:auto;height:auto}.lkt-menu.type-hidden.top-hidden{top:-100%}.lkt-menu.type-hidden.top-hidden.is-visible{top:var(--lkt-menu--container--top)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lkt-menu",
3
- "version": "2.0.10",
3
+ "version": "2.0.12",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "lkt",
package/theme/default.css CHANGED
@@ -29,6 +29,8 @@
29
29
 
30
30
  /** Colors: Outside */
31
31
  --lkt-menu--outside--background: rgba(255, 255, 255, 0.75);
32
+ --lkt-menu--outside--hidden--opacity: 0;
33
+ --lkt-menu--outside--visible--opacity: 1;
32
34
 
33
35
  /** Event: Hover */
34
36
  --lkt-menu--hover--text-decoration: none;
@@ -37,6 +39,8 @@
37
39
  --lkt-menu--container--width: 100%;
38
40
  --lkt-menu--container--top: 0;
39
41
  --lkt-menu--container--bottom: 0;
42
+ --lkt-menu--container--left: 0;
43
+ --lkt-menu--container--right: 0;
40
44
  --lkt-menu--container--background: transparent;
41
45
  --lkt-menu--container--transition: all linear 100ms;
42
46
  --lkt-menu--container--max-height: 100%;