@nl-rvo/css-link 1.5.0 → 1.5.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.css +7 -4
  3. package/dist/index.min.css +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/package.json +1 -1
  6. package/src/index.scss +8 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # `@nl-rvo/css-link`
2
2
 
3
+ ## 1.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
8
+ - 57730f6: Link component text set in own span section to resolve child html structures
9
+
3
10
  ## 1.5.0
4
11
 
5
12
  ### Minor Changes
package/dist/index.css CHANGED
@@ -239,6 +239,9 @@
239
239
  text-decoration-thickness: var(--rvo-link-text-decoration-thickness);
240
240
  text-underline-offset: var(--rvo-link-text-underline-offset);
241
241
  }
242
+ .rvo-link__text {
243
+ display: block;
244
+ }
242
245
 
243
246
  .rvo-link.rvo-link--normal,
244
247
  .rvo-link.rvo-link--normal:hover:not(:focus, :focus-visible, .rvo-link--focus),
@@ -341,12 +344,12 @@
341
344
  }
342
345
 
343
346
  .rvo-link--full-card-link::after {
347
+ block-size: 100%;
344
348
  content: "";
345
349
  display: inline-block;
346
- height: 100%;
347
- left: 0;
350
+ inline-size: 100%;
351
+ inset-block-start: 0;
352
+ inset-inline-start: 0;
348
353
  position: absolute;
349
- top: 0;
350
- width: 100%;
351
354
  z-index: 1;
352
355
  }
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- .rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-link--with-icon{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm,.rvo-link--with-icon{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-link{background-color:var(--rvo-link-background-color);color:var(--rvo-link-color);cursor:pointer;display:inline-flex;font-weight:var(--rvo-link-font-weight);text-decoration-line:var(--rvo-link-text-decoration);text-decoration-thickness:var(--rvo-link-text-decoration-thickness);text-underline-offset:var(--rvo-link-text-underline-offset)}.rvo-link.rvo-link--normal,.rvo-link.rvo-link--normal.rvo-link--active,.rvo-link.rvo-link--normal.rvo-link--focus,.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal:active,.rvo-link.rvo-link--normal:focus,.rvo-link.rvo-link--normal:focus-visible,.rvo-link.rvo-link--normal:hover:not(:focus,:focus-visible,.rvo-link--focus){font-weight:var(--rvo-font-weight-normal)}.rvo-link--no-underline:not(:focus,:hover,.rvo-link--hover,.rvo-link--focus){text-decoration:none}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-hover-background-color);color:var(--rvo-link-hover-color);font-weight:var(--rvo-link-hover-font-weight);text-decoration-thickness:var(--rvo-link-hover-text-decoration-thickness)}.rvo-link--lintblauw:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-lintblauw)}.rvo-link--active,.rvo-link:active{background-color:var(--rvo-link-active-background-color);color:var(--rvo-link-active-color);font-weight:var(--rvo-link-active-font-weight);text-decoration-thickness:var(--rvo-link-active-text-decoration-thickness)}.rvo-link--lintblauw:active{color:var(--rvo-color-lintblauw)}.rvo-link--focus,.rvo-link:focus,.rvo-link:focus-visible{color:var(--rvo-link-focus-color);font-weight:var(--rvo-link-focus-font-weight);outline:none;text-decoration-thickness:var(--rvo-link-focus-text-decoration-thickness)}.rvo-link__icon{background-color:var(--rvo-link-icon-background-color)}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-hover-icon-background-color)}.rvo-link--active .rvo-link__icon,.rvo-link:active .rvo-link__icon{background-color:var(--rvo-link-active-icon-background-color)}.rvo-link--focus .rvo-link__icon,.rvo-link:focus .rvo-link__icon,.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-focus-icon-background-color)}.rvo-link--donkerblauw{color:var(--rvo-color-donkerblauw)}.rvo-link--lintblauw{color:var(--rvo-color-lintblauw)}.rvo-link--zwart{color:var(--rvo-color-zwart)}.rvo-link--zwart .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--zwart.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--wit{color:var(--rvo-color-wit)}.rvo-link--wit .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--wit.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-grijs-100)}.rvo-link--grijs-700{color:var(--rvo-color-grijs-700)}.rvo-link--grijs-700 .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--grijs-700.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--full-card-link:after{content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
1
+ .rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-link--with-icon{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm,.rvo-link--with-icon{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-link{background-color:var(--rvo-link-background-color);color:var(--rvo-link-color);cursor:pointer;display:inline-flex;font-weight:var(--rvo-link-font-weight);text-decoration-line:var(--rvo-link-text-decoration);text-decoration-thickness:var(--rvo-link-text-decoration-thickness);text-underline-offset:var(--rvo-link-text-underline-offset)}.rvo-link__text{display:block}.rvo-link.rvo-link--normal,.rvo-link.rvo-link--normal.rvo-link--active,.rvo-link.rvo-link--normal.rvo-link--focus,.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal:active,.rvo-link.rvo-link--normal:focus,.rvo-link.rvo-link--normal:focus-visible,.rvo-link.rvo-link--normal:hover:not(:focus,:focus-visible,.rvo-link--focus){font-weight:var(--rvo-font-weight-normal)}.rvo-link--no-underline:not(:focus,:hover,.rvo-link--hover,.rvo-link--focus){text-decoration:none}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-hover-background-color);color:var(--rvo-link-hover-color);font-weight:var(--rvo-link-hover-font-weight);text-decoration-thickness:var(--rvo-link-hover-text-decoration-thickness)}.rvo-link--lintblauw:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-lintblauw)}.rvo-link--active,.rvo-link:active{background-color:var(--rvo-link-active-background-color);color:var(--rvo-link-active-color);font-weight:var(--rvo-link-active-font-weight);text-decoration-thickness:var(--rvo-link-active-text-decoration-thickness)}.rvo-link--lintblauw:active{color:var(--rvo-color-lintblauw)}.rvo-link--focus,.rvo-link:focus,.rvo-link:focus-visible{color:var(--rvo-link-focus-color);font-weight:var(--rvo-link-focus-font-weight);outline:none;text-decoration-thickness:var(--rvo-link-focus-text-decoration-thickness)}.rvo-link__icon{background-color:var(--rvo-link-icon-background-color)}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-hover-icon-background-color)}.rvo-link--active .rvo-link__icon,.rvo-link:active .rvo-link__icon{background-color:var(--rvo-link-active-icon-background-color)}.rvo-link--focus .rvo-link__icon,.rvo-link:focus .rvo-link__icon,.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-focus-icon-background-color)}.rvo-link--donkerblauw{color:var(--rvo-color-donkerblauw)}.rvo-link--lintblauw{color:var(--rvo-color-lintblauw)}.rvo-link--zwart{color:var(--rvo-color-zwart)}.rvo-link--zwart .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--zwart.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--wit{color:var(--rvo-color-wit)}.rvo-link--wit .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--wit.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-grijs-100)}.rvo-link--grijs-700{color:var(--rvo-color-grijs-700)}.rvo-link--grijs-700 .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--grijs-700.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--full-card-link:after{block-size:100%;content:"";display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export default ".rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-link--with-icon{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm,.rvo-link--with-icon{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-link{background-color:var(--rvo-link-background-color);color:var(--rvo-link-color);cursor:pointer;display:inline-flex;font-weight:var(--rvo-link-font-weight);text-decoration-line:var(--rvo-link-text-decoration);text-decoration-thickness:var(--rvo-link-text-decoration-thickness);text-underline-offset:var(--rvo-link-text-underline-offset)}.rvo-link.rvo-link--normal,.rvo-link.rvo-link--normal.rvo-link--active,.rvo-link.rvo-link--normal.rvo-link--focus,.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal:active,.rvo-link.rvo-link--normal:focus,.rvo-link.rvo-link--normal:focus-visible,.rvo-link.rvo-link--normal:hover:not(:focus,:focus-visible,.rvo-link--focus){font-weight:var(--rvo-font-weight-normal)}.rvo-link--no-underline:not(:focus,:hover,.rvo-link--hover,.rvo-link--focus){text-decoration:none}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-hover-background-color);color:var(--rvo-link-hover-color);font-weight:var(--rvo-link-hover-font-weight);text-decoration-thickness:var(--rvo-link-hover-text-decoration-thickness)}.rvo-link--lintblauw:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-lintblauw)}.rvo-link--active,.rvo-link:active{background-color:var(--rvo-link-active-background-color);color:var(--rvo-link-active-color);font-weight:var(--rvo-link-active-font-weight);text-decoration-thickness:var(--rvo-link-active-text-decoration-thickness)}.rvo-link--lintblauw:active{color:var(--rvo-color-lintblauw)}.rvo-link--focus,.rvo-link:focus,.rvo-link:focus-visible{color:var(--rvo-link-focus-color);font-weight:var(--rvo-link-focus-font-weight);outline:none;text-decoration-thickness:var(--rvo-link-focus-text-decoration-thickness)}.rvo-link__icon{background-color:var(--rvo-link-icon-background-color)}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-hover-icon-background-color)}.rvo-link--active .rvo-link__icon,.rvo-link:active .rvo-link__icon{background-color:var(--rvo-link-active-icon-background-color)}.rvo-link--focus .rvo-link__icon,.rvo-link:focus .rvo-link__icon,.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-focus-icon-background-color)}.rvo-link--donkerblauw{color:var(--rvo-color-donkerblauw)}.rvo-link--lintblauw{color:var(--rvo-color-lintblauw)}.rvo-link--zwart{color:var(--rvo-color-zwart)}.rvo-link--zwart .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--zwart.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--wit{color:var(--rvo-color-wit)}.rvo-link--wit .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--wit.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-grijs-100)}.rvo-link--grijs-700{color:var(--rvo-color-grijs-700)}.rvo-link--grijs-700 .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--grijs-700.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--full-card-link:after{content:\"\";display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}";
1
+ export default ".rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-link--with-icon{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm,.rvo-link--with-icon{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-link{background-color:var(--rvo-link-background-color);color:var(--rvo-link-color);cursor:pointer;display:inline-flex;font-weight:var(--rvo-link-font-weight);text-decoration-line:var(--rvo-link-text-decoration);text-decoration-thickness:var(--rvo-link-text-decoration-thickness);text-underline-offset:var(--rvo-link-text-underline-offset)}.rvo-link__text{display:block}.rvo-link.rvo-link--normal,.rvo-link.rvo-link--normal.rvo-link--active,.rvo-link.rvo-link--normal.rvo-link--focus,.rvo-link.rvo-link--normal.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link.rvo-link--normal:active,.rvo-link.rvo-link--normal:focus,.rvo-link.rvo-link--normal:focus-visible,.rvo-link.rvo-link--normal:hover:not(:focus,:focus-visible,.rvo-link--focus){font-weight:var(--rvo-font-weight-normal)}.rvo-link--no-underline:not(:focus,:hover,.rvo-link--hover,.rvo-link--focus){text-decoration:none}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus),.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){background-color:var(--rvo-link-hover-background-color);color:var(--rvo-link-hover-color);font-weight:var(--rvo-link-hover-font-weight);text-decoration-thickness:var(--rvo-link-hover-text-decoration-thickness)}.rvo-link--lintblauw:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-lintblauw)}.rvo-link--active,.rvo-link:active{background-color:var(--rvo-link-active-background-color);color:var(--rvo-link-active-color);font-weight:var(--rvo-link-active-font-weight);text-decoration-thickness:var(--rvo-link-active-text-decoration-thickness)}.rvo-link--lintblauw:active{color:var(--rvo-color-lintblauw)}.rvo-link--focus,.rvo-link:focus,.rvo-link:focus-visible{color:var(--rvo-link-focus-color);font-weight:var(--rvo-link-focus-font-weight);outline:none;text-decoration-thickness:var(--rvo-link-focus-text-decoration-thickness)}.rvo-link__icon{background-color:var(--rvo-link-icon-background-color)}.rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon,.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus) .rvo-link__icon{background-color:var(--rvo-link-hover-icon-background-color)}.rvo-link--active .rvo-link__icon,.rvo-link:active .rvo-link__icon{background-color:var(--rvo-link-active-icon-background-color)}.rvo-link--focus .rvo-link__icon,.rvo-link:focus .rvo-link__icon,.rvo-link:focus-visible .rvo-link__icon{background-color:var(--rvo-link-focus-icon-background-color)}.rvo-link--donkerblauw{color:var(--rvo-color-donkerblauw)}.rvo-link--lintblauw{color:var(--rvo-color-lintblauw)}.rvo-link--zwart{color:var(--rvo-color-zwart)}.rvo-link--zwart .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--zwart.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--wit{color:var(--rvo-color-wit)}.rvo-link--wit .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--wit.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-grijs-100)}.rvo-link--grijs-700{color:var(--rvo-color-grijs-700)}.rvo-link--grijs-700 .rvo-link--hover:not(:focus,:focus-visible,.rvo-link--focus):hover,.rvo-link--grijs-700.rvo-link:hover:not(:focus,:focus-visible,.rvo-link--focus){color:var(--rvo-color-donkerblauw)}.rvo-link--full-card-link:after{block-size:100%;content:\"\";display:inline-block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}";
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.5.0",
2
+ "version": "1.5.1",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-link",
package/src/index.scss CHANGED
@@ -14,6 +14,10 @@
14
14
  text-decoration-line: var(--rvo-link-text-decoration);
15
15
  text-decoration-thickness: var(--rvo-link-text-decoration-thickness);
16
16
  text-underline-offset: var(--rvo-link-text-underline-offset);
17
+
18
+ &__text {
19
+ display: block;
20
+ }
17
21
  }
18
22
 
19
23
  .rvo-link.rvo-link--normal,
@@ -129,12 +133,12 @@
129
133
  }
130
134
 
131
135
  .rvo-link--full-card-link::after {
136
+ block-size: 100%;
132
137
  content: "";
133
138
  display: inline-block;
134
- height: 100%;
135
- left: 0;
139
+ inline-size: 100%;
140
+ inset-block-start: 0;
141
+ inset-inline-start: 0;
136
142
  position: absolute;
137
- top: 0;
138
- width: 100%;
139
143
  z-index: 1;
140
144
  }