@uqds/hero 0.0.8-alpha.0 → 0.0.12-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 +19 -20
- package/src/scss/_global.scss +1 -2
- 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/hero",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.12-alpha.0",
|
|
4
4
|
"description": "Hero component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"uqds",
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"url": "https://github.com/uq-its-ss/design-system/issues"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@uqds/core": "^0.0.
|
|
44
|
-
"@uqds/grid": "^0.0.
|
|
43
|
+
"@uqds/core": "^0.0.12-alpha.0",
|
|
44
|
+
"@uqds/grid": "^0.0.12-alpha.0"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "125e487dfd2f7e46f2b29cc0e8646b92e61d6f2c"
|
|
47
47
|
}
|
package/src/scss/_component.scss
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
@use
|
|
2
|
-
@use
|
|
1
|
+
@use "@uqds/core/src/scss/global" as core;
|
|
2
|
+
@use "@uqds/grid/src/scss/global" as grid;
|
|
3
3
|
|
|
4
4
|
// Hero
|
|
5
5
|
|
|
6
6
|
.uq-hero {
|
|
7
7
|
position: relative;
|
|
8
|
-
background-color: #
|
|
8
|
+
background-color: #51247a;
|
|
9
9
|
|
|
10
10
|
&__content {
|
|
11
11
|
@include grid.layout-containment;
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
padding-bottom: 3rem;
|
|
16
16
|
position: relative;
|
|
17
17
|
z-index: 2;
|
|
18
|
-
|
|
19
18
|
|
|
20
19
|
@media #{core.$screen-md-up} {
|
|
21
20
|
padding-top: 6.5rem;
|
|
@@ -24,9 +23,7 @@
|
|
|
24
23
|
}
|
|
25
24
|
|
|
26
25
|
&__text {
|
|
27
|
-
|
|
28
26
|
& .uq-hero__title {
|
|
29
|
-
|
|
30
27
|
color: inherit;
|
|
31
28
|
font-family: core.$montserrat;
|
|
32
29
|
font-size: 2.5rem;
|
|
@@ -37,7 +34,7 @@
|
|
|
37
34
|
font-size: 3rem;
|
|
38
35
|
}
|
|
39
36
|
}
|
|
40
|
-
|
|
37
|
+
|
|
41
38
|
& *:last-child {
|
|
42
39
|
margin-bottom: 0;
|
|
43
40
|
}
|
|
@@ -54,7 +51,7 @@
|
|
|
54
51
|
right: 0;
|
|
55
52
|
bottom: 0;
|
|
56
53
|
z-index: 0;
|
|
57
|
-
|
|
54
|
+
|
|
58
55
|
& picture,
|
|
59
56
|
& img {
|
|
60
57
|
position: absolute;
|
|
@@ -64,7 +61,7 @@
|
|
|
64
61
|
left: 0;
|
|
65
62
|
object-fit: cover;
|
|
66
63
|
}
|
|
67
|
-
|
|
64
|
+
|
|
68
65
|
&::before {
|
|
69
66
|
content: "";
|
|
70
67
|
display: block;
|
|
@@ -73,7 +70,11 @@
|
|
|
73
70
|
left: 0;
|
|
74
71
|
width: 100%;
|
|
75
72
|
height: 100%;
|
|
76
|
-
background: linear-gradient(
|
|
73
|
+
background: linear-gradient(
|
|
74
|
+
100deg,
|
|
75
|
+
rgb(81, 36, 122) 36%,
|
|
76
|
+
transparent 70%
|
|
77
|
+
);
|
|
77
78
|
mix-blend-mode: normal;
|
|
78
79
|
opacity: 1;
|
|
79
80
|
z-index: 1;
|
|
@@ -83,7 +84,7 @@
|
|
|
83
84
|
@media #{core.$screen-md-up} {
|
|
84
85
|
display: none;
|
|
85
86
|
}
|
|
86
|
-
|
|
87
|
+
|
|
87
88
|
& img {
|
|
88
89
|
position: relative;
|
|
89
90
|
height: auto;
|
|
@@ -103,16 +104,18 @@
|
|
|
103
104
|
min-height: 6rem;
|
|
104
105
|
|
|
105
106
|
&::before {
|
|
106
|
-
background: linear-gradient(
|
|
107
|
+
background: linear-gradient(
|
|
108
|
+
360deg,
|
|
109
|
+
rgb(81, 36, 122) 3%,
|
|
110
|
+
transparent 50%
|
|
111
|
+
);
|
|
107
112
|
}
|
|
108
113
|
}
|
|
109
114
|
}
|
|
110
115
|
|
|
111
116
|
&--feature-image {
|
|
112
|
-
|
|
113
117
|
& .uq-hero__content {
|
|
114
|
-
|
|
115
|
-
padding-top: 0;
|
|
118
|
+
padding-top: 0;
|
|
116
119
|
|
|
117
120
|
@media #{core.$screen-md-up} {
|
|
118
121
|
padding-top: 6.5rem;
|
|
@@ -124,18 +127,14 @@
|
|
|
124
127
|
width: 50%;
|
|
125
128
|
}
|
|
126
129
|
}
|
|
127
|
-
|
|
128
130
|
}
|
|
129
131
|
|
|
130
132
|
&--large {
|
|
131
|
-
|
|
132
133
|
& .uq-hero__content {
|
|
133
134
|
@media #{core.$screen-md-up} {
|
|
134
135
|
padding-top: core.$space-uuuul;
|
|
135
136
|
padding-bottom: core.$space-uuuul;
|
|
136
137
|
}
|
|
137
138
|
}
|
|
138
|
-
|
|
139
139
|
}
|
|
140
|
-
|
|
141
|
-
}
|
|
140
|
+
}
|
package/src/scss/_global.scss
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
@use
|
|
2
|
-
|
|
1
|
+
@use "@uqds/core/src/scss/global" as core;
|
package/src/scss/main.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@use
|
|
1
|
+
@use "component";
|