templates/shop-isle/inc/woocommerce/css/photography.scss

   1 /**
   2  * WooCommerce Photography
   3  */
   4
   5 /**
   6  * Imports
   7  */
   8 @import 'bourbon';
   9 @import '../../../sass/utils/variables';
  10 @import '../../../sass/utils/mixins';
  11 @import '../../../node_modules/susy/sass/susy';
  12
  13 @media screen and (min-width: 768px) {
  14         .woocommerce,
  15         .woocommerce-page {
  16                 .photography-products {
  17                         .tools {
  18                                 margin-bottom: 2.618em;
  19                                 background-color: rgba(0,0,0,0.025);
  20                                 padding: 1em 1em 1em 1.618em;
  21                                 border: 0;
  22                         }
  23                 }
  24
  25                 .site-main ul.products {
  26                         li.product-type-photography {
  27                                 @include clearfix;
  28                                 text-align: left;
  29
  30                                 .photography-image,
  31                                 .photography-content {
  32                                         float: none;
  33                                         width: 100%;
  34                                 }
  35
  36                                 .photography-image {
  37                                         img {
  38                                                 width: 100%;
  39                                         }
  40                                 }
  41
  42                                 .photography-sku {
  43                                         border-bottom: 1px dotted rgba(0,0,0,0.1);
  44                                 }
  45
  46                                 .sku {
  47                                         font-weight: 700;
  48                                 }
  49                         }
  50                 }
  51         }
  52 }