Robot
/
Basic.css
mirror of https://github.com/vladocar/Basic.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update

This commit is contained in:
vladocar 2020-05-27 23:15:41 +02:00
parent 11e341cca3
commit a5ed260259
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
README.md
View File

@ -14,8 +14,8 @@ Basic.css gives you basic CSS formatting and ability to make basic grids with on
### List of features
* Lightweight 1kb minified and gzipped.
* Basic Typography.
* Basic Forms.
* Basic typography.
* Basic forms.
* Custom colors.
* Dark theme.
* Round corners.
@ -24,13 +24,13 @@ Basic.css gives you basic CSS formatting and ability to make basic grids with on
Demo: https://vladocar.github.io/Basic.css/
This project uses the best parts from my previous projects:
This project uses the best elements from my previous projects:
https://github.com/vladocar/Basic-CSS-Typography-Reset
https://github.com/vladocar/infinity-css-grid
https://github.com/vladocar/Simple-Button
##### Change root css variables with your color palette
##### You can change root css variables with your color palette:
```css
:root{
@ -42,7 +42,7 @@ https://github.com/vladocar/Simple-Button
}
```
##### Adjust the round corners
##### Or adjust the round corners
By default are 8px, use --rc: 0px; if you don't like round corners.
@ -104,8 +104,8 @@ Or
npm i @vladocar/basic.css
```
#### Why use this project?
#### Why should you use this project?
Instead of using CSS Reset why not just Set the basic css formatting and styling. You can even make some grids with the HTML5 tags. Naturally if you want to build something more complex you should use CSS classes. This project works great in combination with other CSS frameworks.
Instead of using CSS Reset you could just Set the basic css formatting and styling. You could even make some grids with the HTML5 tags. Naturally if you want to build something more complex you should use CSS classes and this project works great in combination with other CSS frameworks.

4
index.html
View File

@ -60,13 +60,13 @@
<article>
<img src="img/grid.svg" />
<h4>Flex Grid without classes</h4>
<p>By putting <b>aside</b> tag inside <b>selection</b> tag container you can make infinite flex grid.
<p>By putting <b>aside</b> tag inside <b>selection</b> tag container you could make infinite flex grid.
</p>
</article>
<article>
<img src="img/undraw_design_notes_8dmv.svg" />
<h4>Round corners</h4>
<p>By default round corners --rc are set to 8px. Set --rc to 0px if you don't like rounded corners.</p>
<p> Round corners --rc are set to 8px by default. Set --rc to 0px if you don't like rounded corners.</p>
</article>
</section>