mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-09 15:26:29 +02:00
Code Issues Releases Wiki Activity

Created Base (markdown)

Angelos Chalaris
2016-08-23 14:53:25 +03:00
parent 763c86f797
commit 77ec40125f
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Base.md Normal file

@@ -0,0 +1,23 @@
The base of the **mini.css** framework is based on [normalize.css](https://necolas.github.io/normalize.css/), although modified to include typography elements. The idea is to merge basic typography with the fixes in normalize to avoid overlapping css styles. This creates a smaller file than two separate stylesheets.
## How to modify
In order to modify the base of **mini.css**, you should check the [_variables.scss](https://github.com/Chalarangelo/mini.css/blob/master/scss/mini/_variables.scss) file for a list of all the variables that affect the framework's base. These include colors, fonts, border styles, margins, padding, as well as multipliers for headers and other elements.
## Variables
- $base-fonts, $base-font-size, $base-line-height: basic styling and fonts for most elements
- $body-margin, $body-bg-color, $body-color: styling for body
- $header-line-height-multiplier, $header-margin, $header-font-weight, ${h1-h5}-multiplier, $header-small-color, $header-small-font-weight: styling and modifiers for headers
- $hr-line-height-multiplier, $hr-margin, $hr-border-style: styling for horizontal rule
- $small-font-size, $sub-bottom, $sup-top: styling for small, sub and sup elements
- $p-margin, $list-margin-top, $list-margin-bottom: styling for paragraphs and lists
- $code-fonts, $code-padding, $code-bg-color, $code-border-radius, $kbd-bg-color, $kbd-color: styling for code and preformatted elements
- $a-color, $a-hover-color, $a-visited-color, $a-visited-hover-color: styling for hyperlinks
- $mark-bg-color, $mark-color: styling for mark elements
- $button-fonts, $button-font-size, $button-line-height-multiplier, $button-margin: styling for buttons and inputs
- $fieldset-border, $fieldset-border-radius, $fieldset-margin, $fieldset-padding: styling for fieldset
## Remarks
- More variables could be used to further stylize various elements. However, as the framework tries to be minimal, some styles have been merged to produce smaller stylesheets, thus minimizing the size but somewhat restricting the users when styling certain elements.