conc-at/clueshed

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

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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */

<% @prefix = 'STYLE_' %>
<% ENV.each do |key, value| %>
  <% if key.start_with? @prefix %>
    $<%= key.sub(@prefix, '').gsub('_','-') %>: <%= value %>;
  <% end %>
<% end %>

@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

body {
  padding-top: 40px;
  padding-bottom: 90px;
}

a.list-group-item {
  color: $brand-primary;
}

.btn-github {
  @include button-variant(white, hsla(0,0%,20%,1), darken(hsla(0,0%,20%,1), 10%));
}

.btn-twitter {
  @include button-variant(white, hsla(206,82%,63%,1), darken(hsla(206,82%,63%,1), 10%));
}

.list-group-item.partip, .panel-footer.partip {
  .text-label {
    display: block;
  }

  .actions, .badge {
    float: right;
  }

  .fa {
    display: inline-block;
  }

  .badge, .fa {
    margin-left: 10px;
  }

  a {
    text-decoration: none !important;
  }
}

.breadcrumb {
  margin-bottom: 0;
}