wolfriend / skeleton-mammoth Goto Github PK

Actual types of CDN links are: <script />, but, since this is CSS they should be:
<link rel="stylesheet" href="skeleton-mammoth.min.css" />

Description.

For ease of development, the CSS syntax should be rewritten in SCSS. This will provide the following benefits:

• Shorter and reusable code using variables, mixins, loops and the ability to use nested selectors.

For this task, the following devDependencies should be added:

• sass
• sass-loader
• postcss-loader

And webpack.config.js file should be configured accordingly.

Hello there!

I was inspired by skeleton-mammoth.
After looking through your project this I saw some opportunities to improve it.

My improvements includes:

• replace config.animated with config.animation ("none", "wave", "pulse")
• add config.orientation - an options only affects config.animation = "wave"
• remove config.opacity (We already have opportunity to change skeleton colors so we don't really need it)
• removing unused code
• update demo project based on changes in the main project

Please let me know you have any thoughts about it - I'd be glad to discuss it with you
Many thanks!

Currently, Skeleton Mammoth animates using the background-position property. Although this method has its advantages, it is still not performance-optimized.
The situation could be rectified with performance-optimized properties like: transform: translate().

All child elements of the sm-item-primary and sm-item-secondary items should have at least a Non-breaking space character.
Right now, due to the incorrect selector, this rule doesn't apply.

Hi!

Is there a way to set global theme to 'light' without the need to add config to every skeleton parent?
If user have a dark theme enabled in the OS, but website is only light, then every parent should have data-sm-config= attribute. Can I override it globally somehow in one place and don't add data-sm-config?