/** * Roundcube webmail styles for the Elastic skin * * Copyright (c) 2017, 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; // Additional icons @icon-resize-corner: data-uri("data:image/svg+xml;charset=utf-8", "../images/corner-handle.svg"); // size: 512x512