jdutil/spree_bootstrap

View on GitHub
app/assets/stylesheets/spree/frontend/spree_bootstrap.scss

Summary

Maintainability
Test Coverage
/*
 *= require spree/frontend
*/

@import 'bootstrap';
@import 'bootstrap-responsive';
@import 'font-awesome';

/* Cancel out default spree styles */

@media screen{
  .row {
    margin-bottom: 20px;
  }

  .clearfix:before, .clearfix:after, .row:before, .row:after {
    content: ' 0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .row:after, .clearfix:after {
    clear: both;
  }

  .container {
    position: relative;
    /*width: 960px; overwritten in bootstrap */
    margin: 0 auto;
    padding: 0;
  }

  .container:after {
    height: 0;
    visibility: hidden;
    /* overwritten in bootstrap */
    /*content: " 0020";*/
    /*display: block;*/
    /*clear: both;*/
  }
  
  .row, .clearfix {
    zoom: 1;
  }

  .container, .row {
    margin-left: auto;
    margin-right: auto;
  }
}


label {
  display: inline-block;
}

p {
  padding: 0px;
}

#checkout-summary {
  margin-left: 10px;
}

#clear_cart_link {
  line-height: 30px;
}

#products li.alpha {
  margin-left: 0px;
}

.add-to-cart input,
.edit_order input {
  margin-bottom: 0px;
}

.steps-data {
  .alpha {
    margin-left: 20px !important;
  }

  .omega {
    margin-left: 10px !important;
  }
}