// Name:            DJC_ProductsList
// Description:     DJC Products List component
//
// Component:       `djcatalog`
//
// Sub-objects:     `djc_compare`,`djc_attribute`
//
// ========================================================================

// Variables
// ========================================================================

// ========================================================================

// Compare
// ========================================================================
@djc_compare-margin-bottom:                             0;
@djc_compare-margin-top:                                20px;

// ========================================================================

// Attribute
// ========================================================================
@djc_attribute-background-color:                        #ececec;
@djc_attribute-border-top-color:                        initial;
@djc_attribute-border-top-style:                        none;
@djc_attribute-border-top-width:                        initial;
@djc_attribute-border-right-color:                      initial;
@djc_attribute-border-right-style:                      none;
@djc_attribute-border-right-width:                      initial;
@djc_attribute-border-bottom-color:                     initial;
@djc_attribute-border-bottom-style:                     none;
@djc_attribute-border-bottom-width:                     initial;
@djc_attribute-border-left-color:                       initial;
@djc_attribute-border-left-style:                       none;
@djc_attribute-border-left-width:                       initial;
/* ========================================================================
   Component: DJC_ProductsList
 ========================================================================== */

.djc_compare {
  margin-bottom: @djc_compare-margin-bottom ;
  margin-top: @djc_compare-margin-top ;
}
.djc_attributes .djc_attribute:nth-child(2n+1){
  background-color: @djc_attribute-background-color ;
}
.djc_attributes .djc_attribute {
  border-top-color: @djc_attribute-border-top-color ;
  border-top-style: @djc_attribute-border-top-style ;
  border-top-width: @djc_attribute-border-top-width ;
  border-right-color: @djc_attribute-border-right-color ;
  border-right-style: @djc_attribute-border-right-style ;
  border-right-width: @djc_attribute-border-right-width ;
  border-bottom-color: @djc_attribute-border-bottom-color ;
  border-bottom-style: @djc_attribute-border-bottom-style ;
  border-bottom-width: @djc_attribute-border-bottom-width ;
  border-left-color: @djc_attribute-border-left-color ;
  border-left-style: @djc_attribute-border-left-style ;
  border-left-width: @djc_attribute-border-left-width ;

}