https://github.com/acelaya/bootstrap2-styled-buttons

Bootstrap 3 buttons with Bootstrap 2 style
https://github.com/acelaya/bootstrap2-styled-buttons

Last synced: about 2 months ago
JSON representation

Bootstrap 3 buttons with Bootstrap 2 style

• Host: GitHub
• URL: https://github.com/acelaya/bootstrap2-styled-buttons
• Owner: acelaya
• License: bsd-3-clause
• Archived: true
• Created: 2013-09-26T10:33:41.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2014-08-02T21:32:43.000Z (over 10 years ago)
• Last Synced: 2024-09-08T05:08:19.181Z (2 months ago)
• Language: CSS
• Size: 432 KB
• Stars: 9
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
## Introduction

[![Build Status](https://travis-ci.org/acelaya/bootstrap2-styled-buttons.svg?branch=master)](https://travis-ci.org/acelaya/bootstrap2-styled-buttons)

This little stylesheet reverts new Bootstrap 3 button styles to the old ones, including `.btn-inverse` again.

The `.btn-primary` style is based on the [Bootstrap 3 theme](http://getbootstrap.com/examples/theme/), but a `.btn-old-primary` was included with the old shiny blue primary button.

They are compatible with the new Bootstrap 3 buttons styles and have the new padding, to fit with other form controls.

Disabled, focused and active styles are supported, as well as `.btn-lg`, `.btn-sm`, `.btn-xs` and `.btn-block`.

## How to use

Include one of the files located in the css folder (bootstrap-buttons.css or bootstrap-buttons.min.css) in your Bootstrap 3 project after bootstrap stylesheets to get the old styled buttons.

Alternatively you can install this package with [bower](http://bower.io/) by running `bower install bootstrap2-styled-buttons`

You can see this in action [here](http://acelaya.github.io/bootstrap2-styled-buttons).

## How to build

The building process has been automated by using [Grunt](http://gruntjs.com/). Take a look at its [documentation](http://gruntjs.com/getting-started) for more information.

The automation script just compiles the SASS stylesheets, creating a normal and a minified CSS stylesheets in the css directory.

It requires [compass](http://compass-style.org/) to properly work.