Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
be290bb6
Z
zui
项目概览
易企天创
/
zui
12 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
be290bb6
编写于
1月 08, 2014
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* updated mixinx and variables.
上级
5967fb8d
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
113 addition
and
98 deletion
+113
-98
src/less/basic/mixins.less
src/less/basic/mixins.less
+12
-12
src/less/basic/variables.less
src/less/basic/variables.less
+101
-86
未找到文件。
src/less/basic/mixins.less
浏览文件 @
be290bb6
...
...
@@ -804,30 +804,30 @@
.active-mark-top()
{
.transition(box-shadow, @animation-speed-fast,@animation-type);
border-top: 2px solid @active-border-color~'\9';
.box-shadow(inset 0 @active-border-width 0 @active-border-color);
//
.transition(box-shadow, @animation-speed-fast,@animation-type);
//
border-top: 2px solid @active-border-color~'\9';
//
.box-shadow(inset 0 @active-border-width 0 @active-border-color);
}
.active-mark-bottom()
{
.transition(box-shadow, @animation-speed-fast,@animation-type);
border-bottom: 2px solid @active-border-color~'\9';
.box-shadow(inset 0 -@active-border-width 0 @active-border-color);
//
.transition(box-shadow, @animation-speed-fast,@animation-type);
//
border-bottom: 2px solid @active-border-color~'\9';
//
.box-shadow(inset 0 -@active-border-width 0 @active-border-color);
}
.active-mark-left()
{
.transition(box-shadow, @animation-speed-fast,@animation-type);
border-left: 2px solid @active-border-color~'\9';
.box-shadow(inset @active-border-width 0 0 @active-border-color);
//
.transition(box-shadow, @animation-speed-fast,@animation-type);
//
border-left: 2px solid @active-border-color~'\9';
//
.box-shadow(inset @active-border-width 0 0 @active-border-color);
}
.active-mark-right()
{
.transition(box-shadow, @animation-speed-fast,@animation-type);
border-right: 2px solid @active-border-color~'\9';
.box-shadow(inset -@active-border-width 0 0 @active-border-color);
//
.transition(box-shadow, @animation-speed-fast,@animation-type);
//
border-right: 2px solid @active-border-color~'\9';
//
.box-shadow(inset -@active-border-width 0 0 @active-border-color);
}
// Dropdown arrow/caret
...
...
src/less/basic/variables.less
浏览文件 @
be290bb6
...
...
@@ -8,33 +8,45 @@
@import "colorset.less";
// Form states and alerts
@state-default-text: @color-dark;
@state-default-bg: @color-gray-pale;
@state-default-border: darken(spin(@state-default-bg, -10), 5%);
@state-success-text: @color-success;
@state-success-bg: @color-success-pale;
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
@state-info-text: @color-info;
@state-info-bg: @color-info-pale;
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
@state-warning-text: @color-warning;
@state-warning-bg: @color-warning-pale;
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
@state-danger-text: @color-danger;
@state-danger-bg: @color-danger-pale;
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
@state-important-text: @color-important;
@state-important-bg: @color-important-pale;
@state-important-border: darken(spin(@state-important-bg, -10), 5%);
@state-special-text: @color-special;
@state-special-bg: @color-special-pale;
@state-special-border: darken(spin(@state-special-bg, -10), 5%);
@state-default-text: @color-dark;
@state-default-bg: @color-gray-pale;
@state-default-inverse-bg: @color-dark;
@state-default-border: darken(spin(@state-default-bg, -10), 5%);
@state-primary-text: @color-primary;
@state-primary-bg: @color-pale;
@state-primary-inverse-bg: @color-primary;
@state-primary-border: darken(spin(@state-primary-bg, -10), 5%);
@state-success-text: @color-success;
@state-success-bg: @color-success-pale;
@state-success-inverse-bg: @color-success;
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
@state-info-text: @color-info;
@state-info-bg: @color-info-pale;
@state-info-inverse-bg: @color-info;
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
@state-warning-text: @color-warning;
@state-warning-bg: @color-warning-pale;
@state-warning-inverse-bg: @color-warning;
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
@state-danger-text: @color-danger;
@state-danger-bg: @color-danger-pale;
@state-danger-inverse-bg: @color-danger;
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
@state-important-text: @color-important;
@state-important-bg: @color-important-pale;
@state-important-inverse-bg: @color-important;
@state-important-border: darken(spin(@state-important-bg, -10), 5%);
@state-special-text: @color-special;
@state-special-bg: @color-special-pale;
@state-special-inverse-bg: @color-special;
@state-special-border: darken(spin(@state-special-bg, -10), 5%);
// Scaffolding
...
...
@@ -42,7 +54,7 @@
@text-color: @color-fore;
// Links
@link-color:
lighten(@color-primary,10%)
;
@link-color:
@color-secondary
;
@link-hover-color: darken(@link-color, 15%);
...
...
@@ -103,86 +115,70 @@
@font-family-base: @font-family-sans-serif;
// Font size.
@font-size-base: 1
3
px;
@font-size-large: ceil(@font-size-base * 1.25);
// 18px
@font-size-small: ceil(@font-size-base * 0.85);
// 12px
@font-size-base: 1
4
px;
@font-size-large: ceil(@font-size-base * 1.25); // 18px
@font-size-small: ceil(@font-size-base * 0.85); // 12px
@font-size-h1: floor(@font-size-base * 2.60); // 36px
@font-size-h2: floor(@font-size-base * 2.15); // 30px
@font-size-h3: ceil(@font-size-base * 1.70);
// 24px
@font-size-h4: ceil(@font-size-base * 1.25);
// 18px
@font-size-h3: ceil(@font-size-base * 1.70); // 24px
@font-size-h4: ceil(@font-size-base * 1.25); // 18px
@font-size-h5: @font-size-base;
@font-size-h6: ceil(@font-size-base * 0.85);
// 12px
@font-size-h6: ceil(@font-size-base * 0.85); // 12px
// Line height.
@line-height-base: 1.428571429; // 20/14
@line-height-computed: floor(@font-size-base * @line-height-base); // 20px
@line-height-large: 1.33;
@line-height-small: 1.5;
// Headings font.
@headings-font-family: @font-family-base;
@headings-font-weight: bold;
@headings-line-height: 1.
2
;
@headings-line-height: 1.
1
;
@headings-color: inherit;
// COMPONENTS CONFIG
// -------------------------
// Paddings
@padding-base-vertical: 6px;
@padding-base-horizontal: 12px;
@padding-large-vertical: 10px;
@padding-large-horizontal: 16px;
@padding-small-vertical: 5px;
@padding-small-horizontal: 10px;
// Border radius
@border-radius-base: 2px;
@border-radius-large: 4px;
@border-radius-small: 1px;
// Active
@component-active-color: @color-primary;
@component-active-bg: @color-gray-pale;
// Accent
@active-border-color: @component-active-color;
@active-border-width: 3px;
@active-border-width-sm: 2px;
@active-border-width-xs: 1px;
// Caret
@caret-width-base: 4px;
@caret-width-large: 5px;
// Dropdowns
// -------------------------
@dropdown-bg: #fff;
@dropdown-border: rgba(0,0,0,.15);
@dropdown-fallback-border: #ccc;
@dropdown-divider-bg: #e5e5e5;
@padding-xs-vertical: 1px;
@padding-xs-horizontal: 5px;
@
dropdown-link-color: @color-fore
;
@
dropdown-link-hover-color: @component-active-color
;
@
dropdown-link-hover-bg: @component-active-bg
;
@
border-radius-base: 4px
;
@
border-radius-large: 6px
;
@
border-radius-small: 3px
;
@
dropdown-link-active-color: @component-active-color
;
@
dropdown-link-active-bg: @component-active-bg
;
@
line-height-large: 1.33
;
@
line-height-small: 1.5
;
@dropdown-link-disabled-color: @color-gray-light;
@component-border: rgba(0,0,0,.15);
@component-fallback-border: darken(@color-gray-light, 7%);
@
dropdown-header-color: @color-gray
;
@
component-divider-bg: @color-gray-lighter
;
@dropdown-caret-color: #000;
@component-bg: @color-back;
@component-color: @color-fore;
@component-active-color: @color-light;
@component-active-bg: @color-primary;
@component-hover-color: @color-light;
@component-hover-bg: @color-primary;
// COMPONENT VARIABLES
// --------------------------
@component-disabled-color: @color-gray-light;
@component-header-color: @color-gray;
@component-caret-color: @color-dark;
@component-active-caret-color: @color-light;
@caret-width-base: 4px;
@caret-width-large: 5px;
// Z-index master list
// -------------------------
...
...
@@ -197,6 +193,7 @@
@zindex-modal-background: 1040;
@zindex-modal: 1050;
// Tables
// -------------------------
...
...
@@ -205,14 +202,33 @@
@table-bg: transparent; // overall background-color
@table-head-bg: @color-gray-pale;
@table-bg-accent:
#f9f9f9
; // for striping
@table-bg-hover:
#f5f5f5
;
@table-bg-accent:
lighten(@color-gray-pale, 3%)
; // for striping
@table-bg-hover:
@color-pale
;
@table-bg-active: @table-bg-hover;
@table-border-active: @color-gray-light;
@table-border-color: @color-gray-light; // table and cell border
// Dropdowns
// -------------------------
@dropdown-bg: @component-bg;
@dropdown-border: @component-border;
@dropdown-fallback-border: @component-fallback-border;
@dropdown-divider-bg: @component-divider-bg;
@dropdown-link-color: @component-color;
@dropdown-link-hover-color: @component-hover-color;
@dropdown-link-hover-bg: @component-hover-bg;
@dropdown-link-active-color: @component-active-color;
@dropdown-link-active-bg: @component-active-bg;
@dropdown-link-disabled-color: @component-disabled-color;
@dropdown-header-color: @component-header-color;
@dropdown-caret-color: @component-caret-color;
// BUTTONS
// -------------------------
...
...
@@ -412,10 +428,9 @@
// Animation
// --------------------------
@animation-speed-normal: 0.4s;
@animation-speed-fast: 0.2s;
@animation-speed-slow: 0.6s;
@animation-speed-normal: 0.5s;
@animation-speed-fast: 0.3s;
@animation-speed-slow: 0.8s;
@animation-type: cubic-bezier(0.175,.885,.32,1);
// Code
...
...
@@ -531,15 +546,15 @@
//
// Reset inverted navbar basics
@navbar-inverse-color: @color-gray-light;
@navbar-inverse-bg: @color-
prim
ary;
@navbar-inverse-bg: @color-
second
ary;
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
// Inverted navbar links
@navbar-inverse-link-color: @color-gray-light;
@navbar-inverse-link-hover-color:
#fff
;
@navbar-inverse-link-hover-bg:
dark
en(@navbar-inverse-bg, 6%);
@navbar-inverse-link-hover-color:
@color-light
;
@navbar-inverse-link-hover-bg:
light
en(@navbar-inverse-bg, 6%);
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:
dark
en(@navbar-inverse-bg, 10%);
@navbar-inverse-link-active-bg:
light
en(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color: #444;
@navbar-inverse-link-disabled-bg: transparent;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录