fylgja/fylgja-utilkit

The UtilKit is a small css helper package. That can make complex tasks easier. By offering easy tools to speed up you development.

Fylgja is a component-based CSS framework that allows you to pick and choose the components you need. Each component is built as a foundation for a specific component, so you can style it to your own look without having to build the base styles from scratch every time.

Fylgja is powered by SCSS, but can also be used with PostCSS or as plain CSS. This makes it easy to include Fylgja in your projects, regardless of your preferred setup.

Learn more

• Website
• Installation
• Guides/Docs
• Features
  • Accessibility
  • Darkmode
  • Design Tokens
  • Native Elements (a.k.a. classless)
  • RTL (Right to Left)
• Support
• Testing/Playground
• Documentation Github Repo

Checkout all Fylgja CSS Components

On Fylgja.dev

Or on npmjs.com, using on of the links below:

Aria Only - Aspect Ratio - Auto Grid - Avatar - Badge - Base - Borders - Breadcrumbs - Button - Card - Code - Colors - Container - Control - Details - Dialog - Easing - Fonts - Form - Gradient - Hashlink - Input Group - List - Marquee - Menu - Mq - Pagination - Print - Progress - Range - Scroll Slider - Scrollbar - Section - Shadow - Sizes - Stretched Link - Table - Tokens - Transform - Transition - Utilpack - Z-layer

fylgja-utilkit's Issues

Using property-short and responsive together will throw error

If using property-short and responsive together will throw the error:

undefined variable: "$prop-class".

@media not working if the property is diffrent

Do each property is made differently the media queries also separate from each other.

Making it impossible to do something like this.

<div class="d-flex flex-column md-flex-row">..</div>

flex-column is build later, and so will win even if the row has an @media.

Is this module compatible with the new @use syntax?

Is this moduel compitable with the new @use syntax that recently got introduced?

More info https://sass-lang.com/documentation/at-rules/use

And if so, is it possible to update the docs for this?