blue-react 8.0.1 → 8.1.2
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/dist/components/BodyRounded.js +41 -41
- package/dist/style.css +57 -17
- package/dist/style.min.css +3 -3
- package/dist/style.scss +1 -1
- package/dist/styles/_grid.scss +11 -2
- package/dist/styles/_variables.scss +1 -1
- package/dist/styles/mixins/_sidebar.scss +19 -5
- package/package.json +1 -1
package/dist/style.scss
CHANGED
package/dist/styles/_grid.scss
CHANGED
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
|
|
259
259
|
.blue-menu-item {
|
|
260
260
|
transition: width 0.5s, background-color 0.3s, color 0.15s, box-shadow 0.3s,
|
|
261
|
-
|
|
261
|
+
opacity 0.3s !important;
|
|
262
262
|
padding: 0.5rem 0.75rem;
|
|
263
263
|
border: none;
|
|
264
264
|
margin-top: 0.125rem;
|
|
@@ -303,9 +303,18 @@
|
|
|
303
303
|
.blue-menu-item-dropdown {
|
|
304
304
|
margin-left: 1rem;
|
|
305
305
|
animation: blue-menu-item-dropdown 0.15s;
|
|
306
|
+
position: relative;
|
|
306
307
|
|
|
307
308
|
--sidebar-bg: #{$sidebar-deep-bg};
|
|
308
|
-
|
|
309
|
+
|
|
310
|
+
&::before {
|
|
311
|
+
content: "";
|
|
312
|
+
position: absolute;
|
|
313
|
+
top: 0.125rem; right: 0.125rem; bottom: 0.125rem; left: 0.125rem;
|
|
314
|
+
background-color: var(--sidebar-bg);
|
|
315
|
+
border-radius: $border-radius;
|
|
316
|
+
box-shadow: $box-shadow;
|
|
317
|
+
}
|
|
309
318
|
|
|
310
319
|
.blue-menu-item-dropdown {
|
|
311
320
|
--sidebar-bg: #{darken($sidebar-deep-bg, 4%)};
|
|
@@ -44,7 +44,7 @@ $actions-height: 7.5rem !default;
|
|
|
44
44
|
$bla-button-bg-normal: rgba(0, 0, 0, 0.1) !default;
|
|
45
45
|
|
|
46
46
|
// Background color of menu toggle button on hover state.
|
|
47
|
-
$bla-button-bg-hover: rgba(white, 0.
|
|
47
|
+
$bla-button-bg-hover: rgba(white, 0.25) !default;
|
|
48
48
|
|
|
49
49
|
// Font size for sidebar menu items.
|
|
50
50
|
$bla-btn-font-size: 1em !default;
|
|
@@ -74,23 +74,37 @@
|
|
|
74
74
|
border-color: transparent;
|
|
75
75
|
@include slide-transition();
|
|
76
76
|
|
|
77
|
+
&::before {
|
|
78
|
+
content: "";
|
|
79
|
+
position: absolute;
|
|
80
|
+
top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem;
|
|
81
|
+
background-color: $sidebar-control-bg-hover;
|
|
82
|
+
border-radius: $border-radius;
|
|
83
|
+
transform: scale(0.9);
|
|
84
|
+
opacity: 0;
|
|
85
|
+
transition: all 0.2s;
|
|
86
|
+
}
|
|
87
|
+
|
|
77
88
|
&:hover,
|
|
78
89
|
&:active {
|
|
79
90
|
color: $sidebar-color;
|
|
80
|
-
background-color: $sidebar-control-bg-hover !important;
|
|
81
91
|
border-color: transparent;
|
|
92
|
+
|
|
93
|
+
&::before {
|
|
94
|
+
transform: scale(1);
|
|
95
|
+
opacity: 1;
|
|
96
|
+
}
|
|
82
97
|
}
|
|
83
98
|
|
|
84
|
-
&.active::
|
|
99
|
+
&.active::after {
|
|
85
100
|
content: "";
|
|
86
101
|
position: absolute;
|
|
87
102
|
top: 0.625rem;
|
|
88
103
|
bottom: 0.625rem;
|
|
89
|
-
left: 0;
|
|
104
|
+
left: 0.125rem;
|
|
90
105
|
width: 0.25rem;
|
|
91
106
|
background-color: $sidebar-indicator-color;
|
|
92
|
-
border-
|
|
93
|
-
border-bottom-right-radius: 1rem;
|
|
107
|
+
border-radius: 1rem;
|
|
94
108
|
animation: sidebar-menu-item-indicator-in 0.2s ease-in-out;
|
|
95
109
|
}
|
|
96
110
|
|