@uqds/grid-menu 3.0.0-alpha.3 → 3.0.0-alpha.4
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 +3 -3
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:#dcdcdd;color:#f3f3f4}.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:#f3f3f4}.dark-palette .uq-grid-menu__link,.dark-palette .uq-grid-menu__title,.dark-palette .uq-grid-menu__description{border-color:#f3f3f4;color:#3b383e}.dark-palette .uq-grid-menu__link a,.dark-palette .uq-grid-menu__title a,.dark-palette .uq-grid-menu__description a{color:#0d6dcd}.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:#0e65bb}.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.6;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 #dcdcdd;color:#0d6dcd;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:#0d6dcd;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:#757377;display:block;font-size:.8rem;font-weight:
|
|
1
|
+
.light-palette .uq-grid-menu__link,.light-palette .uq-grid-menu__title,.light-palette .uq-grid-menu__description{border-color:#dcdcdd;color:#f3f3f4}.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:#f3f3f4}.dark-palette .uq-grid-menu__link,.dark-palette .uq-grid-menu__title,.dark-palette .uq-grid-menu__description{border-color:#f3f3f4;color:#3b383e}.dark-palette .uq-grid-menu__link a,.dark-palette .uq-grid-menu__title a,.dark-palette .uq-grid-menu__description a{color:#0d6dcd}.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:#0e65bb}.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.6;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 #dcdcdd;color:#0d6dcd;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:#0d6dcd;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:#757377;display:block;font-size:.8rem;font-weight:400;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:#3b383e}.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:#0d6dcd}.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:#0d6dcd}.dark-palette .uq-grid-menu__link:hover,.dark-palette .uq-grid-menu__title:hover,.dark-palette .uq-grid-menu__description:hover{background-color:#0d6dcd;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:#0d6dcd;color:#fff}.section--background-image .uq-grid-menu__link{border-color:hsla(0,0%,100%,.4)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uqds/grid-menu",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.4",
|
|
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": "^4.0.0-alpha.
|
|
45
|
-
"@uqds/icon": "^3.0.0-alpha.
|
|
44
|
+
"@uqds/core": "^4.0.0-alpha.2",
|
|
45
|
+
"@uqds/icon": "^3.0.0-alpha.4"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "904d3aec133c2fa0b253b038f747735428b4bbe2"
|
|
48
48
|
}
|
package/src/scss/_component.scss
CHANGED
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
color: core.$utility-500;
|
|
46
46
|
display: block;
|
|
47
47
|
font-size: 1.375rem;
|
|
48
|
-
font-weight:
|
|
48
|
+
font-weight: core.$font-weight-normal;
|
|
49
49
|
line-height: normal;
|
|
50
50
|
padding: core.$space-m core.$space-xl core.$space-m core.$space-m;
|
|
51
51
|
position: relative;
|
|
@@ -96,14 +96,14 @@
|
|
|
96
96
|
|
|
97
97
|
&__title {
|
|
98
98
|
font-size: 1.375rem;
|
|
99
|
-
font-weight:
|
|
99
|
+
font-weight: core.$font-weight-normal;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
&__description {
|
|
103
103
|
color: core.$grey-700;
|
|
104
104
|
display: block;
|
|
105
105
|
font-size: 0.8rem;
|
|
106
|
-
font-weight:
|
|
106
|
+
font-weight: core.$font-weight-normal;
|
|
107
107
|
line-height: normal;
|
|
108
108
|
margin-top: core.$space-xs;
|
|
109
109
|
}
|