h-ui-quickapp/src/Common/styles/variables.less

快应用H-UI组件库开源 ## 简介 h-ui是一套为快应用开发者量身打制的UI组件库，以传统html5标签为基础，遵循主流前端框架样式命名习惯，对快应用原生组件二次封装而成，以实现快应用“全组件式开发”为目标，让快应用开发就像搭积木！

/**
 * Copyright 2019 H-UI [ @author Mac.Manon @email fastapp@139.com ]
 * 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.
 *
 */

// 颜色
@color-default: #ffffff;// 默认
@color-default-border: #cccccc;// 默认-边框
@color-primary: #337ab7;// 原始
@color-primary-disabled: rgba(51,122,183,0.5);// 原始(禁用)
@color-primary-border: #2e6da4;// 原始-边框
@color-primary-light: #5cadff;// 默认亮色
@color-primary-dark: #2b85e4;// 默认暗色
@color-info: #5bc0de;// 信息
@color-info-disabled: rgba(91,192,222,0.5);// 信息(禁用)
@color-info-border: #46b8da;// 信息-边框
@color-success: #67c23a;// 成功
@color-success-disabled: rgba(103,194,58,0.5);// 成功(禁用)
@color-success-border: #4cae4c;// 成功-边框
@color-warning: #e6a23c;// 警告
@color-warning-disabled: rgba(230,162,60,0.5);// 警告(禁用)
@color-warning-border: #eea236;// 警告-边框
@color-danger: #f56c6c;// 危险
@color-danger-disabled: rgba(245,108,108,0.5);// 危险(禁用)
@color-danger-border: #d43f3a;// 危险-边框

@color-link: #2D8cF0;// 链接
@color-link-hover: tint(@color-link, 20%);
@color-link-active: shade(@color-link, 5%);
@color-link-selected: fade(@color-primary, 90%);

@color-blue: #007bff;// 蓝色
@color-indigo: #6610f2;// 靛青色
@color-purple: #6f42c1;// 紫色
@color-pink: #e83e8c;// 粉色
@color-red: #dc3545;// 红色
@color-orange: #fd7e14;// 橙色
@color-yellow: #ffc107;// 黄色
@color-green: #28a745;// 绿色
@color-teal: #20c997;// 鸭绿色
@color-cyan: #17a2b8;// 青色
@color-gray: #6c757d;// 灰色
@color-gray-dark: #343a40;// 暗灰色
@color-light: #f8f9fa;// 亮色
@color-dark: #343a40;// 暗色

@color-white: #ffffff;// 白色
@color-black: #000000;// 黑色
@color-black-disabled: #c3c6cd;// 黑色(禁用)
@color-muted: #6c757d;// 浅灰色，提示
@color-title: #1c2438;// 标题
@color-content: #495060;// 正文
@color-sub: #80848f;// 辅助
@color-disabled: #eeeeee;// 禁用
@color-border: #dddddd;// 边框
@color-divider: #e9eaec;// 分割线
@color-background: #f8f8f8;// 背景
@color-mark: #fcf8e3;// 高亮显示

@color-code: #c7254e;// 代码颜色
@color-code-bg: #f9f2f4;// 代码背景色
@color-tooltip: #fff;// 提示
@color-rate-star: #f5a623;// 评分

// 字体
@font-size-base: 30px;// 标准字号
@font-size-small: 24px;// 小号字体
@line-height-base: @font-size-base * 1.42857143;
@font-size-h1: @font-size-base * 2.5;// h1标题字号
@font-size-h2: @font-size-base * 2;// h2标题字号
@font-size-h3: @font-size-base * 1.75;// h3标题字号
@font-size-h4: @font-size-base * 1.5;// h4标题字号
@font-size-h5: @font-size-base * 1.25;// h5标题字号
@font-size-h6: @font-size-base;// h6标题字号
@font-weight-h: 500;//标题
@font-weight-lead:300;//段落突出显示
@text-indent-base:60px;//文本块首行的缩进