/* -----------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------

template.less

--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
----------------------------------------------------------------------------- */






/* -----------------------------------------------------------------------------
--------------------------------------------------------------------------------

Element

--------------------------------------------------------------------------------
----------------------------------------------------------------------------- */

.element {
  
}






& when (@screen-mini-enabled) {
  
  /* -----------------------------------------------------------------------------
  --------------------------------------------------------------------------------
  
  Screen Size: Mini (@screen-mini) and above
  
  --------------------------------------------------------------------------------
  ----------------------------------------------------------------------------- */
  
  @media (min-width: @screen-mini) {
    
  }
  
}






& when (@screen-small-enabled) {
  
  /* -----------------------------------------------------------------------------
  --------------------------------------------------------------------------------
  
  Screen Size: Small (@screen-small) and above
  
  --------------------------------------------------------------------------------
  ----------------------------------------------------------------------------- */
  
  @media (min-width: @screen-small) {
    
  }
  
}






& when (@screen-medium-enabled) {
  
  /* -----------------------------------------------------------------------------
  --------------------------------------------------------------------------------
  
  Screen Size: Medium (@screen-medium) and above
  
  --------------------------------------------------------------------------------
  ----------------------------------------------------------------------------- */
    
  @media (min-width: @screen-medium) {
    
  }

}






& when (@screen-large-enabled) {
  
  /* -----------------------------------------------------------------------------
  --------------------------------------------------------------------------------
  
  Screen Size: Large (@screen-large) and above
  
  --------------------------------------------------------------------------------
  ----------------------------------------------------------------------------- */

  @media (min-width: @screen-large) {
    
  }
  
}






& when (@screen-resolution-2x-enabled) {
  
  /* -----------------------------------------------------------------------------
  --------------------------------------------------------------------------------
  
  Screen Resolution: 2x
  
  --------------------------------------------------------------------------------
  ----------------------------------------------------------------------------- */
  
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    
  }
  
}






& when (@screen-resolution-3x-enabled) {
  
  /* -----------------------------------------------------------------------------
  --------------------------------------------------------------------------------
  
  Screen Resolution: 3x
  
  --------------------------------------------------------------------------------
  ----------------------------------------------------------------------------- */
  
  @media only screen and (-webkit-min-device-pixel-ratio: 3) {
    
  }
  
}