bootstrap-variables.less

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

@import "app";

@brand-primary: @pink;
@brand-success: @green;
@brand-warning: @yellow;
@brand-danger: @red;
@brand-info: @blue;

@text-color: @gray;

@link-color: @blue-darker;
@link-hover-color: @blue;

@font-family-sans-serif: 'Exo 2', 'Helvetica Neue', Tahoma, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, 'Microsoft YaHei', 'Apple SD Gothic Neo', sans-serif;

@font-size-base: 16px;

@line-height-base: 1.25; // 20/16

@headings-color: @pink-text;

@padding-base-vertical: 5px;
@padding-base-horizontal: 10px;

@padding-large-vertical: 10px;
@padding-large-horizontal: 15px;

@padding-small-vertical: 5px;
@padding-small-horizontal: 10px;

@padding-xs-vertical: 0;
@padding-xs-horizontal: 5px;


@input-color: @gray-dark;
@input-border-focus: @pink;

@screen-sm-min: 900px; // sync with osu.isDesktop
@screen-lg-min: 1300px;
@screen-md-min: @screen-sm-min;

@grid-gutter-width: 20px;

@container-tablet: 1000px;
@container-sm: @container-tablet;
@container-desktop: @container-tablet;
@container-md: @container-tablet;
@container-large-desktop: @container-tablet;
@container-lg: @container-tablet;

@well-bg: @gray-lighter;

@badge-color: @purple-darker;
@badge-link-hover-color: @pink-dark;
@badge-bg: #fff;


@navbar-default-bg: @pink-darker;

@navbar-default-brand-color: #fff;
@navbar-default-brand-hover-color: #fff;

@navbar-default-toggle-border-color: fade(#fff, 50%);
@navbar-default-toggle-hover-bg: fade(#fff, 50%);

@navbar-height: 60px;
@navbar-padding-horizontal: 10px;
@navbar-padding-vertical: 10px;

@nav-link-hover-bg: transparent;
@nav-link-padding: 10px;