@linzjs/lui 15.1.9 → 15.1.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.
- package/CHANGELOG.md +21 -0
- package/dist/components/LuiBanner/LuiBanner.d.ts +1 -1
- package/dist/index.js +322 -322
- package/dist/index.js.map +1 -1
- package/dist/lui.css +34 -9
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +322 -322
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiMenuTrigger/LuiMenuTrigger.scss +2 -1
- package/dist/scss/Components/Messaging/messaging.scss +6 -4
- package/dist/scss/Foundation/Utilities/BoxShadow.scss +20 -0
- package/dist/scss/Global/Layout/Container.scss +10 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use "../../Foundation/Variables/ColorVars.scss" as colors;
|
|
2
|
+
@use "sass:math";
|
|
2
3
|
|
|
3
4
|
// Settings
|
|
4
5
|
// ==================================================
|
|
@@ -67,7 +68,7 @@ $LuiMenuTrigger-active-hover-filter: $LuiMenuTrigger-hover-filter !default;
|
|
|
67
68
|
.LuiMenuTrigger-inner {
|
|
68
69
|
display: block;
|
|
69
70
|
top: 50%;
|
|
70
|
-
margin-top: $LuiMenuTrigger-layer-height
|
|
71
|
+
margin-top: math.div($LuiMenuTrigger-layer-height, -2);
|
|
71
72
|
transition-duration: 0.075s;
|
|
72
73
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
73
74
|
|
|
@@ -104,14 +104,11 @@
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
.lui-msg-status-icon {
|
|
107
|
-
|
|
107
|
+
fill: colors.$white;
|
|
108
108
|
position: absolute;
|
|
109
109
|
top: spacing.$unit-xs;
|
|
110
110
|
left: -40px;
|
|
111
111
|
color: colors.$white;
|
|
112
|
-
&.material-icons-round {
|
|
113
|
-
font-size: 2rem;
|
|
114
|
-
}
|
|
115
112
|
}
|
|
116
113
|
|
|
117
114
|
.lui-msg-banner-container {
|
|
@@ -211,3 +208,8 @@
|
|
|
211
208
|
opacity: 0;
|
|
212
209
|
}
|
|
213
210
|
}
|
|
211
|
+
|
|
212
|
+
.LuiStaticMsg-close {
|
|
213
|
+
fill: colors.$sea;
|
|
214
|
+
line-height: 1; // TODO THis is a problem with buttons having a line-height of 40px for some reason – remove when button fixed
|
|
215
|
+
}
|
|
@@ -5,3 +5,23 @@
|
|
|
5
5
|
@mixin box-shadow {
|
|
6
6
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
|
7
7
|
}
|
|
8
|
+
|
|
9
|
+
// Drop shadow declarations - Medium is default and if no value is passed. There are three variations of drop shadows in FIGLUI
|
|
10
|
+
@mixin drop-shadow ($size: "md") {
|
|
11
|
+
|
|
12
|
+
@if ($size == sm) {
|
|
13
|
+
box-shadow: 0px 2px 3px 0px #00000040,
|
|
14
|
+
0px 0px 3px 0px #00000026;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@if ($size == lg) {
|
|
18
|
+
box-shadow: 0px 3px 12px 0px #00000026,
|
|
19
|
+
0px 12px 18px 4px #00000040;
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@else {
|
|
24
|
+
box-shadow: 0px 1px 6px 0px #00000026,
|
|
25
|
+
0px 6px 10px 0px #00000040;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
@@ -16,6 +16,10 @@ $container-padding: 2.5%;
|
|
|
16
16
|
margin: 0 auto;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
%Container--paddingOnly {
|
|
20
|
+
padding: 0 $container-padding;
|
|
21
|
+
}
|
|
22
|
+
|
|
19
23
|
%Container--noPadding {
|
|
20
24
|
max-width: breakpoints.$breakpoint1;
|
|
21
25
|
|
|
@@ -56,5 +60,10 @@ $container-padding: 2.5%;
|
|
|
56
60
|
|
|
57
61
|
.Container--noPadding {
|
|
58
62
|
@extend %Container;
|
|
59
|
-
@extend %Container--
|
|
63
|
+
@extend %Container--noPadding;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.Container--paddingOnly {
|
|
67
|
+
@extend %Container;
|
|
68
|
+
@extend %Container--paddingOnly;
|
|
60
69
|
}
|
package/package.json
CHANGED