GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → vikramrojo → fortune

vikramrojo / fortune

Licence: MIT license
🔮Fortune is your friendly CSS properties framework.

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Labels

csshtmlgridpostcssflexboxcss-frameworkfortune

Projects that are alternatives of or similar to fortune

Katana
Katana is CSS Layout System made with Flexbox
Stars: ✭ 57 (+256.25%)
Mutual labels:  grid, flexbox, css-framework
Mobi.css
A lightweight, scalable, mobile-first CSS framework
Stars: ✭ 2,348 (+14575%)
Mutual labels:  postcss, flexbox, css-framework
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (+862.5%)
Mutual labels:  grid, flexbox, css-framework
Lemon
🍋 Minimal and responsive CSS framework for fast building websites.
Stars: ✭ 51 (+218.75%)
Mutual labels:  grid, flexbox, css-framework
Grid
This package has moved and renamed
Stars: ✭ 2,079 (+12893.75%)
Mutual labels:  grid, flexbox
Postcss Ant
Size-getting function masquerading as a grid system.
Stars: ✭ 145 (+806.25%)
Mutual labels:  grid, postcss
Grd
A CSS grid framework using Flexbox. Only 321 bytes (Gzipped).
Stars: ✭ 2,210 (+13712.5%)
Mutual labels:  grid, flexbox
fylgja
The modular highly customisable CSS framework. Powered by CSS Components, Utilities and Props for building your Web UI.
Stars: ✭ 65 (+306.25%)
Mutual labels:  postcss, css-framework
Framy Css
Very simple CSS Framework
Stars: ✭ 103 (+543.75%)
Mutual labels:  grid, css-framework
Blueprint Css
📘 Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.
Stars: ✭ 233 (+1356.25%)
Mutual labels:  grid, flexbox
flexboxes
CSS flexbox framework with pure flexbox grid ability
Stars: ✭ 27 (+68.75%)
Mutual labels:  grid, flexbox
React Flexa
Responsive React Flexbox (CSS Flexible Box Layout Module) grid system based heavily on the standard CSS API.
Stars: ✭ 120 (+650%)
Mutual labels:  grid, flexbox
bulma.styl
A Stylus translation of a modern CSS framework based on Flexbox
Stars: ✭ 26 (+62.5%)
Mutual labels:  flexbox, css-framework
Reactsimpleflexgrid
A way to quickly add a Grid Layout to your React app 🚀
Stars: ✭ 181 (+1031.25%)
Mutual labels:  grid, flexbox
Griddd
A dead simple, customisable, flexbox-based griddd
Stars: ✭ 108 (+575%)
Mutual labels:  grid, flexbox
boba
A lightweight, modular CSS framework.
Stars: ✭ 47 (+193.75%)
Mutual labels:  flexbox, css-framework
inuit-flexgrid
Flexbox grid for inuitcss
Stars: ✭ 32 (+100%)
Mutual labels:  grid, flexbox
griding
🧱 lean grid & responsive for react
Stars: ✭ 18 (+12.5%)
Mutual labels:  grid, flexbox
tetris-grid
◼️Lightweight and simple CSS grid
Stars: ✭ 16 (+0%)
Mutual labels:  grid, flexbox
Griz
Grid library for React; Rescue the cat
Stars: ✭ 99 (+518.75%)
Mutual labels:  grid, flexbox
View All Similar Projects ➔

🔮 Fortune

Your friendly CSS framework.

Fortune helps prototype sites by providing a set of non-blocking utilities and basic components.

  • ⚡️ Light-weight at < 10kb gzipped
  • ⛔️ No preprocessor required
  • 📐 Easy CSS grids & flexbox
  • 🌈 Customizable CSS variables

To load Fortune via CDN, add this to your <head>:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fortune.css/dist/fortune.min.css">

To theme your site or components, modify :root, :scope or .class in your CSS:

:root {
  --font-family: 'Roboto', sans-serif;
  --headings-font-family: 'Roboto', sans-serif;
  --container-width: 125em;
  --column-gutter: 4rem;
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].