// Name:            DJC_Labels
// Description:     Labels component
//
// Component:       `djc_autolabels`
//
// Sub-objects:     `djc_autolabels`
//                  `djc_autolabels_labels`
//
// ========================================================================

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

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

// Badge - djc_label_item
// ========================================================================
@djc_badge-box-sizing:                            border-box;
@djc_badge-min-width:                             18px;
@djc_badge-height:                                18px;
@djc_badge-padding-top:                           0px;
@djc_badge-padding-bottom:                        0px;
@djc_badge-padding-right:                         5px;
@djc_badge-padding-left:                          5px;
@djc_badge-vertical-align:                        middle;
@djc_badge-background:                            #F91B24;
@djc_badge-color:                                 #fff;
@djc_badge-font-size:                             11px;
@djc_badge-font-weight:                           normal;
@djc_badge-font-family:                           @global-font-family;
// ========================================================================

// Autolabels_label Featured
// ========================================================================

@djc_autolabels-featured-background-color:        navy;
// ========================================================================

// Autolabels_label
// ========================================================================
@djc_autolabels-l-height:                         12px;
@djc_autolabels-l-width:                          auto;
@djc_autolabels-l-color:                          #fff;
@djc_autolabels-l-list-style:                     none;
@djc_autolabels-l-display:                        inline-block;
@djc_autolabels-l-padding-top:                    4px;
@djc_autolabels-l-padding-bottom:                 4px;
@djc_autolabels-l-padding-left:                   10px;
@djc_autolabels-l-padding-right:                  10px;
@djc_autolabels-l-font-size:                      11px;
@djc_autolabels-l-font-weight:                    bold;
@djc_autolabels-l-vertical-align:                 middle;
@djc_autolabels-l-white-space:                    nowrap;
@djc_autolabels-l-text-transform:                 uppercase;

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

// Autolabels
// ========================================================================

@djc_autolabels-m-list-style:                     none;
@djc_autolabels-m-margin-top:                     0;
@djc_autolabels-m-margin-bottom:                  0;
@djc_autolabels-m-margin-left:                    0;
@djc_autolabels-m-margin-right:                   0;
@djc_autolabels-m-padding-top:                    0;
@djc_autolabels-m-padding-bottom:                 0;
@djc_autolabels-m-padding-left:                   0;
@djc_autolabels-m-padding-right:                  0;

/* ========================================================================
   Component: DJC_Labels
 ========================================================================== */

.djc_autolabels {
  list-style: @djc_autolabels-m-list-style ;
  margin-top: @djc_autolabels-m-margin-top ;
  margin-bottom: @djc_autolabels-m-margin-bottom ;
  margin-left: @djc_autolabels-m-margin-left ;
  margin-right: @djc_autolabels-m-margin-right ;
  padding-top: @djc_autolabels-m-padding-top ;
  padding-bottom: @djc_autolabels-m-padding-bottom ;
  padding-left: @djc_autolabels-m-padding-left ;
  padding-right: @djc_autolabels-m-padding-right ;
}
.djc_autolabels_label {
  height: @djc_autolabels-l-height ;
  width: @djc_autolabels-l-width ;
  color: @djc_autolabels-l-color ;
  list-style: @djc_autolabels-l-list-style ;
  display: @djc_autolabels-l-display ;
  padding-top: @djc_autolabels-l-padding-top ;
  padding-bottom: @djc_autolabels-l-padding-bottom ;
  padding-left: @djc_autolabels-l-padding-left ;
  padding-right: @djc_autolabels-l-padding-right ;
  font-size: @djc_autolabels-l-font-size ;
  font-weight: @djc_autolabels-l-font-weight ;
  vertical-align: @djc_autolabels-l-vertical-align ;
  white-space: @djc_autolabels-l-white-space ;
  text-transform: @djc_autolabels-l-text-transform ;
}
.djc_autolabels_label-featured {
  background-color: @djc_autolabels-featured-background-color ;
}
.badge {
  box-sizing: @djc_badge-box-sizing ;
  min-width: @djc_badge-min-width ;
  height: @djc_badge-height ;
  padding-top: @djc_badge-padding-top ;
  padding-bottom: @djc_badge-padding-bottom ;
  padding-right: @djc_badge-padding-right ;
  padding-left: @djc_badge-padding-left ;
  vertical-align: @djc_badge-vertical-align ;
  background: @djc_badge-background ;
  color: @djc_badge-color ;
  font-size: @djc_badge-font-size ;
  font-weight: @djc_badge-font-weight ;
  font-family: @djc_badge-font-family ;
}