fanruan
/
fineui
4
1
Fork 2
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

update

es6
guy 7 years ago
parent
0016f8979b
commit
c47eab193e
6 changed files with 530 additions and 266 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 198
      bi/base.css
  2. 198
      dist/base.css
  3. 198
      dist/bundle.css
  4. 2
      dist/bundle.min.css
  5. 198
      src/css/base/single/button/button.css
  6. 2
      src/less/base/single/button/button.less

198
bi/base.css
Unescape View File

@ -682,7 +682,8 @@ li.CodeMirror-hint-active {
.bi-theme-dark .bi-segment > .first-element { .bi-theme-dark .bi-segment > .first-element {
border-left: 1px solid #242640; border-left: 1px solid #242640;
} }
.bi-button { body .bi-button,
#body .bi-button {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -693,131 +694,196 @@ li.CodeMirror-hint-active {
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
} }
.bi-button.block { body .bi-button.block,
#body .bi-button.block {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
.bi-button.clear { body .bi-button.clear,
#body .bi-button.clear {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
background-color: transparent; background-color: transparent;
} }
.bi-button.clear:hover, body .bi-button.clear:hover,
.bi-button.clear:active { #body .bi-button.clear:hover,
body .bi-button.clear:active,
#body .bi-button.clear:active {
opacity: 0.75; opacity: 0.75;
filter: alpha(opacity=75); filter: alpha(opacity=75);
} }
.bi-button.button-common, body .bi-button.button-common,
.bi-button.button-common .b-font:before { #body .bi-button.button-common,
body .bi-button.button-common .b-font:before,
#body .bi-button.button-common .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-common.clear, body .bi-button.button-common.clear,
.bi-button.button-common.clear .b-font:before { #body .bi-button.button-common.clear,
body .bi-button.button-common.clear .b-font:before,
#body .bi-button.button-common.clear .b-font:before {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-button.button-ignore { body .bi-button.button-ignore,
#body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #d4dadd;
} }
.bi-button.button-ignore, body .bi-button.button-ignore,
.bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-button.button-ignore.clear { body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success { body .bi-button.button-success,
#body .bi-button.button-success {
background-color: #58cc7d; background-color: #58cc7d;
border-color: #58cc7d; border-color: #58cc7d;
} }
.bi-button.button-success, body .bi-button.button-success,
.bi-button.button-success .b-font:before { #body .bi-button.button-success,
body .bi-button.button-success .b-font:before,
#body .bi-button.button-success .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-success.clear { body .bi-button.button-success.clear,
#body .bi-button.button-success.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success.clear, body .bi-button.button-success.clear,
.bi-button.button-success.clear .b-font:before { #body .bi-button.button-success.clear,
body .bi-button.button-success.clear .b-font:before,
#body .bi-button.button-success.clear .b-font:before {
color: #0c6d23; color: #0c6d23;
} }
.bi-button.button-warning { body .bi-button.button-warning,
#body .bi-button.button-warning {
background-color: #e85050; background-color: #e85050;
border-color: #e85050; border-color: #e85050;
} }
.bi-button.button-warning, body .bi-button.button-warning,
.bi-button.button-warning .b-font:before { #body .bi-button.button-warning,
body .bi-button.button-warning .b-font:before,
#body .bi-button.button-warning .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-warning.clear { body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-warning.clear, body .bi-button.button-warning.clear,
.bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before {
color: #e85050; color: #e85050;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
border-color: #cccccc !important; border-color: #cccccc !important;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled,
.bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-success.disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-warning.disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled,
.bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
} }
.bi-button.button-ignore.disabled { body .bi-button.button-ignore.disabled,
#body .bi-button.button-ignore.disabled {
background: #ffffff !important; background: #ffffff !important;
border-color: #d4dadd !important; border-color: #d4dadd !important;
} }
.bi-button.button-ignore.disabled, body .bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font:before { #body .bi-button.button-ignore.disabled,
body .bi-button.button-ignore.disabled .b-font:before,
#body .bi-button.button-ignore.disabled .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear { #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear,
body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
border-width: 0 !important; border-width: 0 !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear, #body .bi-button.button-success.disabled.clear,
.bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear,
.bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear,
.bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear,
.bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before,
#body .bi-button.button-common.disabled.clear .b-font:before,
body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear:hover, body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-success.disabled.clear:hover, #body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:hover, body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-common.disabled.clear:active, body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-success.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active,
#body .bi-button.button-common.disabled.clear:active,
body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }

198
dist/base.css vendored
Unescape View File

@ -682,7 +682,8 @@ li.CodeMirror-hint-active {
.bi-theme-dark .bi-segment > .first-element { .bi-theme-dark .bi-segment > .first-element {
border-left: 1px solid #242640; border-left: 1px solid #242640;
} }
.bi-button { body .bi-button,
#body .bi-button {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -693,131 +694,196 @@ li.CodeMirror-hint-active {
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
} }
.bi-button.block { body .bi-button.block,
#body .bi-button.block {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
.bi-button.clear { body .bi-button.clear,
#body .bi-button.clear {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
background-color: transparent; background-color: transparent;
} }
.bi-button.clear:hover, body .bi-button.clear:hover,
.bi-button.clear:active { #body .bi-button.clear:hover,
body .bi-button.clear:active,
#body .bi-button.clear:active {
opacity: 0.75; opacity: 0.75;
filter: alpha(opacity=75); filter: alpha(opacity=75);
} }
.bi-button.button-common, body .bi-button.button-common,
.bi-button.button-common .b-font:before { #body .bi-button.button-common,
body .bi-button.button-common .b-font:before,
#body .bi-button.button-common .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-common.clear, body .bi-button.button-common.clear,
.bi-button.button-common.clear .b-font:before { #body .bi-button.button-common.clear,
body .bi-button.button-common.clear .b-font:before,
#body .bi-button.button-common.clear .b-font:before {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-button.button-ignore { body .bi-button.button-ignore,
#body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #d4dadd;
} }
.bi-button.button-ignore, body .bi-button.button-ignore,
.bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-button.button-ignore.clear { body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success { body .bi-button.button-success,
#body .bi-button.button-success {
background-color: #58cc7d; background-color: #58cc7d;
border-color: #58cc7d; border-color: #58cc7d;
} }
.bi-button.button-success, body .bi-button.button-success,
.bi-button.button-success .b-font:before { #body .bi-button.button-success,
body .bi-button.button-success .b-font:before,
#body .bi-button.button-success .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-success.clear { body .bi-button.button-success.clear,
#body .bi-button.button-success.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success.clear, body .bi-button.button-success.clear,
.bi-button.button-success.clear .b-font:before { #body .bi-button.button-success.clear,
body .bi-button.button-success.clear .b-font:before,
#body .bi-button.button-success.clear .b-font:before {
color: #0c6d23; color: #0c6d23;
} }
.bi-button.button-warning { body .bi-button.button-warning,
#body .bi-button.button-warning {
background-color: #e85050; background-color: #e85050;
border-color: #e85050; border-color: #e85050;
} }
.bi-button.button-warning, body .bi-button.button-warning,
.bi-button.button-warning .b-font:before { #body .bi-button.button-warning,
body .bi-button.button-warning .b-font:before,
#body .bi-button.button-warning .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-warning.clear { body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-warning.clear, body .bi-button.button-warning.clear,
.bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before {
color: #e85050; color: #e85050;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
border-color: #cccccc !important; border-color: #cccccc !important;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled,
.bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-success.disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-warning.disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled,
.bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
} }
.bi-button.button-ignore.disabled { body .bi-button.button-ignore.disabled,
#body .bi-button.button-ignore.disabled {
background: #ffffff !important; background: #ffffff !important;
border-color: #d4dadd !important; border-color: #d4dadd !important;
} }
.bi-button.button-ignore.disabled, body .bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font:before { #body .bi-button.button-ignore.disabled,
body .bi-button.button-ignore.disabled .b-font:before,
#body .bi-button.button-ignore.disabled .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear { #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear,
body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
border-width: 0 !important; border-width: 0 !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear, #body .bi-button.button-success.disabled.clear,
.bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear,
.bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear,
.bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear,
.bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before,
#body .bi-button.button-common.disabled.clear .b-font:before,
body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear:hover, body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-success.disabled.clear:hover, #body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:hover, body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-common.disabled.clear:active, body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-success.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active,
#body .bi-button.button-common.disabled.clear:active,
body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }

198
dist/bundle.css vendored
Unescape View File

@ -2261,7 +2261,8 @@ li.CodeMirror-hint-active {
.bi-theme-dark .bi-segment > .first-element { .bi-theme-dark .bi-segment > .first-element {
border-left: 1px solid #242640; border-left: 1px solid #242640;
} }
.bi-button { body .bi-button,
#body .bi-button {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -2272,131 +2273,196 @@ li.CodeMirror-hint-active {
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
} }
.bi-button.block { body .bi-button.block,
#body .bi-button.block {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
.bi-button.clear { body .bi-button.clear,
#body .bi-button.clear {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
background-color: transparent; background-color: transparent;
} }
.bi-button.clear:hover, body .bi-button.clear:hover,
.bi-button.clear:active { #body .bi-button.clear:hover,
body .bi-button.clear:active,
#body .bi-button.clear:active {
opacity: 0.75; opacity: 0.75;
filter: alpha(opacity=75); filter: alpha(opacity=75);
} }
.bi-button.button-common, body .bi-button.button-common,
.bi-button.button-common .b-font:before { #body .bi-button.button-common,
body .bi-button.button-common .b-font:before,
#body .bi-button.button-common .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-common.clear, body .bi-button.button-common.clear,
.bi-button.button-common.clear .b-font:before { #body .bi-button.button-common.clear,
body .bi-button.button-common.clear .b-font:before,
#body .bi-button.button-common.clear .b-font:before {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-button.button-ignore { body .bi-button.button-ignore,
#body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #d4dadd;
} }
.bi-button.button-ignore, body .bi-button.button-ignore,
.bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-button.button-ignore.clear { body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success { body .bi-button.button-success,
#body .bi-button.button-success {
background-color: #58cc7d; background-color: #58cc7d;
border-color: #58cc7d; border-color: #58cc7d;
} }
.bi-button.button-success, body .bi-button.button-success,
.bi-button.button-success .b-font:before { #body .bi-button.button-success,
body .bi-button.button-success .b-font:before,
#body .bi-button.button-success .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-success.clear { body .bi-button.button-success.clear,
#body .bi-button.button-success.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success.clear, body .bi-button.button-success.clear,
.bi-button.button-success.clear .b-font:before { #body .bi-button.button-success.clear,
body .bi-button.button-success.clear .b-font:before,
#body .bi-button.button-success.clear .b-font:before {
color: #0c6d23; color: #0c6d23;
} }
.bi-button.button-warning { body .bi-button.button-warning,
#body .bi-button.button-warning {
background-color: #e85050; background-color: #e85050;
border-color: #e85050; border-color: #e85050;
} }
.bi-button.button-warning, body .bi-button.button-warning,
.bi-button.button-warning .b-font:before { #body .bi-button.button-warning,
body .bi-button.button-warning .b-font:before,
#body .bi-button.button-warning .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-warning.clear { body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-warning.clear, body .bi-button.button-warning.clear,
.bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before {
color: #e85050; color: #e85050;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
border-color: #cccccc !important; border-color: #cccccc !important;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled,
.bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-success.disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-warning.disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled,
.bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
} }
.bi-button.button-ignore.disabled { body .bi-button.button-ignore.disabled,
#body .bi-button.button-ignore.disabled {
background: #ffffff !important; background: #ffffff !important;
border-color: #d4dadd !important; border-color: #d4dadd !important;
} }
.bi-button.button-ignore.disabled, body .bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font:before { #body .bi-button.button-ignore.disabled,
body .bi-button.button-ignore.disabled .b-font:before,
#body .bi-button.button-ignore.disabled .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear { #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear,
body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
border-width: 0 !important; border-width: 0 !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear, #body .bi-button.button-success.disabled.clear,
.bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear,
.bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear,
.bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear,
.bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before,
#body .bi-button.button-common.disabled.clear .b-font:before,
body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear:hover, body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-success.disabled.clear:hover, #body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:hover, body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-common.disabled.clear:active, body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-success.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active,
#body .bi-button.button-common.disabled.clear:active,
body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }

2
dist/bundle.min.css vendored
View File

File diff suppressed because one or more lines are too long

198
src/css/base/single/button/button.css
Unescape View File

@ -1,4 +1,5 @@
.bi-button { body .bi-button,
#body .bi-button {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -9,131 +10,196 @@
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
} }
.bi-button.block { body .bi-button.block,
#body .bi-button.block {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
.bi-button.clear { body .bi-button.clear,
#body .bi-button.clear {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
background-color: transparent; background-color: transparent;
} }
.bi-button.clear:hover, body .bi-button.clear:hover,
.bi-button.clear:active { #body .bi-button.clear:hover,
body .bi-button.clear:active,
#body .bi-button.clear:active {
opacity: 0.75; opacity: 0.75;
filter: alpha(opacity=75); filter: alpha(opacity=75);
} }
.bi-button.button-common, body .bi-button.button-common,
.bi-button.button-common .b-font:before { #body .bi-button.button-common,
body .bi-button.button-common .b-font:before,
#body .bi-button.button-common .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-common.clear, body .bi-button.button-common.clear,
.bi-button.button-common.clear .b-font:before { #body .bi-button.button-common.clear,
body .bi-button.button-common.clear .b-font:before,
#body .bi-button.button-common.clear .b-font:before {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-button.button-ignore { body .bi-button.button-ignore,
#body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #d4dadd;
} }
.bi-button.button-ignore, body .bi-button.button-ignore,
.bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-button.button-ignore.clear { body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success { body .bi-button.button-success,
#body .bi-button.button-success {
background-color: #58cc7d; background-color: #58cc7d;
border-color: #58cc7d; border-color: #58cc7d;
} }
.bi-button.button-success, body .bi-button.button-success,
.bi-button.button-success .b-font:before { #body .bi-button.button-success,
body .bi-button.button-success .b-font:before,
#body .bi-button.button-success .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-success.clear { body .bi-button.button-success.clear,
#body .bi-button.button-success.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-success.clear, body .bi-button.button-success.clear,
.bi-button.button-success.clear .b-font:before { #body .bi-button.button-success.clear,
body .bi-button.button-success.clear .b-font:before,
#body .bi-button.button-success.clear .b-font:before {
color: #0c6d23; color: #0c6d23;
} }
.bi-button.button-warning { body .bi-button.button-warning,
#body .bi-button.button-warning {
background-color: #e85050; background-color: #e85050;
border-color: #e85050; border-color: #e85050;
} }
.bi-button.button-warning, body .bi-button.button-warning,
.bi-button.button-warning .b-font:before { #body .bi-button.button-warning,
body .bi-button.button-warning .b-font:before,
#body .bi-button.button-warning .b-font:before {
color: #ffffff; color: #ffffff;
} }
.bi-button.button-warning.clear { body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
} }
.bi-button.button-warning.clear, body .bi-button.button-warning.clear,
.bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before {
color: #e85050; color: #e85050;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
border-color: #cccccc !important; border-color: #cccccc !important;
} }
.bi-button.button-common.disabled, body .bi-button.button-common.disabled,
.bi-button.button-success.disabled, #body .bi-button.button-common.disabled,
.bi-button.button-warning.disabled, body .bi-button.button-success.disabled,
.bi-button.button-common.disabled.base-disabled, #body .bi-button.button-success.disabled,
.bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled,
.bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled,
.bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-success.disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled,
.bi-button.button-warning.disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled,
.bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled,
.bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
} }
.bi-button.button-ignore.disabled { body .bi-button.button-ignore.disabled,
#body .bi-button.button-ignore.disabled {
background: #ffffff !important; background: #ffffff !important;
border-color: #d4dadd !important; border-color: #d4dadd !important;
} }
.bi-button.button-ignore.disabled, body .bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font:before { #body .bi-button.button-ignore.disabled,
body .bi-button.button-ignore.disabled .b-font:before,
#body .bi-button.button-ignore.disabled .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear { #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear,
body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
border-width: 0 !important; border-width: 0 !important;
} }
.bi-button.button-common.disabled.clear, body .bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear, #body .bi-button.button-common.disabled.clear,
.bi-button.button-warning.disabled.clear, body .bi-button.button-success.disabled.clear,
.bi-button.button-ignore.disabled.clear, #body .bi-button.button-success.disabled.clear,
.bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear,
.bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear,
.bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear,
.bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before,
#body .bi-button.button-common.disabled.clear .b-font:before,
body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-button.button-common.disabled.clear:hover, body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-success.disabled.clear:hover, #body .bi-button.button-common.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:hover, body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
.bi-button.button-common.disabled.clear:active, body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-success.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active,
#body .bi-button.button-common.disabled.clear:active,
body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
} }

2
src/less/base/single/button/button.less
Unescape View File

@ -1,6 +1,6 @@
@import "../../../bibase"; @import "../../../bibase";
.bi-button { body .bi-button, #body .bi-button {
.border-radius(2px); .border-radius(2px);
border: 1px solid @color-bi-border-highlight; border: 1px solid @color-bi-border-highlight;
background-color: @color-bi-background-highlight; background-color: @color-bi-background-highlight;

Write Preview
Loading…
Cancel
Save