diff --git a/README.md b/README.md index 39af52c..c2fd927 100644 --- a/README.md +++ b/README.md @@ -1,29 +1,21 @@ -# README # +# Skeleton # -This README would normally document whatever steps are necessary to get your application up and running. +Copy less code from style.less in ./src/ directory to .Composer in "Komponenty styli --> Design system" -### What is this repository for? ### +### How to use ### -* Quick summary -* Version -* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo) +When styling an element, call the .skeleton() mixin with required arguments: -### How do I get set up? ### +1. width (desktop) +2. height (desktop) +3. mobileWidth +4. mobileHeight +5. borderRadius -* Summary of set up -* Configuration -* Dependencies -* Database configuration -* How to run tests -* Deployment instructions +While the element is loading add **idm-loading** class to it. -### Contribution guidelines ### +After it loaded remove the class. -* Writing tests -* Code review -* Other guidelines +--- -### Who do I talk to? ### - -* Repo owner or admin -* Other community or team contact \ No newline at end of file +Created by • **[IdoMods](https://idomods.pl/)** • 2025 \ No newline at end of file diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/style.less b/src/style.less index 2c6c294..a233135 100644 --- a/src/style.less +++ b/src/style.less @@ -1,4 +1,5 @@ -// This part add to "Design system" component +// Lower code add to "Design system" component +// --- @keyframes idm-skeleton-loading { to { background-position-x: -200%; @@ -18,14 +19,14 @@ animation: 1.5s idm-skeleton-loading linear infinite; width: @width; height: @height; - - // Mobile adaptation + @media (max-width: 756px) { width: @mobileWidth; height: @mobileHeight; } } } +// --- // Example of use .wrapper {