@lucca-front/scss 8.1.4 → 8.1.6

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 (5) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +1 -1
  3. package/src/components/_menu.scss +2 -7
  4. package/src/components/_nav-side.scss +9 -5
  5. package/src/components/_timeline.scss +12 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/scss",
3
- "version": "8.1.4",
3
+ "version": "8.1.6",
4
4
  "description": "a scss-framework based on trello's css naming",
5
5
  "main": "src/main.scss",
6
6
  "scripts": {},
package/src/components/_menu.scss CHANGED
@@ -29,11 +29,6 @@
29
29
  flex-wrap: wrap;
30
30
  }
31
31
 
32
- .menu-link {
33
- // legacy syntax
34
- margin-right: _theme('spacings.big'); // magic number
35
- }
36
-
37
32
  .menu-link, // legacy syntax
38
33
  .menu-list-item-action {
39
34
  border-radius: _theme('commons.border.radius');
@@ -67,7 +62,7 @@
67
62
  &:not(.is-active, [aria-current='page']) {
68
63
  color: _color("grey", "900");
69
64
  }
70
-
65
+
71
66
  &::after {
72
67
  transform: scale(0.75);
73
68
  }
@@ -79,7 +74,7 @@
79
74
  }
80
75
  }
81
76
 
82
- .menu-link-placeholder { // legacy syntax
77
+ .menu-link-placeholder { // legacy syntax
83
78
  &::after {
84
79
  content: attr(data-content-after);
85
80
  display: block;
package/src/components/_nav-side.scss CHANGED
@@ -116,11 +116,15 @@
116
116
  background-color: transparent;
117
117
  cursor: pointer;
118
118
 
119
- &:focus-visible,
120
119
  &:hover {
121
120
  background-color: _component("navSide.fullwidth-palette.hovered-bg");
122
121
  color: _component("navSide.fullwidth-palette.hovered-text");
123
122
  }
123
+
124
+ &:focus-visible {
125
+ background-color: _component("navSide.fullwidth-palette.hovered-bg");
126
+ color: _component("navSide.fullwidth-palette.hovered-text");
127
+ }
124
128
  }
125
129
 
126
130
  .navSide-item-link-title {
@@ -240,7 +244,7 @@
240
244
  color: _component("navSide.fullwidth-palette.selected-text");
241
245
  opacity: 1;
242
246
 
243
-
247
+
244
248
  }
245
249
 
246
250
  .navSide-item-subMenu-link.is-active,
@@ -399,12 +403,12 @@
399
403
  width: 100%;
400
404
  bottom: auto;
401
405
 
402
-
406
+
403
407
  .navSide-mainSection, .navSide-scrollWrapper {
404
408
  width: 100%;
405
409
  height: auto;
406
410
  }
407
-
411
+
408
412
 
409
413
  &:not(.is-open) {
410
414
  .navSide-item {
@@ -432,7 +436,7 @@
432
436
 
433
437
  .navSide-item-link {
434
438
  border-radius: 0;
435
-
439
+
436
440
  &:focus-visible {
437
441
  box-shadow: 0 0 0 2px _component("navSide.fullwidth-palette.selected-text") inset;
438
442
  }
package/src/components/_timeline.scss CHANGED
@@ -94,13 +94,20 @@
94
94
  }
95
95
 
96
96
  .timeline-step-title-action {
97
+ @include buttonReset;
97
98
  color: currentColor;
99
+ cursor: default;
100
+ display: inline-block;
98
101
  text-decoration: none;
99
-
100
- &:hover,
101
- &:focus {
102
- color: currentColor;
103
- text-decoration: underline;
102
+ width: auto;
103
+
104
+ &:not([disabled]) {
105
+ &:hover,
106
+ &:focus {
107
+ color: currentColor;
108
+ cursor: pointer;
109
+ text-decoration: underline;
110
+ }
104
111
  }
105
112
  }
106
113