/**
 * Roundcube webmail styles for the Elastic skin
 *
 * Copyright (c) 2017-2018, The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */

@import (reference) "fontawesome";
@import (reference) "colors";

@screen-width-large:    1200px;
@screen-width-medium:   1024px;
@screen-width-small:    768px;
@screen-width-xs:       480px;
@screen-width-mini:     320px;
@screen-width-touch:    @screen-width-medium;
@screen-width-bs-phone: 576px;

@page-font-size:        14px;
@page-min-width:        240px;

@layout-menu-width:                     5rem;
@layout-header-height:                  4.2rem;
@layout-header-font-size:               1rem;
@layout-pagenav-height:                 2rem;

@layout-touch-header-height:            @layout-header-height;
@layout-touch-header-font-size:         1.2rem;
@layout-touch-menu-record-height:       3.4rem;
@layout-touch-menu-record-font-size:    1.2rem;
@layout-touch-icon-width:               2.2em;

@layout-mobile-menu-width:              (@screen-width-mini * .85);

@layout-contact-icon-width:             112px;
@layout-contact-icon-height:            135px;

@listing-line-height:           2.5rem;
@listing-touch-line-height:     3.4rem;
@listing-treetoggle-width:      1.5em;

// Additional icons
@icon-resize-corner: data-uri("data:image/svg+xml;charset=utf-8", "../images/corner-handle.svg"); // size: 512x512