nk_jtb 0.29.0 → 0.29.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/package.json +1 -1
- package/src/build.scss +0 -4
- package/src/extras/_hero.scss +1 -47
package/package.json
CHANGED
package/src/build.scss
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
@forward './maps_and_variables/index' with (
|
|
2
|
-
$primary: green,
|
|
3
|
-
);
|
|
4
1
|
@use './base';
|
|
5
2
|
|
|
6
3
|
// Load components before utility classes to allow for easier overrides
|
|
@@ -8,7 +5,6 @@
|
|
|
8
5
|
@forward './forms';
|
|
9
6
|
|
|
10
7
|
// Extras
|
|
11
|
-
@forward './extras/hero';
|
|
12
8
|
@forward './extras/nk-docs';
|
|
13
9
|
@forward './extras/nk-app';
|
|
14
10
|
|
package/src/extras/_hero.scss
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@use '../maps_and_variables' as *;
|
|
2
|
-
@use '../mixins/media-container-queries' as *;
|
|
3
1
|
|
|
4
2
|
$hero-title-color: #eee !default;
|
|
5
3
|
$hero-title-lg: 3rem !default;
|
|
@@ -8,14 +6,12 @@ $hero-subtitle-color: #eee !default;
|
|
|
8
6
|
$hero-subtitle-lg: 2.5rem !default;
|
|
9
7
|
$hero-subtitle-sm: 1.75rem !default;
|
|
10
8
|
$hero-gradient: linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 40%)) !default;
|
|
9
|
+
$hero-text-padding: $base-padding !default;
|
|
11
10
|
|
|
12
11
|
.hero {
|
|
13
12
|
background-position: center;
|
|
14
13
|
background-repeat: no-repeat;
|
|
15
14
|
background-size: cover;
|
|
16
|
-
min-height: 90vh;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
position: relative;
|
|
19
15
|
|
|
20
16
|
.title {
|
|
21
17
|
color: $hero-title-color;
|
|
@@ -35,45 +31,3 @@ $hero-gradient: linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 40%)) !default;
|
|
|
35
31
|
}
|
|
36
32
|
}
|
|
37
33
|
}
|
|
38
|
-
|
|
39
|
-
// Content layout
|
|
40
|
-
.hero-content {
|
|
41
|
-
padding-block: 8rem 6rem;
|
|
42
|
-
position: relative;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.hero-text {
|
|
46
|
-
max-width: 36rem;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// ============================================================================
|
|
50
|
-
// BLOB DECORATIONS
|
|
51
|
-
// ============================================================================
|
|
52
|
-
// Three default blob positions for cinematic hero backgrounds.
|
|
53
|
-
// Add bg-primary (or any bg utility) and opacity for the atmospheric effect.
|
|
54
|
-
// Pair with .blob (irregular) or .rounded-full (circular).
|
|
55
|
-
|
|
56
|
-
.hero-blob {
|
|
57
|
-
position: absolute;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.hero-blob-1 {
|
|
61
|
-
width: 40rem;
|
|
62
|
-
height: 40rem;
|
|
63
|
-
top: -10rem;
|
|
64
|
-
right: -8rem;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.hero-blob-2 {
|
|
68
|
-
width: 30rem;
|
|
69
|
-
height: 30rem;
|
|
70
|
-
bottom: -5rem;
|
|
71
|
-
left: -5rem;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.hero-blob-3 {
|
|
75
|
-
width: 20rem;
|
|
76
|
-
height: 20rem;
|
|
77
|
-
top: 30%;
|
|
78
|
-
right: 20%;
|
|
79
|
-
}
|