GithubHelp home page GithubHelp logo

sebastienrousseau / skeletonic-stylus Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 2.0 2.84 MB

The Stylus Skeletonic Library is a lightweight, intuitive, accessible and ultra-responsive Stylus Library.

Home Page: https://skeletonicstylus.com

License: Other

Stylus 39.08% HTML 5.86% CSS 55.06%
stylus stylus-css stylus-mixin skeletonic-stylus skeletonic-css css mit-license open-source preprocessor bidirectional

skeletonic-stylus's Introduction

skeletonic logo

Skeletonic Stylus Library (v1.1.6)

Skeletonic Stylus Library banner

npm Contributors Forks License Made with Love

WebsiteDocumentationReport BugRequest FeatureContributing Guidelines


Overview 📖

The Skeletonic Stylus Library is a lightweight and modular Stylus Library. It contains a suite of components and mixins optimised for mobile and web application design and development. You can use them to build responsive and fast web interfaces or combine them with other technologies to build custom components.

Features ✨

  • Accessible: The code is designed with accessibility in mind for users with disabilities and for users who use assistive technologies.
  • Comprehensive UI components: It provides a wide range of UI components, including buttons, forms, tables, and more that are easy to use and customise.
  • Extensible: The components are extensible to suit your needs.
  • Intuitive: easy to use and understand.
  • Lightweight: 1.1 KB (minified and gzipped).
  • Modular: The components are usable on their own or in combination.
  • Ultra-responsive: works on any device, big, or small.

Documentation 📚

Documentation for the Skeletonic Stylus Library is available in English, French and in Markdown format. Please refer to the following links to access it:

Installation 🛠

You have the following options to get the Skeletonic Stylus Library:

  • Download the latest release from GitHub.
  • Install with npm to get all source files as they are available on GitHub: npm install skeletonic-stylus
  • Install with yarn to get all source files as they are available on GitHub: yarn add skeletonic-stylus
  • Install with pnpm to get all source files as they are available on GitHub: pnpm add skeletonic-stylus
  • Clone the main repository to get all source files including build scripts: git clone https://github.com/sebastienrousseau/skeletonic-stylus.git
  • Directly load the CSS files from a CDN (see below).

A pre-bundled package that contains all compiled CSS, components and mixins needed to use is available via the following CDNs:

CDN URL
GitHub Packages https://github.com/sebastienrousseau/skeletonic-stylus/packages
unpkg https://unpkg.com/[email protected]/dist/css/skeletonic.min.css
jsDelivr https://cdn.jsdelivr.net/npm/[email protected]/dist/css/skeletonic.min.css

Versioning 🚥

For transparency into our release cycle and in striving to maintain backward compatibility, the Skeletonic Stylus Library is maintained under the Semantic Versioning guidelines.

License 📝

The project is licensed under the terms of both the MIT license and the Apache License (Version 2.0).

Contribution 🤝

We welcome all people who want to contribute. Please see the contributing instructions for more information.

Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in the work by you, as defined in the Apache-2.0 license, shall be dual licensed as above, without any additional terms or conditions.

Acknowledgements 💙

A big thank you to all the awesome contributors of skeletonic-stylus for their help and support.

skeletonic-stylus's People

Contributors

codacy-badger avatar dependabot[bot] avatar sebastienrousseau avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

skeletonic-stylus's Issues

Fix Stylus Lint warnings

Location: variables.styl

  • 40 warning prefer alphabetical when sorting properties sortOrder
  • 43:2 warning property is not valid valid
  • 44:2 warning property is not valid valid
  • 45 warning prefer alphabetical when sorting properties sortOrder
  • 45:2 warning property is not valid valid
  • 46 warning prefer alphabetical when sorting properties sortOrder
  • 46:2 warning property is not valid valid

Fix Stylus Lint Warnings

Location: src/stylus/components/navbar.styl

  • 12 warning prefer alphabetical when sorting properties sortOrder
  • 27 warning prefer alphabetical when sorting properties sortOrder
  • 47 warning prefer alphabetical when sorting properties sortOrder
  • 55 warning prefer alphabetical when sorting properties sortOrder
  • 63 warning prefer alphabetical when sorting properties sortOrder
  • 72 warning prefer alphabetical when sorting properties sortOrder
  • 73 warning prefer alphabetical when sorting properties sortOrder
  • 75 warning prefer alphabetical when sorting properties sortOrder
  • 80 warning prefer alphabetical when sorting properties sortOrder

Fix Stylus Warnings

Location: src/stylus/components/card.styl

  • 11 warning prefer alphabetical when sorting properties sortOrder

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.