https://github.com/kostastepetes/sqky-css-library

✨ sqky is a "squeaky clean" CSS library for elegant and efficient UIs made with SASS. sqky also provides the ability for classless HTML based on a premade, clean and responsive stylesheet.
https://github.com/kostastepetes/sqky-css-library

css css-library gulp sass

Last synced: about 1 month ago
JSON representation

✨ sqky is a "squeaky clean" CSS library for elegant and efficient UIs made with SASS. sqky also provides the ability for classless HTML based on a premade, clean and responsive stylesheet.

• Host: GitHub
• URL: https://github.com/kostastepetes/sqky-css-library
• Owner: kostastepetes
• License: mit
• Created: 2022-10-16T14:46:48.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-03T15:11:25.000Z (11 months ago)
• Last Synced: 2024-11-11T17:06:48.762Z (3 months ago)
• Topics: css, css-library, gulp, sass
• Language: SCSS
• Homepage: https://sqky.netlify.app/
• Size: 1.71 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Contributors][contributors-shield]][contributors-url]

[![Forks][forks-shield]][forks-url]

[![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]

[![LinkedIn][linkedin-shield]][linkedin-url]






  

    

  


  
sqky.


  


    ✨ sqky is a "squeaky clean" CSS library for elegant and efficient UIs made with SASS.

    


    Explore the docs »

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  



  Table of Contents

  


    


      About The Project

      


        
Built With

      

    

    


      Getting Started

      


        
Prerequisites

        
Installation

      

    

    
Usage

    
Roadmap

    
Contributing

    
Contact

  


## About The Project

SQKY is a "squeaky clean" CSS library for elegant and efficient UIs made with SASS. It's an Open Source Project so if you are a front-of-the-frontend developer, a CSS enthusiast or just passionate about building stylish UIs...feel free to contribute

Documentation Website: 

[![Product Name Screen Shot][product-screenshot]](https://sqky.netlify.app)

Demo Website: 

[![Product Name Screen Shot][product-screenshot2]](https://github.com/kostastepetes/sqky-css-library/blob/main/homepage.html)

(back to top)


### Built With

* [![Sass][Sass]][Sass-url]

* [![Gulp][Gulp]][Gulp-url]

(back to top)


## Getting Started

### Prerequisites

* npm

  ```sh

  npm install npm@latest -g

  ```

  

  * npm

  ```sh

  npm install gulp gulp-sass sass --save-dev

  ```

  

### Installation

1. Clone the repo

   ```sh

   git clone https://github.com/kostastepetes/sqky-css-library.git

   ```

2. Install NPM packages

   ```sh

   npm install

   ```

3. Build with gulp

   ```sh

   npx gulp

   ```

(back to top)


## Usage

* CDN (Classless)

  ```sh

  

  ```

* CDN (CSS Library)

  ```sh

  

  ```

_For more examples, please refer to the [Documentation](https://github.com/kostastepetes/sqky-css-library)_

(back to top)


## Roadmap

- [x] Add README

- [x] Add Animations

- [x] Add more utilities

- [x] Add Additional Examples

- [ ] Create npm library

See the [open issues](https://github.com/kostastepetes/sqky-css-library/issues) for a full list of proposed features (and known issues).

(back to top)


## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

(back to top)


## Contact

LinkedIn - [@kostastepetes](https://www.linkedin.com/in/kostas-tepetes) 

Project Link: [https://github.com/kostastepetes/sqky-css-library](https://github.com/kostastepetes/sqky-css-library)

(back to top)


[contributors-shield]: https://img.shields.io/github/contributors/kostastepetes/sqky-css-library.svg?style=for-the-badge

[contributors-url]: https://github.com/kostastepetes/sqky-css-library/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/kostastepetes/sqky-css-library.svg?style=for-the-badge

[forks-url]: https://github.com/kostastepetes/sqky-css-library/network/members

[stars-shield]: https://img.shields.io/github/stars/kostastepetes/sqky-css-library.svg?style=for-the-badge

[stars-url]: https://github.com/kostastepetes/sqky-css-library/stargazers

[issues-shield]: https://img.shields.io/github/issues/kostastepetes/sqky-css-library.svg?style=for-the-badge

[issues-url]: https://github.com/kostastepetes/sqky-css-library/issues

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://www.linkedin.com/in/kostas-tepetes

[product-screenshot]: ./example/img/screenshot_docs.png

[product-screenshot2]: ./example/img/screenshot_demo.png

[Sass]: https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white

[Sass-url]: https://sass-lang.com/

[Gulp]: https://img.shields.io/badge/GULP-%23CF4647.svg?style=for-the-badge&logo=gulp&logoColor=white

[Gulp-url]: https://gulpjs.com/