Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

loht-true-skeleton

Package Overview
Dependencies
Maintainers
0
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

loht-true-skeleton - npm Package Compare versions

Comparing version 3.0.7 to 3.0.8

2

package.json
{
"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
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc