Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/daniruiz/flat-remix-css

A lightweight CSS library that provides a set of predesigned elements useful for rapid web development. It follows a modern flat design using a colorful palette with some shadows, highlights, and gradients for some depth.
https://github.com/daniruiz/flat-remix-css

css design flat lightweight material-design no-javascript

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/daniruiz/flat-remix-css
Owner: daniruiz
License: mit
Created: 2017-07-04T03:05:08.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2020-08-11T17:13:37.000Z (over 4 years ago)
Last Synced: 2024-10-30T07:48:35.799Z (2 months ago)
Topics: css, design, flat, lightweight, material-design, no-javascript
Language: CSS
Homepage: http://drasite.com/flat-remix-css
Size: 1.14 MB
Stars: 79
Watchers: 6
Forks: 7
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# [Flat-Remix-CSS-library](http://drasite.com/flat-remix-css)

###### Flat-Remix is licensed under the MIT License

Flat Remix Palette
------------------

- ![#265ab1](https://placehold.it/15/265ab1/000000?text=+) `#265ab1`

- ![#367bf0](https://placehold.it/15/367bf0/000000?text=+) `#367bf0`

- ![#19a187](https://placehold.it/15/19a187/000000?text=+) `#19a187`

- ![#d41919](https://placehold.it/15/d41919/000000?text=+) `#d41919`

- ![#b8174c](https://placehold.it/15/b8174c/000000?text=+) `#b8174c`

- ![#8c42ab](https://placehold.it/15/8c42ab/000000?text=+) `#8c42ab`

* * * * *

Paper class
-----------

``` html

```

* * * * *

Shadow
------

``` html

```

* * * * *

Heading 1
=========

``` html

Heading 1

```

Heading 2
---------

``` html

Heading 2

```

### Heading 3

``` html

Heading 3

```

#### Heading 4

``` html

Heading 4

```

##### Heading 5

``` html

Heading 5

```

###### Heading 6

``` html

Heading 6

```

* * * * *

Selectable text
---------------

``` html

```

* * * * *

Links
-----

``` html
My link
```

* * * * *

Horizontal rule
---------------

``` html

```

* * * * *

Form elements
-------------

##### Input

``` html

```

##### Select

``` html

Level 1
Level 2

```

##### Textarea
``` html

```

##### Checkbox
``` html

Select me

Select me

```

##### Input Radio
``` html

Select me

Select me

```

##### Checktext
``` html

09:00

09:30

```

##### On/Off Switch
``` html

```

##### Buttons
``` html
save
```

``` html
enter
```

``` html
exit
```

``` html
+
```