@uqds/hero 0.0.13-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.
Files changed (3) hide show
  1. package/dist/css/main.css +1 -1
  2. package/package.json +5 -4
  3. package/src/scss/_component.scss +4 -0
package/dist/css/main.css CHANGED
@@ -1 +1 @@
1
- .uq-hero{position:relative;background-color:#51247a}.uq-hero__content{margin-left:1rem;margin-right:1rem;padding-left:.5rem;padding-right:.5rem;color:#fff;padding-top:3rem;padding-bottom:3rem;position:relative;z-index:2}@media(min-width: 32.5rem){.uq-hero__content{margin-left:auto;margin-right:auto;max-width:30.5rem}}@media(min-width: 37.5rem){.uq-hero__content{margin-left:3.25rem;margin-right:3.25rem;max-width:none}}@media(min-width: 64.25rem){.uq-hero__content{margin-left:auto;margin-right:auto;max-width:57.75rem}}@media(min-width: 75rem){.uq-hero__content{margin-left:8.375rem;margin-right:8.375rem;max-width:none}}@media(min-width: 90rem){.uq-hero__content{margin-left:auto;margin-right:auto;max-width:73.25rem}}@media(min-width: 37.5rem){.uq-hero__content{padding-left:.75rem;padding-right:.75rem}}@media(min-width: 75rem){.uq-hero__content{padding-left:1rem;padding-right:1rem}}@media(min-width: 37.5rem){.uq-hero__content{padding-top:6.5rem;padding-bottom:6.5rem}}.uq-hero__text .uq-hero__title{color:inherit;font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:2.5rem;margin-top:0;margin-bottom:.5rem}@media(min-width: 37.5rem){.uq-hero__text .uq-hero__title{font-size:3rem}}.uq-hero__text *:last-child{margin-bottom:0}.uq-hero__subtext{margin-bottom:1.5rem}.uq-hero__image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.uq-hero__image picture,.uq-hero__image img{position:absolute;height:100%;width:100%;top:0;left:0;object-fit:cover}.uq-hero__image::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(100deg, rgb(81, 36, 122) 36%, transparent 70%);mix-blend-mode:normal;opacity:1;z-index:1}@media(min-width: 37.5rem){.uq-hero__image--small{display:none}}.uq-hero__image--small img{position:relative;height:auto}.uq-hero__image--large{display:none}@media(min-width: 37.5rem){.uq-hero__image--large{display:block}}@media(max-width: 37.4375rem){.uq-hero__image{position:relative;min-height:6rem}.uq-hero__image::before{background:linear-gradient(360deg, rgb(81, 36, 122) 3%, transparent 50%)}}.uq-hero--feature-image .uq-hero__content{padding-top:0}@media(min-width: 37.5rem){.uq-hero--feature-image .uq-hero__content{padding-top:6.5rem}}@media(min-width: 37.5rem){.uq-hero--feature-image .hero__text{width:50%}}@media(min-width: 37.5rem){.uq-hero--large .uq-hero__content{padding-top:10rem;padding-bottom:10rem}}
1
+ .uq-hero{position:relative;background-color:#51247a;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.uq-hero__content{margin-left:1rem;margin-right:1rem;padding-left:.5rem;padding-right:.5rem;color:#fff;padding-top:3rem;padding-bottom:3rem;position:relative;z-index:2}@media(min-width: 32.5rem){.uq-hero__content{margin-left:auto;margin-right:auto;max-width:30.5rem}}@media(min-width: 37.5rem){.uq-hero__content{margin-left:3.25rem;margin-right:3.25rem;max-width:none}}@media(min-width: 64.25rem){.uq-hero__content{margin-left:auto;margin-right:auto;max-width:57.75rem}}@media(min-width: 75rem){.uq-hero__content{margin-left:8.375rem;margin-right:8.375rem;max-width:none}}@media(min-width: 90rem){.uq-hero__content{margin-left:auto;margin-right:auto;max-width:73.25rem}}@media(min-width: 37.5rem){.uq-hero__content{padding-left:.75rem;padding-right:.75rem}}@media(min-width: 75rem){.uq-hero__content{padding-left:1rem;padding-right:1rem}}@media(min-width: 37.5rem){.uq-hero__content{padding-top:6.5rem;padding-bottom:6.5rem}}.uq-hero__text .uq-hero__title{color:inherit;font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:2.5rem;margin-top:0;margin-bottom:.5rem}@media(min-width: 37.5rem){.uq-hero__text .uq-hero__title{font-size:3rem}}.uq-hero__text *:last-child{margin-bottom:0}.uq-hero__subtext{margin-bottom:1.5rem}.uq-hero__image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.uq-hero__image picture,.uq-hero__image img{position:absolute;height:100%;width:100%;top:0;left:0;object-fit:cover}.uq-hero__image::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(100deg, rgb(81, 36, 122) 36%, transparent 70%);mix-blend-mode:normal;opacity:1;z-index:1}@media(min-width: 37.5rem){.uq-hero__image--small{display:none}}.uq-hero__image--small img{position:relative;height:auto}.uq-hero__image--large{display:none}@media(min-width: 37.5rem){.uq-hero__image--large{display:block}}@media(max-width: 37.4375rem){.uq-hero__image{position:relative;min-height:6rem}.uq-hero__image::before{background:linear-gradient(360deg, rgb(81, 36, 122) 3%, transparent 50%)}}.uq-hero--feature-image .uq-hero__content{padding-top:0}@media(min-width: 37.5rem){.uq-hero--feature-image .uq-hero__content{padding-top:6.5rem}}@media(min-width: 37.5rem){.uq-hero--feature-image .hero__text{width:50%}}@media(min-width: 37.5rem){.uq-hero--large .uq-hero__content{padding-top:10rem;padding-bottom:10rem}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uqds/hero",
3
- "version": "0.0.13-alpha.0",
3
+ "version": "0.0.14-alpha.0",
4
4
  "description": "Hero component",
5
5
  "keywords": [
6
6
  "uqds",
@@ -40,8 +40,9 @@
40
40
  "url": "https://github.com/uq-its-ss/design-system/issues"
41
41
  },
42
42
  "dependencies": {
43
- "@uqds/core": "^1.0.0",
44
- "@uqds/grid": "^0.0.13-alpha.0"
43
+ "@uqds/button": "^0.0.14-alpha.0",
44
+ "@uqds/core": "^1.1.0",
45
+ "@uqds/grid": "^0.0.14-alpha.0"
45
46
  },
46
- "gitHead": "07bdc5a8169d386baae8ea4ffa5b4a75fc7e9ebb"
47
+ "gitHead": "3f399bb23a696bdfae45d2b23b6749dfad3aaf2d"
47
48
  }
package/src/scss/_component.scss CHANGED
@@ -6,6 +6,10 @@
6
6
  .uq-hero {
7
7
  position: relative;
8
8
  background-color: #51247a;
9
+ font-family: core.$font-body;
10
+ font-size: core.$font-size-m;
11
+ font-weight: core.$font-weight-normal;
12
+ line-height: core.$line-height;
9
13
 
10
14
  &__content {
11
15
  @include grid.layout-containment;