Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://zlatanvasovic.github.io/mistype/

:pencil: A simple CSS prototyping framework
https://zlatanvasovic.github.io/mistype/

css css-prototyping-framework html5 minimal

Last synced: 3 months ago
JSON representation

:pencil: A simple CSS prototyping framework

Host: GitHub
URL: https://zlatanvasovic.github.io/mistype/
Owner: zlatanvasovic
License: mit
Archived: true
Created: 2013-08-22T19:51:19.000Z (about 11 years ago)
Default Branch: master
Last Pushed: 2020-09-10T11:04:45.000Z (about 4 years ago)
Last Synced: 2024-07-09T08:58:23.918Z (4 months ago)
Topics: css, css-prototyping-framework, html5, minimal
Language: HTML
Homepage: https://zlatanvasovic.github.io/mistype
Size: 75.2 KB
Stars: 18
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

awesome-minimalist - Mistype - size](https://badgen.net/bundlephobia/minzip/mistype) | [Repository](https://github.com/zdroid/mistype) | ![last-commit](https://badgen.net/github/last-commit/zdroid/mistype) | MIT License | `npm install mistype` (Framework for CSS)

README

# Mistype

> A simple CSS prototyping framework

Mistype is a set of styles that helps you to design a new site. It's a simple
CSS prototyping framework, put in a 2.5 kB file.

![Mistype logo](https://raw.github.com/zlatanvasovic/mistype/master/assets/mistype.png)

## Download

- [**ZIP package**](https://github.com/zlatanvasovic/mistype/archive/master.zip)
- **Bower:** `bower install mistype`

## Components

- **Scaffolding:** base element styles
- **Grid:** mobile-first container, row and columns
- **Utilities:** float and display utilities, including clearfix
- **Media queries:** examples of media queries for responsive design

**Tip:** I recommend you to use
[Normalize.css](https://necolas.github.io/normalize.css/) alongside Mistype.

## Examples

The best example of Mistype usage is its
[own site](https://zlatanvasovic.github.io/mistype) that lies in `index.html`.
You can find some additional styles in it.

## Browser support

- **Chrome** (latest)
- **Firefox** (latest)
- **Opera** (latest)
- **Edge** (latest)
- **Safari 7+**
- **Internet Explorer 10+**

## License