loht-true-skeleton

loht true skeleton

This is a pure scss Projekt.

Run instructions

After installing the package, you have to link the package to your styles.css by pasting the @import:

e.g. Angular sec/styles.scss:

@import '../node_modules/loht-true-skeleton/src/styles.scss';

After that, you can use the class true-skeleton in your project.

<div class="true-skeleton">
  some content to overlay
</div>

Customizing

It is possible to adjust individual parameters for setting the skeleton. Set the changes before the @import statement.

/* You can add global styles to this file, and also import other style files */
$ts-color-primary: red;
$ts-color-secondary: blue;
$ts-grayscale: 0 ;
$ts-blur: 0;

$ts-degree: 100deg;
$ts-background-size: 250%; //depending on the boxwidth and degree the size must be stretched
$ts-animation-duration: 5s;

@import 'node_modules/loht-true-skeleton/src/styles.scss';

Without skeleton

With skeleton

• including animation

• disable click events