@uqds/grid-menu 0.0.12-alpha.0 → 0.0.14-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/dist/css/main.css +1 -1
- package/package.json +4 -4
- package/src/scss/_component.scss +7 -2
package/dist/css/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.light-palette .uq-grid-menu__link,.light-palette .uq-grid-menu__title,.light-palette .uq-grid-menu__description{border-color:rgba(255,255,255,.4);color:#f7f6f5}.light-palette .uq-grid-menu__link a,.light-palette .uq-grid-menu__title a,.light-palette .uq-grid-menu__description a{color:#fff;font-weight:400}.light-palette .uq-grid-menu__link a:hover,.light-palette .uq-grid-menu__title a:hover,.light-palette .uq-grid-menu__description a:hover{color:#e6e6e6}.dark-palette .uq-grid-menu__link,.dark-palette .uq-grid-menu__title,.dark-palette .uq-grid-menu__description{border-color:rgba(0,0,0,.1);color:#2b2a29}.dark-palette .uq-grid-menu__link a,.dark-palette .uq-grid-menu__title a,.dark-palette .uq-grid-menu__description a{color:#6b30a1}.dark-palette .uq-grid-menu__link a:hover,.dark-palette .uq-grid-menu__title a:hover,.dark-palette .uq-grid-menu__description a:hover{color:#51247a}.uq-grid-menu{box-sizing:border-box;display:grid;list-style:none;gap:0;margin:0;padding:0;align-items:stretch}.uq-grid-menu *,.uq-grid-menu *::before,.uq-grid-menu *::after{box-sizing:border-box}.uq-grid-menu__item{margin-bottom:0}@media only screen and (min-width: 37.5rem){.uq-grid-menu{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 75rem){.uq-grid-menu{grid:auto-flow/repeat(3, 1fr)}}@media only screen and (min-width: 37.5rem){.uq-grid-menu--2-column{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 37.5rem){.uq-grid-menu--3-column{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 75rem){.uq-grid-menu--3-column{grid:auto-flow/repeat(3, 1fr)}}@media only screen and (min-width: 37.5rem){.uq-grid-menu--4-column{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 75rem){.uq-grid-menu--4-column{grid:auto-flow/repeat(4, 1fr)}}.uq-grid-menu__link{border-bottom:1px solid #efedeb;color:#1e72c6;display:block;font-size:1.375rem;font-weight:400;line-height:normal;padding:1rem 2rem 1rem 1rem;position:relative;height:100
|
|
1
|
+
.light-palette .uq-grid-menu__link,.light-palette .uq-grid-menu__title,.light-palette .uq-grid-menu__description{border-color:rgba(255,255,255,.4);color:#f7f6f5}.light-palette .uq-grid-menu__link a,.light-palette .uq-grid-menu__title a,.light-palette .uq-grid-menu__description a{color:#fff;font-weight:400}.light-palette .uq-grid-menu__link a:hover,.light-palette .uq-grid-menu__title a:hover,.light-palette .uq-grid-menu__description a:hover{color:#e6e6e6}.dark-palette .uq-grid-menu__link,.dark-palette .uq-grid-menu__title,.dark-palette .uq-grid-menu__description{border-color:rgba(0,0,0,.1);color:#2b2a29}.dark-palette .uq-grid-menu__link a,.dark-palette .uq-grid-menu__title a,.dark-palette .uq-grid-menu__description a{color:#6b30a1}.dark-palette .uq-grid-menu__link a:hover,.dark-palette .uq-grid-menu__title a:hover,.dark-palette .uq-grid-menu__description a:hover{color:#51247a}.uq-grid-menu{box-sizing:border-box;display:grid;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;list-style:none;gap:0;margin:0;padding:0;align-items:stretch}.uq-grid-menu *,.uq-grid-menu *::before,.uq-grid-menu *::after{box-sizing:border-box}.uq-grid-menu__item{margin-bottom:0}@media only screen and (min-width: 37.5rem){.uq-grid-menu{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 75rem){.uq-grid-menu{grid:auto-flow/repeat(3, 1fr)}}@media only screen and (min-width: 37.5rem){.uq-grid-menu--2-column{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 37.5rem){.uq-grid-menu--3-column{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 75rem){.uq-grid-menu--3-column{grid:auto-flow/repeat(3, 1fr)}}@media only screen and (min-width: 37.5rem){.uq-grid-menu--4-column{grid:auto-flow/repeat(2, 1fr)}}@media only screen and (min-width: 75rem){.uq-grid-menu--4-column{grid:auto-flow/repeat(4, 1fr)}}.uq-grid-menu__link{border-bottom:1px solid #efedeb;color:#1e72c6;display:block;font-size:1.375rem;font-weight:400;line-height:normal;padding:1rem 2rem 1rem 1rem;position:relative;height:100%;text-decoration:none}.uq-grid-menu__link::after{content:"";position:absolute;right:1.5rem;top:1.25rem;width:2rem;height:2rem;transition:ease .3s;margin-top:-0.2rem}.uq-grid-menu__link:hover{background-color:#1e72c6;color:#fff;text-decoration:none}.uq-grid-menu__link:hover::after{content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='m5.145 14.285 6.167-6a.41.41 0 0 0 0-.598L5.145 1.715' fill='none' stroke='%23fff' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.4rem 1.4rem;right:0}.uq-grid-menu__link:hover .uq-grid-menu__link,.uq-grid-menu__link:hover .uq-grid-menu__title,.uq-grid-menu__link:hover .uq-grid-menu__description{color:#fff;text-decoration:none}.uq-grid-menu__link:hover .uq-grid-menu__icon::before{filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(122deg) brightness(111%) contrast(102%)}.uq-grid-menu__title{font-size:1.375rem;font-weight:400}.uq-grid-menu__description{color:#2b2a29;display:block;font-size:.8rem;font-weight:300;line-height:normal;margin-top:.25rem}.uq-grid-menu__icon{margin-top:-0.3rem;margin-right:.5rem;transition:filter .2s}.uq-grid-menu--dark-text .uq-grid-menu__link{color:#2b2a29}.uq-grid-menu--dark-text .uq-grid-menu__icon::before{filter:invert(0%) sepia(72%) saturate(588%) hue-rotate(348deg) brightness(115%) contrast(81%)}@media only screen and (min-width: 37.5rem){.uq-grid-menu{gap:1rem}}.light-palette .uq-grid-menu__link:hover,.light-palette .uq-grid-menu__title:hover,.light-palette .uq-grid-menu__description:hover{background-color:#fff;color:#1e72c6}.light-palette .uq-grid-menu__link:hover .uq-grid-menu__description,.light-palette .uq-grid-menu__title:hover .uq-grid-menu__description,.light-palette .uq-grid-menu__description:hover .uq-grid-menu__description{background-color:#fff;color:#1e72c6}.dark-palette .uq-grid-menu__link:hover,.dark-palette .uq-grid-menu__title:hover,.dark-palette .uq-grid-menu__description:hover{background-color:#1e72c6;color:#fff}.dark-palette .uq-grid-menu__link:hover .uq-grid-menu__description,.dark-palette .uq-grid-menu__title:hover .uq-grid-menu__description,.dark-palette .uq-grid-menu__description:hover .uq-grid-menu__description{background-color:#1e72c6;color:#fff}.section--background-image .uq-grid-menu__link{border-color:rgba(255,255,255,.4)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uqds/grid-menu",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14-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.1.0",
|
|
45
|
+
"@uqds/icon": "^0.0.14-alpha.0"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "3f399bb23a696bdfae45d2b23b6749dfad3aaf2d"
|
|
48
48
|
}
|
package/src/scss/_component.scss
CHANGED
|
@@ -5,6 +5,10 @@
|
|
|
5
5
|
.uq-grid-menu {
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
display: grid;
|
|
8
|
+
font-family: core.$font-body;
|
|
9
|
+
font-size: core.$font-size-m;
|
|
10
|
+
font-weight: core.$font-weight-normal;
|
|
11
|
+
line-height: core.$line-height;
|
|
8
12
|
list-style: none;
|
|
9
13
|
gap: core.$space-none;
|
|
10
14
|
margin: 0;
|
|
@@ -43,9 +47,10 @@
|
|
|
43
47
|
font-size: 1.375rem;
|
|
44
48
|
font-weight: 400;
|
|
45
49
|
line-height: normal;
|
|
46
|
-
padding: core.$space core.$space-
|
|
50
|
+
padding: core.$space-m core.$space-xl core.$space-m core.$space-m;
|
|
47
51
|
position: relative;
|
|
48
52
|
height: 100%;
|
|
53
|
+
text-decoration: none;
|
|
49
54
|
|
|
50
55
|
&::after {
|
|
51
56
|
content: "";
|
|
@@ -123,7 +128,7 @@
|
|
|
123
128
|
}
|
|
124
129
|
|
|
125
130
|
@media only screen and #{core.$screen-md-up} {
|
|
126
|
-
gap: core.$space;
|
|
131
|
+
gap: core.$space-m;
|
|
127
132
|
}
|
|
128
133
|
}
|
|
129
134
|
|