prellele/trame

View on GitHub
app/assets/stylesheets/bootstrap_and_overrides.css.less

Summary

Maintainability
Test Coverage
@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png");
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png");

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot");
@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot?#iefix");
@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff");
@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf");
@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular");

// Font Awesome
@import "fontawesome/font-awesome";

// Glyphicons
// @import "twitter/bootstrap/sprites.less";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @linkColor: #ff0000;
@darkBlue: #2c3e50;
@lightBlue: #34495e;
@darkGrey: #7f8c8d;
@lightGrey: #95a5a6;

@font-face {
  font-family: 'codelight';
  src:font-url('CODE_Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@textColor: @darkBlue;
@linkColor: @lightBlue;

@navbarBackground: @darkBlue;
@navbarBackgroundHighlight: @darkBlue;
@navbarLinkColor: @lightGrey;
@navbarLinkColorHover: @white;
@navbarBrandColor: @navbarLinkColor;

@baseFontFamily: 'codelight' ;

#error_explanation {
  .alert();
  .alert-error();
  .alert-block();
}

.field_with_errors {
  .control-group.error();
  display: inline;
}

.input-block-level {
    width: 85%;
}
input-prepend .input-block-level, .input-append .input-block-level {
    width: 85%;
}

@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}