Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

bantamcss

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bantamcss

Scalable, performant, responsive, CSS framework with zero styles.

  • 0.0.9
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
9
Maintainers
1
Weekly downloads
 
Created
Source

Bantam

A set of single-purpose CSS classes for every functional CSS property. Absolutely zero visual styling.

Reuse this framework on every website ever to build layouts and perform common functional tasks.

Things to note

  • Zero visual style. Zilch. Nada. That's your job.
  • Fully responsive, mobile-first structure.
  • Simple and easy to learn naming convention.
  • Built on PostCSS.
  • Reusable across all projects.
  • Less than 5kb when minified and gzipped.
  • Browser support down to IE7.

Naming convention

The general syntax looks like {propertyName-valueName}

.float-left { float: left; }

When the CSS property consists of two or more words, abbreviate the words to their initials:

.ta-center { text-align: center; }
.lst-disc  { list-style-type: disc; }

Getting started

The simplest and fastest way to get started is to include the minified CSS file in your project. Just add this snippet to the head of your html file:

<link rel="stylesheet" href="https://raw.githubusercontent.com/colmtuite/bantamcss/master/css/bantam.min.css">

Install through npm to take advantage of future updates:

npm install bantamcss

License

MIT. You can use Bantam as you see fit.

Keywords

FAQs

Package last updated on 08 Jun 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc