Skip to content

Commit

Permalink
Merge pull request #8 from asvvvad/master
Browse files Browse the repository at this point in the history
Merging fixes
  • Loading branch information
asvvvad1 authored May 21, 2020
2 parents ea491a5 + dfc6b7f commit 1dd1727
Show file tree
Hide file tree
Showing 4 changed files with 16 additions and 13 deletions.
15 changes: 9 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
# mono-color
![GitHub All Releases](https://img.shields.io/github/downloads/asvvvad/mono-color/total) ![GitHub file size in bytes](https://img.shields.io/github/size/asvvvad/mono-color/mono.min.css?label=mono) ![GitHub file size in bytes](https://img.shields.io/github/size/asvvvad/mono-color/color.min.css?label=color) ![GitHub](https://img.shields.io/github/license/asvvvad/mono-color)
![GitHub All Releases](https://img.shields.io/github/downloads/asvvvad/mono-color/total) ![GitHub](https://img.shields.io/github/license/asvvvad/mono-color)
![GitHub file size in bytes](https://img.shields.io/github/size/asvvvad/mono-color/mono.min.css?label=mono) ![GitHub file size in bytes](https://img.shields.io/github/size/asvvvad/mono-color/dark.min.css?label=dark) ![GitHub file size in bytes](https://img.shields.io/github/size/asvvvad/mono-color/light.min.css?label=light) ![GitHub file size in bytes](https://img.shields.io/github/size/asvvvad/mono-color/color.min.css?label=color)

a small, simple and beautiful CSS framework built with responsivity, readability, and a dual-theme in mind.

Expand All @@ -9,15 +10,17 @@ Based on [Starveling](https://github.com/any-code/starveling/) and [lit](https:/

## mono/color is split into two:

### mono / 1.7kb minified (not gzipped)
Can be used alone for simple pages it contains dark and light theme, basic html elements styling, and the .btn, .primary, .default class for anchor buttons and for reverse element theme
### mono / 1.6kb minified (not gzipped, including both themes)
Can be used alone, it includes dark & light theme with no colors, you can use only one theme too. Only default html elements with a basic button.
Good for a simple responsive blog.

### color / 1.9kb minified (not gzipped)
Adds grids, cards, colors, utilities and badges
Adds grids, cards, colors, useful utilities and badges.
Great for a simple documentation page or a web app.

## Demo: [here](https://asvvvad.github.io/mono-color)
> #### The theme changes depending on the viewer's system theme by using CSS' prefers-color-scheme
## Download: [here](https://github.com/asvvvad/mono-color/releases)

## Download: [here](https://github.com/asvvvad/mono-color/releases) or simply clone the latest release branch

## Contributions:
Any help or ideas on how to improve this are welcome! open an issue or a pull request ^^
2 changes: 1 addition & 1 deletion color.css
Original file line number Diff line number Diff line change
Expand Up @@ -270,5 +270,5 @@

.border {
border-style: solid;
border-width: 0.1rem
border-width: .1rem
}
10 changes: 5 additions & 5 deletions mono.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
by asvvvad (https://asvvvad.eu.org) under the MIT license*/

* {
box-sizing: border-box;
box-sizing: border-box
}

.container {
Expand Down Expand Up @@ -65,7 +65,7 @@ kbd {
}
kbd {
border-bottom: .3rem solid var(--b);
padding-bottom: .1rem
padding-bottom: .2rem
}

input,
Expand Down Expand Up @@ -93,7 +93,7 @@ textarea {
}

select {
padding: 0.9rem
padding: .9rem
}

pre>*,
Expand Down Expand Up @@ -140,7 +140,7 @@ th,
td {
padding: 1rem 1.1rem;
text-align: justify;
border-bottom: 0.1rem solid var(--b)
border-bottom: .1rem solid var(--b)
}

.primary {
Expand All @@ -156,5 +156,5 @@ td {
hr {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
border: 0.1rem solid var(--b)
border: .1rem solid var(--b)
}
2 changes: 1 addition & 1 deletion mono.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 1dd1727

Please sign in to comment.