Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cryptix720/gliss

Gliss is a silent, tiny and lightweight CSS framework with a responsive architecture boilerplate to embark any responsive project.
https://github.com/cryptix720/gliss

css css3 design framework future html5 morphology purity scss

Last synced: 24 days ago
JSON representation

Gliss is a silent, tiny and lightweight CSS framework with a responsive architecture boilerplate to embark any responsive project.

Awesome Lists containing this project

README

        





[![Codacy Badge](https://api.codacy.com/project/badge/Grade/15e0202f810d4d83b215f696d917a712)](https://app.codacy.com/app/Cryptix720/Gliss?utm_source=github.com&utm_medium=referral&utm_content=Cryptix720/Gliss&utm_campaign=Badge_Grade_Dashboard)
[![npm version](https://badge.fury.io/js/gliss01.svg)](https://badge.fury.io/js/gliss01)
[![Build Status](https://travis-ci.org/Cryptix720/Gliss.svg?branch=master)
[![HitCount](http://hits.dwyl.io/{Cryptix720}/{Gliss}.svg)](http://hits.dwyl.io/{Cryptix720}/{Gliss})
[![Build Status](https://semaphoreci.com/api/v1/cryptix720/gliss/branches/master/badge.svg)](https://semaphoreci.com/cryptix720/gliss)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/e8ef091b6bc74a84b15e8746a4e5a81f)](https://www.codacy.com/app/Cryptix720/Gliss?utm_source=github.com&utm_medium=referral&utm_content=Cryptix720/Gliss&utm_campaign=Badge_Grade)
[![BCH compliance](https://bettercodehub.com/edge/badge/Cryptix720/Gliss?branch=master)](https://bettercodehub.com/)
[![CircleCI](https://circleci.com/gh/Cryptix720/Gliss/tree/master.svg?style=svg)](https://circleci.com/gh/Cryptix720/Gliss/tree/master)

# Gliss
Gliss is a silent, tiny and lightweight CSS framework, responsive architectural boilerplate to embark any responsive project.

Check out Gliss for documentation and details.

## Getting started

There are a couple ways to download Gliss:
- [Download the zip](https://github.com/Cryptix720/Gliss/releases/download/Gliss/Gliss.zip)
- Clone the repo: `git clone https://github.com/Cryptix720/Gliss.git` (Note: this is under active development, so if you're looking for stable and safe, use the zipped download)

## LoadAndScript
```js








```
### What's inside the GlissCore?

The download includes Gliss Core, pick three different levels of Gliss:yocto-min-full into your project, a sample favicon, and an index.html as a kickstart.

```js
Gcore/
├ index.html-


├── (!js)/
│ ├── (*.js)


├── css/
│ ├── gliss.css
│ └── glisslize-min.css
│ └── gliss-yocto.css
│ └── glissColors.css

├── scss/
│ ├── *.scss


├── case/
│ ├── *.html


├── typ/(Typography)

└── img/
└── favicon.ico

```

### Why it's awesome

Gliss is not only lightweight and simple. It styles raw HTML elements and provides a responsive and morphological grid.
- An alien abstraction for new developers.
- Adaptable for progressive web apps.
- CSS unminified and with comments.
- No compiling or installing...
- 170kb juiced data.
- Maximize the fun? enable the GlissCore package.
- Simplified estimation method for designers.
- X-phase grid flow.
- Responsive CSS components.
- The purity of device orientation.
- High-performance induced structures with gliss grid systems.

## Package level

```css
- Gliss:full
- Gliss:min
- Glis:yocto

```

## Browser support

- Chrome latest
- Firefox latest
- Opera latest
- Safari latest
- IE latest

## Plugins(Experimental)

- Create your own Gliss plugins.

## Acknowledgement

Gliss was created by [Chris Pro] for a better web.

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FCryptix720%2FGliss.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2FCryptix720%2FGliss?ref=badge_large)