@uqds/grid-menu 0.1.3 → 0.1.4-alpha.1
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/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: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:#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:
|
|
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: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:#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": "0.1.
|
|
3
|
+
"version": "0.1.4-alpha.1",
|
|
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": "^1.2.
|
|
45
|
-
"@uqds/icon": "^0.0.
|
|
44
|
+
"@uqds/core": "^1.2.4-alpha.0",
|
|
45
|
+
"@uqds/icon": "^0.0.19-alpha.1"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "63ecc577f4c2cd3cecc99ba7990d6aec117eeaad"
|
|
48
48
|
}
|