RStankov/SearchObject

View on GitHub
example/app/assets/stylesheets/application.css.scss

Summary

Maintainability
Test Coverage
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

@import "reset";
@import "bootstrap";

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px; }

#search-form {
  padding: 40px;
  width: 100%;
  min-width: 900px;

  h1 { font-weight: 500; font-size: 36px; margin-bottom: 20px; }

  input[type="search"],
  input[type="date"],
  input[type="text"] { color: #555555; border: 1px solid #cccccc; border-radius: 4px; font-size: 14px; }

  fieldset { margin-bottom: 20px; padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #f8f8f8; }
  fieldset input[type="submit"] { @extend .btn; @extend .btn-default; }
  fieldset input[type="search"],
  fieldset select,
  fieldset input[type="date"] { vertical-align: middle; height: 34px; padding: 6px 12px; margin-right: 10px; }
  fieldset select { width: 100px; }

  table thead label { color: #428bca; }
  table thead .active { font-weight: bold; color: black; }
  table thead input[type="text"] { padding: 0 6px; width: 99%; }
  table tbody .empty { text-align: center; }
}