https://github.com/dimitrinicolas/semantic.css

Classless CSS framework for building quick semantic HTML pages prototypes
https://github.com/dimitrinicolas/semantic.css

css css-framework semantic-web

Last synced: 1 day ago
JSON representation

Classless CSS framework for building quick semantic HTML pages prototypes

• Host: GitHub
• URL: https://github.com/dimitrinicolas/semantic.css
• Owner: dimitrinicolas
• License: mit
• Created: 2018-08-25T10:38:45.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-08-25T11:07:04.000Z (over 6 years ago)
• Last Synced: 2025-02-11T10:59:38.258Z (10 days ago)
• Topics: css, css-framework, semantic-web
• Language: CSS
• Homepage: https://dimitrinicolas.github.io/semantic.css/
• Size: 188 KB
• Stars: 4
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# semantic.css

Quickly prototype your test HTML page with zero CSS class.

## Instalation

[Download the lastest realease][lastest release] or install it via NPM:

```

npm install semantic.css

```

Then you can include it in your CSS, depending on your pre/post processor:

```scss

@import "semantic.css";

/* or */

@import "./node_modules/semantic.css/dist/semantic.css";

```

## [Online Documentation][doc]

Available at the address: [dimitrinicolas.github.io/semantic.css/][doc]

### Header

```html

  

    semantic.css

    

      Github repository

    

  

```

### Main & Section content

```html

  

    content

  

  

    content

  

```

### Heading

```html

h1 title

h2 title

h3 title

h4 title

h5 title

h6 title

```


### Button

```html

Button

Disabled button

```

### List

```html



  
An unordered list

  
With some links



  
And bold text







  
An ordered list

  
With some links



  
And bold text





```


### Blockquote

```html



  “The question of whether a computer can think is no more interesting than the question of whether a submarine can swim.” 

  ― Edsger W. Dijkstra



```


### Image

```html



  

  

```

### Dialog

```html

An open dialog

```

### Form

#### Input

```html

  

    Label input

    

  

  

```

#### Checkbox & Radio

```html

  

    

    Checkbox label

  

  

    

    Radio label 1

  

  

    

    Radio label 2

  

```

#### Select

```html

  

    Option 1

    Option 2

    Option 3

  

```

#### Textarea & Submit

```html

  

  

```

### Footer

```html

  

    footer

  

```

## Related

- [modern-normalize][modern-normalize] - Normalize browsers' default style

## License

This project is licensed under the [MIT license](LICENSE).

[doc]: https://dimitrinicolas.github.io/semantic.css/

[lastest release]: https://github.com/dimitrinicolas/semantic.css/releases/latest

[postcss-import]: https://github.com/postcss/postcss-import

[modern-normalize]: https://github.com/sindresorhus/modern-normalize