@uqds/grid-menu 0.0.8-alpha.0 → 0.0.13-alpha.0
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/README.md +2 -0
- package/package.json +4 -4
- package/src/scss/_component.scss +16 -11
- package/src/scss/_global.scss +1 -1
- package/src/scss/main.scss +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uqds/grid-menu",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13-alpha.0",
|
|
4
4
|
"description": "Grid menu components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"uqds",
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"url": "https://github.com/uq-its-ss/design-system/issues"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@uqds/core": "^
|
|
45
|
-
"@uqds/icon": "^0.0.
|
|
44
|
+
"@uqds/core": "^1.0.0",
|
|
45
|
+
"@uqds/icon": "^0.0.13-alpha.0"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "07bdc5a8169d386baae8ea4ffa5b4a75fc7e9ebb"
|
|
48
48
|
}
|
package/src/scss/_component.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@use
|
|
1
|
+
@use "@uqds/core/src/scss/global" as core;
|
|
2
2
|
@use "@uqds/icon/src/scss/global" as icon-constants;
|
|
3
|
-
@use
|
|
3
|
+
@use "global" as *;
|
|
4
4
|
|
|
5
5
|
.uq-grid-menu {
|
|
6
6
|
box-sizing: border-box;
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
padding: 0;
|
|
12
12
|
align-items: stretch;
|
|
13
13
|
|
|
14
|
-
*,
|
|
14
|
+
*,
|
|
15
|
+
*::before,
|
|
16
|
+
*::after {
|
|
15
17
|
box-sizing: border-box;
|
|
16
18
|
}
|
|
17
19
|
|
|
@@ -21,7 +23,7 @@
|
|
|
21
23
|
|
|
22
24
|
// Behave as 3 column layout by default.
|
|
23
25
|
@include grid-menu-3-column;
|
|
24
|
-
|
|
26
|
+
|
|
25
27
|
&--2-column {
|
|
26
28
|
@include grid-menu-2-column;
|
|
27
29
|
}
|
|
@@ -41,12 +43,12 @@
|
|
|
41
43
|
font-size: 1.375rem;
|
|
42
44
|
font-weight: 400;
|
|
43
45
|
line-height: normal;
|
|
44
|
-
padding: core.$space core.$space-
|
|
46
|
+
padding: core.$space-m core.$space-xl core.$space-m core.$space-m;
|
|
45
47
|
position: relative;
|
|
46
48
|
height: 100%;
|
|
47
49
|
|
|
48
50
|
&::after {
|
|
49
|
-
content:
|
|
51
|
+
content: "";
|
|
50
52
|
position: absolute;
|
|
51
53
|
right: 1.5rem;
|
|
52
54
|
top: 1.25rem;
|
|
@@ -62,8 +64,11 @@
|
|
|
62
64
|
text-decoration: none;
|
|
63
65
|
|
|
64
66
|
&::after {
|
|
65
|
-
content:
|
|
66
|
-
background-image: url(icon-constants.get-icon(
|
|
67
|
+
content: "";
|
|
68
|
+
background-image: url(icon-constants.get-icon(
|
|
69
|
+
"standard--arrow-right-1",
|
|
70
|
+
core.$uq-white
|
|
71
|
+
));
|
|
67
72
|
background-repeat: no-repeat;
|
|
68
73
|
background-size: 1.4rem 1.4rem;
|
|
69
74
|
right: 0;
|
|
@@ -92,7 +97,7 @@
|
|
|
92
97
|
&__description {
|
|
93
98
|
color: $linked-list-desc;
|
|
94
99
|
display: block;
|
|
95
|
-
font-size: .8rem;
|
|
100
|
+
font-size: 0.8rem;
|
|
96
101
|
font-weight: 300;
|
|
97
102
|
line-height: normal;
|
|
98
103
|
margin-top: core.$space-xs;
|
|
@@ -118,7 +123,7 @@
|
|
|
118
123
|
}
|
|
119
124
|
|
|
120
125
|
@media only screen and #{core.$screen-md-up} {
|
|
121
|
-
gap: core.$space;
|
|
126
|
+
gap: core.$space-m;
|
|
122
127
|
}
|
|
123
128
|
}
|
|
124
129
|
|
|
@@ -167,7 +172,7 @@
|
|
|
167
172
|
.section--background-image {
|
|
168
173
|
.uq-grid-menu {
|
|
169
174
|
&__link {
|
|
170
|
-
border-color: rgba(core.$uq-white, .4);
|
|
175
|
+
border-color: rgba(core.$uq-white, 0.4);
|
|
171
176
|
}
|
|
172
177
|
}
|
|
173
178
|
}
|
package/src/scss/_global.scss
CHANGED
package/src/scss/main.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@use
|
|
1
|
+
@use "component";
|