From 5ce55c00ac72bc6fbdd095d7ee697cfa35ea8cc4 Mon Sep 17 00:00:00 2001 From: Luke Shumaker Date: Thu, 1 May 2014 12:11:15 -0400 Subject: Redo styles to be "pure"/simple bootstrap, and fix found issues with forms. --- .../stylesheets/application/bootstrapify.scss | 66 ++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 app/assets/stylesheets/application/bootstrapify.scss (limited to 'app/assets/stylesheets/application/bootstrapify.scss') diff --git a/app/assets/stylesheets/application/bootstrapify.scss b/app/assets/stylesheets/application/bootstrapify.scss new file mode 100644 index 0000000..0416b1e --- /dev/null +++ b/app/assets/stylesheets/application/bootstrapify.scss @@ -0,0 +1,66 @@ +@import "bootstrap"; + +.btn { + @extend .btn-default; +} + +a[role="button"], button, input[type="submit"] { + @extend .btn; +} + +.navbar { + form { + @extend .navbar-form; + } + .nav { + @extend .navbar-nav; + } + ul { + @extend .nav; + } +} +form { + input[type="text"], + input[type="search"], + input[type="tel"], + input[type="url"], + input[type="email"], + input[type="password"], + input[type="datetime"], + input[type="date"], + input[type="month"], + input[type="week"], + input[type="time"], + input[type="number"], + input[type="range"], + input[type="color"], + select, textarea{ + @extend .form-control; + } + label { + @extend .control-label; + } +} + +header nav { + @extend .navbar; + @extend .navbar-default; +} + +.alert { @extend .alert-default; } +.alert-success { @extend .alert; } +.alert-info { @extend .alert; } +.alert-warning { @extend .alert; } +.alert-danger { @extend .alert; } + +.panel-primary { @extend .panel; } +.panel-success { @extend .panel; } +.panel-info { @extend .panel; } +.panel-warning { @extend .panel; } +.panel-danger { @extend .panel; } +.panel { + h1, h2, h3, h4, h5, h6 { + @extend .panel-heading; + @extend .panel-title; + } +} -- cgit v1.2.3