skltn

SCSS framework based on Bootstrap

Usage no npm install needed!

<script type="module">
  import skltn from 'https://cdn.skypack.dev/skltn';
</script>

README

skeleton Build Status npm

Skeleton is SCSS Framework that is based on Bootstrap.

How to use

Install skeleton using npm install --save skltn.

In your .scss file first include the skeleton base from ~skltn/src/base.

@import '~skltn/src/base'; // obligatory

@import '~skltn/src/utilities';

Documentation

.font-weight-x

Skeleton includes utility classes to adjust the font-weight. Classes have the following names: font-weight-x where x is one of the following: 100, 200, 300, 400, 500, 600, 700, 800, 900, lighter, normal, bold, bolder

.shadow, .shadow-hover

.shadow applies a box shadow to the element. .shadow-hover applies a box shadow to the element and a different shadow on :hover and :focus.
There also are responsive classes for shadows: .shadow-breakpoint or .shadow-breakpoint-hover where breakpoint is a Bootstrap breakpoint.

License

Skeleton is licensed under the MIT License. It uses parts of Bootstrap.