@nl-rvo/css-hero 1.7.0 → 1.7.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/CHANGELOG.md +6 -0
- package/dist/index.css +8 -4
- package/dist/index.min.css +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/index.scss +9 -9
package/CHANGELOG.md
CHANGED
package/dist/index.css
CHANGED
|
@@ -34,11 +34,15 @@
|
|
|
34
34
|
font-weight: var(--rvo-hero-subtitle-font-weight);
|
|
35
35
|
line-height: var(--rvo-hero-subtitle-line-height);
|
|
36
36
|
}
|
|
37
|
-
.rvo-hero--
|
|
38
|
-
background-color: var(--rvo-
|
|
39
|
-
|
|
37
|
+
.rvo-hero--violet {
|
|
38
|
+
--rvo-hero-box-background-color: var(--rvo-color-violet);
|
|
39
|
+
}
|
|
40
|
+
.rvo-hero--lichtblauw {
|
|
41
|
+
--rvo-hero-box-background-color: var(--rvo-hero-kind-lichtblauw-background-color);
|
|
40
42
|
}
|
|
41
|
-
.rvo-hero--lichtblauw .rvo-
|
|
43
|
+
.rvo-hero--lichtblauw .rvo-hero__content,
|
|
44
|
+
.rvo-hero--lichtblauw .rvo-hero__title,
|
|
45
|
+
.rvo-hero--lichtblauw .rvo-hero__subtitle {
|
|
42
46
|
color: var(--rvo-hero-kind-lichtblauw-color);
|
|
43
47
|
}
|
|
44
48
|
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.rvo-hero{margin-inline-end:auto;margin-inline-start:auto;min-height:200px;overflow:hidden;position:relative}.rvo-hero .rvo-hero__content{background-color:var(--rvo-hero-box-background-color);border-start-end-radius:var(--rvo-hero-box-border-start-end-radius);bottom:0;margin-block-end:0;max-width:var(--rvo-hero-box-max-width);padding-block-end:var(--rvo-hero-box-padding-block-end);padding-block-start:var(--rvo-hero-box-padding-block-start);padding-inline-end:var(--rvo-hero-box-padding-inline-end);padding-inline-start:var(--rvo-hero-box-padding-inline-start);position:absolute;z-index:1}.rvo-hero .rvo-hero__content,.rvo-hero .rvo-hero__subtitle,.rvo-hero .rvo-hero__title{color:var(--rvo-hero-title-color)}.rvo-hero .rvo-hero__subtitle{display:block;font-size:var(--rvo-hero-subtitle-font-size);font-style:var(--rvo-hero-subtitle-font-style);font-weight:var(--rvo-hero-subtitle-font-weight);line-height:var(--rvo-hero-subtitle-line-height)}.rvo-hero--
|
|
1
|
+
.rvo-hero{margin-inline-end:auto;margin-inline-start:auto;min-height:200px;overflow:hidden;position:relative}.rvo-hero .rvo-hero__content{background-color:var(--rvo-hero-box-background-color);border-start-end-radius:var(--rvo-hero-box-border-start-end-radius);bottom:0;margin-block-end:0;max-width:var(--rvo-hero-box-max-width);padding-block-end:var(--rvo-hero-box-padding-block-end);padding-block-start:var(--rvo-hero-box-padding-block-start);padding-inline-end:var(--rvo-hero-box-padding-inline-end);padding-inline-start:var(--rvo-hero-box-padding-inline-start);position:absolute;z-index:1}.rvo-hero .rvo-hero__content,.rvo-hero .rvo-hero__subtitle,.rvo-hero .rvo-hero__title{color:var(--rvo-hero-title-color)}.rvo-hero .rvo-hero__subtitle{display:block;font-size:var(--rvo-hero-subtitle-font-size);font-style:var(--rvo-hero-subtitle-font-style);font-weight:var(--rvo-hero-subtitle-font-weight);line-height:var(--rvo-hero-subtitle-line-height)}.rvo-hero--violet{--rvo-hero-box-background-color:var(--rvo-color-violet)}.rvo-hero--lichtblauw{--rvo-hero-box-background-color:var(--rvo-hero-kind-lichtblauw-background-color)}.rvo-hero--lichtblauw .rvo-hero__content,.rvo-hero--lichtblauw .rvo-hero__subtitle,.rvo-hero--lichtblauw .rvo-hero__title{color:var(--rvo-hero-kind-lichtblauw-color)}.rvo-hero__image-container{line-height:0;min-height:300px;overflow:hidden;padding-block-end:20%}@media (min-width:540px){.rvo-hero__image-container{max-height:500px;padding-block-end:0}}@media (min-width:780px){.rvo-hero__image-container{border-end-end-radius:var(--rvo-hero-border-end-end-radius)}}.rvo-hero__image-container--lined:after{border-color:var(--rvo-hero-image-line-border-color);border-end-start-radius:var(--rvo-hero-image-line-border-radius);border-style:var(--rvo-hero-image-line-border-style);border-width:var(--rvo-hero-image-line-border-width);content:"";display:block;height:100%;inset-block-start:calc(var(--rvo-hero-image-line-inset) - 25%);inset-inline-end:var(--rvo-hero-image-line-inset);position:absolute;width:100%}@media (min-width:540px){.rvo-hero__image-container--lined:after{inset-block-start:var(--rvo-hero-image-line-inset)}}.rvo-hero__custom-image-wrapper img,.rvo-hero__image{height:100%;object-fit:cover;width:100%}
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default ".rvo-hero{margin-inline-end:auto;margin-inline-start:auto;min-height:200px;overflow:hidden;position:relative}.rvo-hero .rvo-hero__content{background-color:var(--rvo-hero-box-background-color);border-start-end-radius:var(--rvo-hero-box-border-start-end-radius);bottom:0;margin-block-end:0;max-width:var(--rvo-hero-box-max-width);padding-block-end:var(--rvo-hero-box-padding-block-end);padding-block-start:var(--rvo-hero-box-padding-block-start);padding-inline-end:var(--rvo-hero-box-padding-inline-end);padding-inline-start:var(--rvo-hero-box-padding-inline-start);position:absolute;z-index:1}.rvo-hero .rvo-hero__content,.rvo-hero .rvo-hero__subtitle,.rvo-hero .rvo-hero__title{color:var(--rvo-hero-title-color)}.rvo-hero .rvo-hero__subtitle{display:block;font-size:var(--rvo-hero-subtitle-font-size);font-style:var(--rvo-hero-subtitle-font-style);font-weight:var(--rvo-hero-subtitle-font-weight);line-height:var(--rvo-hero-subtitle-line-height)}.rvo-hero--
|
|
1
|
+
export default ".rvo-hero{margin-inline-end:auto;margin-inline-start:auto;min-height:200px;overflow:hidden;position:relative}.rvo-hero .rvo-hero__content{background-color:var(--rvo-hero-box-background-color);border-start-end-radius:var(--rvo-hero-box-border-start-end-radius);bottom:0;margin-block-end:0;max-width:var(--rvo-hero-box-max-width);padding-block-end:var(--rvo-hero-box-padding-block-end);padding-block-start:var(--rvo-hero-box-padding-block-start);padding-inline-end:var(--rvo-hero-box-padding-inline-end);padding-inline-start:var(--rvo-hero-box-padding-inline-start);position:absolute;z-index:1}.rvo-hero .rvo-hero__content,.rvo-hero .rvo-hero__subtitle,.rvo-hero .rvo-hero__title{color:var(--rvo-hero-title-color)}.rvo-hero .rvo-hero__subtitle{display:block;font-size:var(--rvo-hero-subtitle-font-size);font-style:var(--rvo-hero-subtitle-font-style);font-weight:var(--rvo-hero-subtitle-font-weight);line-height:var(--rvo-hero-subtitle-line-height)}.rvo-hero--violet{--rvo-hero-box-background-color:var(--rvo-color-violet)}.rvo-hero--lichtblauw{--rvo-hero-box-background-color:var(--rvo-hero-kind-lichtblauw-background-color)}.rvo-hero--lichtblauw .rvo-hero__content,.rvo-hero--lichtblauw .rvo-hero__subtitle,.rvo-hero--lichtblauw .rvo-hero__title{color:var(--rvo-hero-kind-lichtblauw-color)}.rvo-hero__image-container{line-height:0;min-height:300px;overflow:hidden;padding-block-end:20%}@media (min-width:540px){.rvo-hero__image-container{max-height:500px;padding-block-end:0}}@media (min-width:780px){.rvo-hero__image-container{border-end-end-radius:var(--rvo-hero-border-end-end-radius)}}.rvo-hero__image-container--lined:after{border-color:var(--rvo-hero-image-line-border-color);border-end-start-radius:var(--rvo-hero-image-line-border-radius);border-style:var(--rvo-hero-image-line-border-style);border-width:var(--rvo-hero-image-line-border-width);content:\"\";display:block;height:100%;inset-block-start:calc(var(--rvo-hero-image-line-inset) - 25%);inset-inline-end:var(--rvo-hero-image-line-inset);position:absolute;width:100%}@media (min-width:540px){.rvo-hero__image-container--lined:after{inset-block-start:var(--rvo-hero-image-line-inset)}}.rvo-hero__custom-image-wrapper img,.rvo-hero__image{height:100%;object-fit:cover;width:100%}";
|
package/package.json
CHANGED
package/src/index.scss
CHANGED
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
line-height: var(--rvo-hero-subtitle-line-height);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
+
&--violet {
|
|
41
|
+
--rvo-hero-box-background-color: var(--rvo-color-violet);
|
|
42
|
+
}
|
|
43
|
+
|
|
40
44
|
&--lichtblauw {
|
|
41
|
-
|
|
42
|
-
&__content {
|
|
43
|
-
background-color: var(--rvo-hero-kind-lichtblauw-background-color);
|
|
44
|
-
color: var(--rvo-hero-kind-lichtblauw-color);
|
|
45
|
-
}
|
|
45
|
+
--rvo-hero-box-background-color: var(--rvo-hero-kind-lichtblauw-background-color);
|
|
46
46
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
.rvo-hero__content,
|
|
48
|
+
.rvo-hero__title,
|
|
49
|
+
.rvo-hero__subtitle {
|
|
50
|
+
color: var(--rvo-hero-kind-lichtblauw-color);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
}
|