Fylgja - Control

The control component styles the default input[radio] and input[checkbox], allowing an easier control on the style of both these elements.

Installation

npm install @fylgja/control

Then include the component in to your code via;

@use "@fylgja/control";
// Or via PostCSS import
@import "@fylgja/control";

@layer support

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

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

How to use

For more information see the control 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.3.0] - 2023-09-02

Changed

• Replace positions properties with inset

[1.2.2] - 2023-05-22

Changed

• Made prevent controll from shrinking by default when used in flex containers

[1.2.1] - 2023-02-19

Changed

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

[1.2.0] - 2023-02-04

Added

• support for @layer in components scope

[1.1.0] - 2022-06-05

Added

• Moved style logic to mixin

Changed

• Slimmed down the CSS by using the :is selector

Fixed

• Unable to change control disable state trough CSS variables

[1.0.0] - 2021-06-22

Initial Release 🎉