/* ------------------------------------------------------------------------------ * * # Invoice template * * General styles for invoice, mainly responsive setup * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ // Details list placement and alignment @media (min-width: @screen-sm) { .invoice-details, .invoice-payment-details > li span { float: right; text-align: right; } } // Remove bottom margin from all lists .invoice-grid { ul, ol { margin-bottom: 0; } } // Invoice grid @media (max-width: @screen-xs-max) { // Align all text to left .invoice-grid { // Remove right alignment .text-right { text-align: inherit; } // Add vertical spacing to columns [class*=col-] + [class*=col-] { margin-top: @line-height-computed; } } }