brackets_variables.less

// Copyright (c) 2012 - present Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.


/* Brackets Variables */

/* All paddings, gutters, etc. should be multiples of this */
@base-padding: 10px;

/* Common font sizes */
@title-font-size: 18px;  // headings such as the editor titlebar
@label-font-size: 14px;  // labels on buttons, menubar, etc.
@menu-item-font-size: 13px; // individual menu items

/* CSS triangles */
@inline-triangle-size: 9px;

/* Main layout */
@sidebar-width: 200px;  // user resizable, however
@main-toolbar-width: 30px;

/* Extension Manager */
@extension-manager-min-width: 760px; // Used for responsive styling

/* z-index */
@z-index-cm-dialog-override: 11;
@z-index-cm-dialog: 15;
@z-index-cm-max: @z-index-cm-dialog;

@z-index-brackets-ui: (@z-index-cm-max + 1);
@z-index-brackets-results-panel: @z-index-brackets-ui;
@z-index-brackets-selection-extension: (@z-index-brackets-ui + 1);
@z-index-brackets-scroller-shadow: (@z-index-brackets-selection-extension + 1);
@z-index-brackets-inline-editor-shadow: @z-index-brackets-ui;
@z-index-brackets-toolbar: (@z-index-brackets-ui + 1);
@z-index-brackets-max: @z-index-brackets-toolbar;
@z-index-brackets-modalbar: (@z-index-brackets-toolbar - 1);
@z-index-brackets-main-toolbar: (@z-index-brackets-toolbar + 1);

@z-index-brackets-sidebar-resizer: (@z-index-brackets-ui + 2);
@z-index-brackets-resizer-div: (@z-index-brackets-sidebar-resizer + 1);
@z-index-brackets-panel-resizer: (@z-index-brackets-ui + 2);

@z-index-brackets-drag-ghost:            999;
@z-index-brackets-context-menu-base:    1000;
@z-index-brackets-stylesheet-menu:      1000;
@z-index-brackets-inline-editor-error:  1000;