loht-true-skeleton
Advanced tools
Comparing version 3.0.7 to 3.0.8
{ | ||
"name": "loht-true-skeleton", | ||
"version": "3.0.7", | ||
"version": "3.0.8", | ||
"scripts": { | ||
@@ -5,0 +5,0 @@ "ng": "ng", |
# 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: | ||
## Run instructions | ||
After installing the package, you have to link the package to your styles.css by pasting the @import: | ||
@@ -12,3 +12,3 @@ e.g. Angular sec/styles.scss: | ||
After that, you can use the class true-skeleton in your projekt. | ||
After that, you can use the class true-skeleton in your project. | ||
@@ -23,3 +23,3 @@ ```html | ||
It is possible to adjust individual parameters for setting the skeleton. | ||
Set the changes bevore <b>@import</b> the package. | ||
Set the changes before the <b>@import</b> statement. | ||
@@ -34,3 +34,3 @@ ```scss | ||
$ts-degree: 100deg; | ||
$ts-background-size: 250%; //depenting on the boxwidth and degree the size must be stretched | ||
$ts-background-size: 250%; //depending on the boxwidth and degree the size must be stretched | ||
$ts-animation-duration: 5s; | ||
@@ -43,13 +43,13 @@ | ||
<h2>Without skeleton</h2> | ||
<img src="https://raw.githubusercontent.com/TvLoh/imgForNPM/main/assets/bspAngularWithoutOverlay.png" alt="Alt-Text" width="300" /> | ||
<img src="https://raw.githubusercontent.com/TvLoh/loht_NPM_trueSceleton/feature/pureCSS/assets/bspAngularWithoutOverlay.png?token=GHSAT0AAAAAACW4RNFBSSAPAW2WBTI5YQBWZXCZZNA" alt="Alt-Text" width="300" /> | ||
</div> | ||
<div> | ||
<h2>With skeleton</h2> | ||
<img src="https://raw.githubusercontent.com/TvLoh/imgForNPM/main/assets/bspAngularWithOverlay.png" alt="Alt-Text" width="300"/> | ||
<img src="https://raw.githubusercontent.com/TvLoh/loht_NPM_trueSceleton/feature/pureCSS/assets/bspAngularWithOverlay.png?token=GHSAT0AAAAAACW4RNFAWTTSEDIRDRFSJAVGZXCZYVA" alt="Alt-Text" width="300"/> | ||
</div> | ||
</div> | ||
* inkluding animation | ||
* including animation | ||
* inkluding no clickevent | ||
* disable click events | ||
182592