Fylgja - Stretched-link

Make any component fully clickable via a nested link.

Installation

npm install @fylgja/stretched-link

Then include the component in to your code via;

@use "@fylgja/stretched-link";
// Or via PostCSS import
@import "@fylgja/stretched-link";

@layer support

If you need support for @layer, use the following import;

@use "@fylgja/stretched-link" with ($stretched-link-layer: "utilities");
// Or via native CSS import, also supported by PostCSS import
@import "@fylgja/stretched-link" layer("utilities");

How to use

For more information see the stretched-link docs on the Fylgja.dev.

Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

[Unreleased]

[1.2.0] - 2023-09-02

Changed

• Replace positions properties with inset

[1.1.2] - 2023-02-19

Changed

• Simplified @layer support, CSS can use native, for SCSS use the new variable $stretched-link-layer, the options from v1.1 are deprecated

[1.1.1] - 2023-02-05

Changed

• Use new layer import syntax, mainly a cleanup

[1.1.0] - 2022-07-24

Added

• support for @layer in utilities scope

[1.0.2] - 2022-06-14

Added

• mixin support

[1.0.1] - 2022-06-07

Nothing besides docs

[1.0.0] - 2021-06-22

Initial Release 🎉