https://github.com/maddhruv/earth
:earth_americas: Responsive Modern Web Development Framework, making development easier :beginner: and faster :fast_forward:
https://github.com/maddhruv/earth
css framework library stylesheet
Last synced: about 1 year ago
JSON representation
:earth_americas: Responsive Modern Web Development Framework, making development easier :beginner: and faster :fast_forward:
- Host: GitHub
- URL: https://github.com/maddhruv/earth
- Owner: maddhruv
- License: mit
- Created: 2017-01-24T20:59:08.000Z (over 9 years ago)
- Default Branch: v-0
- Last Pushed: 2017-02-09T09:45:21.000Z (over 9 years ago)
- Last Synced: 2025-04-30T05:43:51.811Z (about 1 year ago)
- Topics: css, framework, library, stylesheet
- Language: CSS
- Size: 26.4 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#  Earth
:earth_americas: Responsive Modern Web Development Framework, making development easier :beginner: and faster :fast_forward:
## Include the following code in your head :skull:
#### Normal CSS
```html
```
#### Little CSS
```html
```
## Components
#### * color
```css
.color-text
```
#### * background-color
```css
.color-bg
```
#### * border
```css
.style-border
```
#### * margin
```css
.margin-*
.margin-top-*
.margin-right-*
.margin-bottom-*
.margin-left-*
```
*-( 10/20/30..../100 )
The units are in px.
#### * padding
```css
.padding-*
.padding-top-*
.padding-right-*
.padding-bottom-*
.padding-left-*
```
*-( 10/20/30..../100 )
The units are in px.
#### * text align
```css
.center-text
.left-text
.right-text
.justify-text
```
#### * text decoration
```css
.none-text
.linethrough-text
.overline-text
.underline-text
```
#### * text transform
```css
.uppercase-text
.lowercase-text
.capitalize-text
```
#### * font style
```css
.normal-text
.italic-text
.oblique-text
```
#### * font-size
```css
.font-size-*
```
*-( 10/20/30..../100 )
The units are in px.
#### * font-weight
```css
.bolder-text
.bold-text
.lighter-text
```
#### * list style
```css
.circle-list
.square-list
.lower/upper-roman/alpha-list
```
#### * grid - 12blocks
Columns live inside Rows
```css
.lg-1 - .lg-12
.md-1 - .md-12
.sm-1 - .sm-12
.xs-1 - .xs-12
.size-offset-1 - .size-offset-12
```
Size is lg/md/sm/xs
#### * responsive media
```html
![]()
```
#### * box shadow
```css
.shadown-0 - .shadow-5
```
#### * hover effect
```css
.hoverable
```
#### * embed responsive
```css
.embed-responsive
.embed-responsive-16x9
.embed-responsive-4x3
```
#### * image shape
```css
.img-round
.img-circle
.img-thumbnail
```
#### Disable Text Select
```css
.noselect
```