loht true skeleton
This is a pure scss Projekt.
Runinstruktions
After installing the package, you have to link the package to your styles.css by past the root:
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 projekt.
<div class="true-skeleton">
some content to overlay
</div>
Customizing
It is possible to adjust individual parameters for setting the skeleton.
Set the changes bevore @import the package.
$ts-color-primary: red;
$ts-color-secondary: blue;
$ts-grayscale: 0 ;
$ts-blur: 0;
$ts-degree: 100deg;
$ts-background-size: 250%;
$ts-animation-duration: 5s;
@import 'node_modules/loht-true-skeleton/src/styles.scss';
Without skeleton
With skeleton
-
inkluding animation
-
inkluding no clickevent