@progress/kendo-ui/css/web/_variables.less

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

/*!
 * Copyright 2018 Telerik EAD
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
// Options
@enable-rounded: true;
@enable-shadows: true;
@enable-gradients: true;
@enable-transitions: true;


// Fonts

/// Base font size across all components.
@font-size: 14px;

/// Font family across all components.
@font-family: inherit;

/// Font family for monospaced text. Used for styling the code.
@font-family-monospace: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;

@font-size-xs: 10px;
@font-size-sm: 12px;
@font-size-lg: 19px;

/// Line height used along with @font-size.
@line-height: (20 / 14);
@line-height-sm: 1.2;
@line-height-lg: 1.5;
@line-height-em: @line-height * 1em;


// Metrics
@spacer: 1em;
@spacer-x: @spacer;
@spacer-y: @spacer;

@padding-x: 8px;
@padding-y: 4px;
@padding-x-sm: @padding-x / 2;
@padding-y-sm: @padding-y / 2;
@padding-x-lg: @padding-x * 1.5;
@padding-y-lg: @padding-y * 1.5;

/// Border radius for all components.
@border-radius: 2px;
@border-radius-sm: 1px;
@border-radius-lg: 4px;

@form-line-height: @line-height;
@form-line-height-em: @form-line-height * 1em;

@button-border-width: 1px;
@button-padding-x: @padding-x;
@button-padding-y: @padding-y;
@button-padding-x-sm: @button-padding-x / 2;
@button-padding-y-sm: @button-padding-y / 2;
@button-calc-size: ~"@{form-line-height-em} + (@{button-padding-y} * 2) + 2px";
@button-inner-calc-size: ~"@{form-line-height-em} + (@{button-padding-y} * 2)";

@input-border-width: 1px;
@input-padding-x: 5px;
@input-padding-y: 4px;
@input-padding-x-sm: @input-padding-x / 2;
@input-padding-y-sm: @input-padding-y / 2;
@input-calc-size: ~"@{form-line-height-em} + (@{input-padding-y} * 2) + 2px";
@input-inner-calc-size: ~"@{form-line-height-em} + (@{input-padding-y} * 2)";

// Toolbar
@toolbar-padding-x: 4px;
@toolbar-padding-y: 4px;
@toolbar-calc-size: ~"@{button-calc-size} + (@{toolbar-padding-y} * 2) + 2px";
@toolbar-inner-calc-size: ~"@{button-calc-size} + (@{toolbar-padding-y} * 2)";