$fa-font-path = '../assets/fonts/font-awesome/'
@import '~font-awesome-stylus/stylus/index'

<%_ if (filters.bootstrap) { %>
$icon-font-path = '../assets/fonts/bootstrap/'
@import '~bootstrap-styl/bootstrap/index';
<% if (filters.oauth) { %>@import '~bootstrap-social/bootstrap-social.css'
<% } %><% } %>

//
// App-wide Styles
//

.browserupgrade
  background #ccc
  color #000
  margin 0.2em 0
  padding 0.2em 0
<% if(!filters.bootstrap) { %>
// Responsive: Portrait tablets and up
@media screen and (min-width: 768px)
  .container
    max-width 730px
<% } %>
// Component styles are injected through gulp
/* inject:styl */
@import "admin/admin"
@import "main/main"
/* endinject */
