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

bantam

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bantam

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

  • 0.2.4
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
0
decreased by-100%
Maintainers
1
Weekly downloads
 
Created
Source

Bantam

A set of single-purpose CSS classes for every functional CSS property. Reuse this framework on every website ever to build any layout and perform common functional tasks.

Things to note

  • Fully responsive, mobile-first structure.
  • Simple and easy to learn naming convention.
  • Built on PostCSS.
  • Reusable across all projects.
  • Less than 15kb when minified and gzipped.
  • Browser support down to IE9.

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 property name to its initials:

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

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 bantam

License

MIT. You can use Bantam as you see fit.

Keywords

FAQs

Package last updated on 13 Jul 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