empty master
This commit is contained in:
梁灏
parent
92c1162255
commit
67d534df27
276 changed files with 0 additions and 28368 deletions
|
|
@ -1,11 +0,0 @@
|
|||
# 样式库说明
|
||||
|
||||
## 目录
|
||||
|
||||
|-- animation (动画)
|
||||
|
||||
|-- common (全局样式)
|
||||
|
||||
|-- components (组件样式)
|
||||
|
||||
|-- mixins (混入)
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
.ease-motion(@className, @keyframeName) {
|
||||
.make-motion(@className, @keyframeName);
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
opacity: 0;
|
||||
animation-timing-function: linear;
|
||||
animation-duration: @transition-time;
|
||||
}
|
||||
.@{className}-leave {
|
||||
animation-timing-function: linear;
|
||||
animation-duration: @transition-time;
|
||||
}
|
||||
}
|
||||
|
||||
.ease-motion(ease, ivuEase);
|
||||
|
||||
@keyframes ivuEaseIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuEaseOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
.fade-motion(@className, @keyframeName) {
|
||||
.make-motion(@className, @keyframeName);
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
opacity: 0;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
.@{className}-leave {
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
}
|
||||
|
||||
.fade-motion(fade, ivuFade);
|
||||
|
||||
@keyframes ivuFadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuFadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
.motion-common() {
|
||||
animation-duration: @animation-time;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.make-motion(@className, @keyframeName) {
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
.motion-common();
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.@{className}-leave {
|
||||
.motion-common();
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
animation-name: ~"@{keyframeName}In";
|
||||
animation-play-state: running;
|
||||
}
|
||||
.@{className}-leave {
|
||||
animation-name: ~"@{keyframeName}Out";
|
||||
animation-play-state: running;
|
||||
}
|
||||
}
|
||||
|
||||
@import "fade";
|
||||
@import "move";
|
||||
@import "ease";
|
||||
@import "slide";
|
||||
|
|
@ -1,161 +0,0 @@
|
|||
.move-motion(@className, @keyframeName) {
|
||||
.make-motion(@className, @keyframeName);
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
opacity: 0;
|
||||
animation-timing-function: @ease-in-out;
|
||||
}
|
||||
.@{className}-leave {
|
||||
animation-timing-function: @ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.move-motion(move-up, ivuMoveUp);
|
||||
.move-motion(move-down, ivuMoveDown);
|
||||
.move-motion(move-left, ivuMoveLeft);
|
||||
.move-motion(move-right, ivuMoveRight);
|
||||
|
||||
@keyframes ivuMoveDownIn {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveDownOut {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveLeftIn {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(-100%);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveLeftOut {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(-100%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveRightIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveRightOut {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveUpIn {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(-100%);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveUpOut {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateY(-100%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// specific transition for Notice
|
||||
|
||||
.move-motion(move-notice, ivuMoveNotice);
|
||||
@import '../components/notice.less';
|
||||
|
||||
@keyframes ivuMoveNoticeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuMoveNoticeOut {
|
||||
0% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
70% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(100%);
|
||||
height: auto;
|
||||
padding: @notice-padding;
|
||||
margin-bottom: @notice-margin-bottom;
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform-origin: 0 0;
|
||||
transform: translateX(100%);
|
||||
height: 0;
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,119 +0,0 @@
|
|||
.slide-motion(@className, @keyframeName) {
|
||||
.make-motion(@className, @keyframeName);
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
opacity: 0;
|
||||
animation-timing-function: @ease-in-out;
|
||||
}
|
||||
.@{className}-leave {
|
||||
animation-timing-function: @ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.slide-motion(slide-up, ivuSlideUp);
|
||||
.slide-motion(slide-down, ivuSlideDown);
|
||||
.slide-motion(slide-left, ivuSlideLeft);
|
||||
.slide-motion(slide-right, ivuSlideRight);
|
||||
|
||||
@keyframes ivuSlideUpIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleY(.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuSlideUpOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleY(.8);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuSlideDownIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform-origin: 100% 100%;
|
||||
transform: scaleY(.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform-origin: 100% 100%;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuSlideDownOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform-origin: 100% 100%;
|
||||
transform: scaleY(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform-origin: 100% 100%;
|
||||
transform: scaleY(.8);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuSlideLeftIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleX(.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuSlideLeftOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform-origin: 0% 0%;
|
||||
transform: scaleX(.8);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuSlideRightIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform-origin: 100% 0%;
|
||||
transform: scaleX(.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform-origin: 100% 0%;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivuSlideRightOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform-origin: 100% 0%;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform-origin: 100% 0%;
|
||||
transform: scaleX(.8);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
.ivu-article {
|
||||
h1{
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h2{
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h3{
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h4{
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h5{
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h6{
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
padding: 5px 5px 3px 10px;
|
||||
line-height: 1.5;
|
||||
border-left: 4px solid #ddd;
|
||||
margin-bottom: 20px;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
ul:not([class^="ivu-"]){
|
||||
padding-left: 40px;
|
||||
list-style-type: disc;
|
||||
}
|
||||
li:not([class^="ivu-"]){
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
ul ul:not([class^="ivu-"]), ol ul:not([class^="ivu-"]){
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
p{
|
||||
margin: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a[target="_blank"]:after{
|
||||
content: "\F220";
|
||||
font-family: Ionicons;
|
||||
color: #aaa;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
@import "normalize";
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: @font-family;
|
||||
font-size: @font-size-small;
|
||||
line-height: @line-height-base;
|
||||
color: @text-color;
|
||||
background-color: @body-background;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button, input, select, textarea {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
input::-ms-clear, input::-ms-reveal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @link-color;
|
||||
background: transparent;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
transition: color @transition-time ease;
|
||||
|
||||
&:hover {
|
||||
color: @link-hover-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: @link-active-color;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:hover {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
color: #ccc;
|
||||
cursor: @cursor-disabled;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: @code-family;
|
||||
}
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
// Ionicons Font Path
|
||||
// --------------------------
|
||||
|
||||
@font-face {
|
||||
font-family: @ionicons-font-family;
|
||||
src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}");
|
||||
src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}#iefix") format("embedded-opentype"),
|
||||
url("@{ionicons-font-path}/ionicons.ttf?v=@{ionicons-version}") format("truetype"),
|
||||
url("@{ionicons-font-path}/ionicons.woff?v=@{ionicons-version}") format("woff"),
|
||||
url("@{ionicons-font-path}/ionicons.svg?v=@{ionicons-version}#Ionicons") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.ivu-icon() {
|
||||
display: inline-block;
|
||||
font-family: @ionicons-font-family;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ivu-icon {
|
||||
.ivu-icon();
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,747 +0,0 @@
|
|||
/*
|
||||
Ionicons, v2.0.0
|
||||
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
|
||||
https://twitter.com/benjsperry https://twitter.com/ionicframework
|
||||
MIT License: https://github.com/driftyco/ionicons
|
||||
*/
|
||||
// Ionicons Variables
|
||||
// --------------------------
|
||||
|
||||
@ionicons-font-path: "./fonts";
|
||||
@ionicons-font-family: "Ionicons";
|
||||
@ionicons-version: "2.0.0";
|
||||
@ionicons-prefix: ivu-icon-;
|
||||
|
||||
@ionicon-var-alert: "\f101";
|
||||
@ionicon-var-alert-circled: "\f100";
|
||||
@ionicon-var-android-add: "\f2c7";
|
||||
@ionicon-var-android-add-circle: "\f359";
|
||||
@ionicon-var-android-alarm-clock: "\f35a";
|
||||
@ionicon-var-android-alert: "\f35b";
|
||||
@ionicon-var-android-apps: "\f35c";
|
||||
@ionicon-var-android-archive: "\f2c9";
|
||||
@ionicon-var-android-arrow-back: "\f2ca";
|
||||
@ionicon-var-android-arrow-down: "\f35d";
|
||||
@ionicon-var-android-arrow-dropdown: "\f35f";
|
||||
@ionicon-var-android-arrow-dropdown-circle: "\f35e";
|
||||
@ionicon-var-android-arrow-dropleft: "\f361";
|
||||
@ionicon-var-android-arrow-dropleft-circle: "\f360";
|
||||
@ionicon-var-android-arrow-dropright: "\f363";
|
||||
@ionicon-var-android-arrow-dropright-circle: "\f362";
|
||||
@ionicon-var-android-arrow-dropup: "\f365";
|
||||
@ionicon-var-android-arrow-dropup-circle: "\f364";
|
||||
@ionicon-var-android-arrow-forward: "\f30f";
|
||||
@ionicon-var-android-arrow-up: "\f366";
|
||||
@ionicon-var-android-attach: "\f367";
|
||||
@ionicon-var-android-bar: "\f368";
|
||||
@ionicon-var-android-bicycle: "\f369";
|
||||
@ionicon-var-android-boat: "\f36a";
|
||||
@ionicon-var-android-bookmark: "\f36b";
|
||||
@ionicon-var-android-bulb: "\f36c";
|
||||
@ionicon-var-android-bus: "\f36d";
|
||||
@ionicon-var-android-calendar: "\f2d1";
|
||||
@ionicon-var-android-call: "\f2d2";
|
||||
@ionicon-var-android-camera: "\f2d3";
|
||||
@ionicon-var-android-cancel: "\f36e";
|
||||
@ionicon-var-android-car: "\f36f";
|
||||
@ionicon-var-android-cart: "\f370";
|
||||
@ionicon-var-android-chat: "\f2d4";
|
||||
@ionicon-var-android-checkbox: "\f374";
|
||||
@ionicon-var-android-checkbox-blank: "\f371";
|
||||
@ionicon-var-android-checkbox-outline: "\f373";
|
||||
@ionicon-var-android-checkbox-outline-blank: "\f372";
|
||||
@ionicon-var-android-checkmark-circle: "\f375";
|
||||
@ionicon-var-android-clipboard: "\f376";
|
||||
@ionicon-var-android-close: "\f2d7";
|
||||
@ionicon-var-android-cloud: "\f37a";
|
||||
@ionicon-var-android-cloud-circle: "\f377";
|
||||
@ionicon-var-android-cloud-done: "\f378";
|
||||
@ionicon-var-android-cloud-outline: "\f379";
|
||||
@ionicon-var-android-color-palette: "\f37b";
|
||||
@ionicon-var-android-compass: "\f37c";
|
||||
@ionicon-var-android-contact: "\f2d8";
|
||||
@ionicon-var-android-contacts: "\f2d9";
|
||||
@ionicon-var-android-contract: "\f37d";
|
||||
@ionicon-var-android-create: "\f37e";
|
||||
@ionicon-var-android-delete: "\f37f";
|
||||
@ionicon-var-android-desktop: "\f380";
|
||||
@ionicon-var-android-document: "\f381";
|
||||
@ionicon-var-android-done: "\f383";
|
||||
@ionicon-var-android-done-all: "\f382";
|
||||
@ionicon-var-android-download: "\f2dd";
|
||||
@ionicon-var-android-drafts: "\f384";
|
||||
@ionicon-var-android-exit: "\f385";
|
||||
@ionicon-var-android-expand: "\f386";
|
||||
@ionicon-var-android-favorite: "\f388";
|
||||
@ionicon-var-android-favorite-outline: "\f387";
|
||||
@ionicon-var-android-film: "\f389";
|
||||
@ionicon-var-android-folder: "\f2e0";
|
||||
@ionicon-var-android-folder-open: "\f38a";
|
||||
@ionicon-var-android-funnel: "\f38b";
|
||||
@ionicon-var-android-globe: "\f38c";
|
||||
@ionicon-var-android-hand: "\f2e3";
|
||||
@ionicon-var-android-hangout: "\f38d";
|
||||
@ionicon-var-android-happy: "\f38e";
|
||||
@ionicon-var-android-home: "\f38f";
|
||||
@ionicon-var-android-image: "\f2e4";
|
||||
@ionicon-var-android-laptop: "\f390";
|
||||
@ionicon-var-android-list: "\f391";
|
||||
@ionicon-var-android-locate: "\f2e9";
|
||||
@ionicon-var-android-lock: "\f392";
|
||||
@ionicon-var-android-mail: "\f2eb";
|
||||
@ionicon-var-android-map: "\f393";
|
||||
@ionicon-var-android-menu: "\f394";
|
||||
@ionicon-var-android-microphone: "\f2ec";
|
||||
@ionicon-var-android-microphone-off: "\f395";
|
||||
@ionicon-var-android-more-horizontal: "\f396";
|
||||
@ionicon-var-android-more-vertical: "\f397";
|
||||
@ionicon-var-android-navigate: "\f398";
|
||||
@ionicon-var-android-notifications: "\f39b";
|
||||
@ionicon-var-android-notifications-none: "\f399";
|
||||
@ionicon-var-android-notifications-off: "\f39a";
|
||||
@ionicon-var-android-open: "\f39c";
|
||||
@ionicon-var-android-options: "\f39d";
|
||||
@ionicon-var-android-people: "\f39e";
|
||||
@ionicon-var-android-person: "\f3a0";
|
||||
@ionicon-var-android-person-add: "\f39f";
|
||||
@ionicon-var-android-phone-landscape: "\f3a1";
|
||||
@ionicon-var-android-phone-portrait: "\f3a2";
|
||||
@ionicon-var-android-pin: "\f3a3";
|
||||
@ionicon-var-android-plane: "\f3a4";
|
||||
@ionicon-var-android-playstore: "\f2f0";
|
||||
@ionicon-var-android-print: "\f3a5";
|
||||
@ionicon-var-android-radio-button-off: "\f3a6";
|
||||
@ionicon-var-android-radio-button-on: "\f3a7";
|
||||
@ionicon-var-android-refresh: "\f3a8";
|
||||
@ionicon-var-android-remove: "\f2f4";
|
||||
@ionicon-var-android-remove-circle: "\f3a9";
|
||||
@ionicon-var-android-restaurant: "\f3aa";
|
||||
@ionicon-var-android-sad: "\f3ab";
|
||||
@ionicon-var-android-search: "\f2f5";
|
||||
@ionicon-var-android-send: "\f2f6";
|
||||
@ionicon-var-android-settings: "\f2f7";
|
||||
@ionicon-var-android-share: "\f2f8";
|
||||
@ionicon-var-android-share-alt: "\f3ac";
|
||||
@ionicon-var-android-star: "\f2fc";
|
||||
@ionicon-var-android-star-half: "\f3ad";
|
||||
@ionicon-var-android-star-outline: "\f3ae";
|
||||
@ionicon-var-android-stopwatch: "\f2fd";
|
||||
@ionicon-var-android-subway: "\f3af";
|
||||
@ionicon-var-android-sunny: "\f3b0";
|
||||
@ionicon-var-android-sync: "\f3b1";
|
||||
@ionicon-var-android-textsms: "\f3b2";
|
||||
@ionicon-var-android-time: "\f3b3";
|
||||
@ionicon-var-android-train: "\f3b4";
|
||||
@ionicon-var-android-unlock: "\f3b5";
|
||||
@ionicon-var-android-upload: "\f3b6";
|
||||
@ionicon-var-android-volume-down: "\f3b7";
|
||||
@ionicon-var-android-volume-mute: "\f3b8";
|
||||
@ionicon-var-android-volume-off: "\f3b9";
|
||||
@ionicon-var-android-volume-up: "\f3ba";
|
||||
@ionicon-var-android-walk: "\f3bb";
|
||||
@ionicon-var-android-warning: "\f3bc";
|
||||
@ionicon-var-android-watch: "\f3bd";
|
||||
@ionicon-var-android-wifi: "\f305";
|
||||
@ionicon-var-aperture: "\f313";
|
||||
@ionicon-var-archive: "\f102";
|
||||
@ionicon-var-arrow-down-a: "\f103";
|
||||
@ionicon-var-arrow-down-b: "\f104";
|
||||
@ionicon-var-arrow-down-c: "\f105";
|
||||
@ionicon-var-arrow-expand: "\f25e";
|
||||
@ionicon-var-arrow-graph-down-left: "\f25f";
|
||||
@ionicon-var-arrow-graph-down-right: "\f260";
|
||||
@ionicon-var-arrow-graph-up-left: "\f261";
|
||||
@ionicon-var-arrow-graph-up-right: "\f262";
|
||||
@ionicon-var-arrow-left-a: "\f106";
|
||||
@ionicon-var-arrow-left-b: "\f107";
|
||||
@ionicon-var-arrow-left-c: "\f108";
|
||||
@ionicon-var-arrow-move: "\f263";
|
||||
@ionicon-var-arrow-resize: "\f264";
|
||||
@ionicon-var-arrow-return-left: "\f265";
|
||||
@ionicon-var-arrow-return-right: "\f266";
|
||||
@ionicon-var-arrow-right-a: "\f109";
|
||||
@ionicon-var-arrow-right-b: "\f10a";
|
||||
@ionicon-var-arrow-right-c: "\f10b";
|
||||
@ionicon-var-arrow-shrink: "\f267";
|
||||
@ionicon-var-arrow-swap: "\f268";
|
||||
@ionicon-var-arrow-up-a: "\f10c";
|
||||
@ionicon-var-arrow-up-b: "\f10d";
|
||||
@ionicon-var-arrow-up-c: "\f10e";
|
||||
@ionicon-var-asterisk: "\f314";
|
||||
@ionicon-var-at: "\f10f";
|
||||
@ionicon-var-backspace: "\f3bf";
|
||||
@ionicon-var-backspace-outline: "\f3be";
|
||||
@ionicon-var-bag: "\f110";
|
||||
@ionicon-var-battery-charging: "\f111";
|
||||
@ionicon-var-battery-empty: "\f112";
|
||||
@ionicon-var-battery-full: "\f113";
|
||||
@ionicon-var-battery-half: "\f114";
|
||||
@ionicon-var-battery-low: "\f115";
|
||||
@ionicon-var-beaker: "\f269";
|
||||
@ionicon-var-beer: "\f26a";
|
||||
@ionicon-var-bluetooth: "\f116";
|
||||
@ionicon-var-bonfire: "\f315";
|
||||
@ionicon-var-bookmark: "\f26b";
|
||||
@ionicon-var-bowtie: "\f3c0";
|
||||
@ionicon-var-briefcase: "\f26c";
|
||||
@ionicon-var-bug: "\f2be";
|
||||
@ionicon-var-calculator: "\f26d";
|
||||
@ionicon-var-calendar: "\f117";
|
||||
@ionicon-var-camera: "\f118";
|
||||
@ionicon-var-card: "\f119";
|
||||
@ionicon-var-cash: "\f316";
|
||||
@ionicon-var-chatbox: "\f11b";
|
||||
@ionicon-var-chatbox-working: "\f11a";
|
||||
@ionicon-var-chatboxes: "\f11c";
|
||||
@ionicon-var-chatbubble: "\f11e";
|
||||
@ionicon-var-chatbubble-working: "\f11d";
|
||||
@ionicon-var-chatbubbles: "\f11f";
|
||||
@ionicon-var-checkmark: "\f122";
|
||||
@ionicon-var-checkmark-circled: "\f120";
|
||||
@ionicon-var-checkmark-round: "\f121";
|
||||
@ionicon-var-chevron-down: "\f123";
|
||||
@ionicon-var-chevron-left: "\f124";
|
||||
@ionicon-var-chevron-right: "\f125";
|
||||
@ionicon-var-chevron-up: "\f126";
|
||||
@ionicon-var-clipboard: "\f127";
|
||||
@ionicon-var-clock: "\f26e";
|
||||
@ionicon-var-close: "\f12a";
|
||||
@ionicon-var-close-circled: "\f128";
|
||||
@ionicon-var-close-round: "\f129";
|
||||
@ionicon-var-closed-captioning: "\f317";
|
||||
@ionicon-var-cloud: "\f12b";
|
||||
@ionicon-var-code: "\f271";
|
||||
@ionicon-var-code-download: "\f26f";
|
||||
@ionicon-var-code-working: "\f270";
|
||||
@ionicon-var-coffee: "\f272";
|
||||
@ionicon-var-compass: "\f273";
|
||||
@ionicon-var-compose: "\f12c";
|
||||
@ionicon-var-connection-bars: "\f274";
|
||||
@ionicon-var-contrast: "\f275";
|
||||
@ionicon-var-crop: "\f3c1";
|
||||
@ionicon-var-cube: "\f318";
|
||||
@ionicon-var-disc: "\f12d";
|
||||
@ionicon-var-document: "\f12f";
|
||||
@ionicon-var-document-text: "\f12e";
|
||||
@ionicon-var-drag: "\f130";
|
||||
@ionicon-var-earth: "\f276";
|
||||
@ionicon-var-easel: "\f3c2";
|
||||
@ionicon-var-edit: "\f2bf";
|
||||
@ionicon-var-egg: "\f277";
|
||||
@ionicon-var-eject: "\f131";
|
||||
@ionicon-var-email: "\f132";
|
||||
@ionicon-var-email-unread: "\f3c3";
|
||||
@ionicon-var-erlenmeyer-flask: "\f3c5";
|
||||
@ionicon-var-erlenmeyer-flask-bubbles: "\f3c4";
|
||||
@ionicon-var-eye: "\f133";
|
||||
@ionicon-var-eye-disabled: "\f306";
|
||||
@ionicon-var-female: "\f278";
|
||||
@ionicon-var-filing: "\f134";
|
||||
@ionicon-var-film-marker: "\f135";
|
||||
@ionicon-var-fireball: "\f319";
|
||||
@ionicon-var-flag: "\f279";
|
||||
@ionicon-var-flame: "\f31a";
|
||||
@ionicon-var-flash: "\f137";
|
||||
@ionicon-var-flash-off: "\f136";
|
||||
@ionicon-var-folder: "\f139";
|
||||
@ionicon-var-fork: "\f27a";
|
||||
@ionicon-var-fork-repo: "\f2c0";
|
||||
@ionicon-var-forward: "\f13a";
|
||||
@ionicon-var-funnel: "\f31b";
|
||||
@ionicon-var-gear-a: "\f13d";
|
||||
@ionicon-var-gear-b: "\f13e";
|
||||
@ionicon-var-grid: "\f13f";
|
||||
@ionicon-var-hammer: "\f27b";
|
||||
@ionicon-var-happy: "\f31c";
|
||||
@ionicon-var-happy-outline: "\f3c6";
|
||||
@ionicon-var-headphone: "\f140";
|
||||
@ionicon-var-heart: "\f141";
|
||||
@ionicon-var-heart-broken: "\f31d";
|
||||
@ionicon-var-help: "\f143";
|
||||
@ionicon-var-help-buoy: "\f27c";
|
||||
@ionicon-var-help-circled: "\f142";
|
||||
@ionicon-var-home: "\f144";
|
||||
@ionicon-var-icecream: "\f27d";
|
||||
@ionicon-var-image: "\f147";
|
||||
@ionicon-var-images: "\f148";
|
||||
@ionicon-var-information: "\f14a";
|
||||
@ionicon-var-information-circled: "\f149";
|
||||
@ionicon-var-ionic: "\f14b";
|
||||
@ionicon-var-ios-alarm: "\f3c8";
|
||||
@ionicon-var-ios-alarm-outline: "\f3c7";
|
||||
@ionicon-var-ios-albums: "\f3ca";
|
||||
@ionicon-var-ios-albums-outline: "\f3c9";
|
||||
@ionicon-var-ios-americanfootball: "\f3cc";
|
||||
@ionicon-var-ios-americanfootball-outline: "\f3cb";
|
||||
@ionicon-var-ios-analytics: "\f3ce";
|
||||
@ionicon-var-ios-analytics-outline: "\f3cd";
|
||||
@ionicon-var-ios-arrow-back: "\f3cf";
|
||||
@ionicon-var-ios-arrow-down: "\f3d0";
|
||||
@ionicon-var-ios-arrow-forward: "\f3d1";
|
||||
@ionicon-var-ios-arrow-left: "\f3d2";
|
||||
@ionicon-var-ios-arrow-right: "\f3d3";
|
||||
@ionicon-var-ios-arrow-thin-down: "\f3d4";
|
||||
@ionicon-var-ios-arrow-thin-left: "\f3d5";
|
||||
@ionicon-var-ios-arrow-thin-right: "\f3d6";
|
||||
@ionicon-var-ios-arrow-thin-up: "\f3d7";
|
||||
@ionicon-var-ios-arrow-up: "\f3d8";
|
||||
@ionicon-var-ios-at: "\f3da";
|
||||
@ionicon-var-ios-at-outline: "\f3d9";
|
||||
@ionicon-var-ios-barcode: "\f3dc";
|
||||
@ionicon-var-ios-barcode-outline: "\f3db";
|
||||
@ionicon-var-ios-baseball: "\f3de";
|
||||
@ionicon-var-ios-baseball-outline: "\f3dd";
|
||||
@ionicon-var-ios-basketball: "\f3e0";
|
||||
@ionicon-var-ios-basketball-outline: "\f3df";
|
||||
@ionicon-var-ios-bell: "\f3e2";
|
||||
@ionicon-var-ios-bell-outline: "\f3e1";
|
||||
@ionicon-var-ios-body: "\f3e4";
|
||||
@ionicon-var-ios-body-outline: "\f3e3";
|
||||
@ionicon-var-ios-bolt: "\f3e6";
|
||||
@ionicon-var-ios-bolt-outline: "\f3e5";
|
||||
@ionicon-var-ios-book: "\f3e8";
|
||||
@ionicon-var-ios-book-outline: "\f3e7";
|
||||
@ionicon-var-ios-bookmarks: "\f3ea";
|
||||
@ionicon-var-ios-bookmarks-outline: "\f3e9";
|
||||
@ionicon-var-ios-box: "\f3ec";
|
||||
@ionicon-var-ios-box-outline: "\f3eb";
|
||||
@ionicon-var-ios-briefcase: "\f3ee";
|
||||
@ionicon-var-ios-briefcase-outline: "\f3ed";
|
||||
@ionicon-var-ios-browsers: "\f3f0";
|
||||
@ionicon-var-ios-browsers-outline: "\f3ef";
|
||||
@ionicon-var-ios-calculator: "\f3f2";
|
||||
@ionicon-var-ios-calculator-outline: "\f3f1";
|
||||
@ionicon-var-ios-calendar: "\f3f4";
|
||||
@ionicon-var-ios-calendar-outline: "\f3f3";
|
||||
@ionicon-var-ios-camera: "\f3f6";
|
||||
@ionicon-var-ios-camera-outline: "\f3f5";
|
||||
@ionicon-var-ios-cart: "\f3f8";
|
||||
@ionicon-var-ios-cart-outline: "\f3f7";
|
||||
@ionicon-var-ios-chatboxes: "\f3fa";
|
||||
@ionicon-var-ios-chatboxes-outline: "\f3f9";
|
||||
@ionicon-var-ios-chatbubble: "\f3fc";
|
||||
@ionicon-var-ios-chatbubble-outline: "\f3fb";
|
||||
@ionicon-var-ios-checkmark: "\f3ff";
|
||||
@ionicon-var-ios-checkmark-empty: "\f3fd";
|
||||
@ionicon-var-ios-checkmark-outline: "\f3fe";
|
||||
@ionicon-var-ios-circle-filled: "\f400";
|
||||
@ionicon-var-ios-circle-outline: "\f401";
|
||||
@ionicon-var-ios-clock: "\f403";
|
||||
@ionicon-var-ios-clock-outline: "\f402";
|
||||
@ionicon-var-ios-close: "\f406";
|
||||
@ionicon-var-ios-close-empty: "\f404";
|
||||
@ionicon-var-ios-close-outline: "\f405";
|
||||
@ionicon-var-ios-cloud: "\f40c";
|
||||
@ionicon-var-ios-cloud-download: "\f408";
|
||||
@ionicon-var-ios-cloud-download-outline: "\f407";
|
||||
@ionicon-var-ios-cloud-outline: "\f409";
|
||||
@ionicon-var-ios-cloud-upload: "\f40b";
|
||||
@ionicon-var-ios-cloud-upload-outline: "\f40a";
|
||||
@ionicon-var-ios-cloudy: "\f410";
|
||||
@ionicon-var-ios-cloudy-night: "\f40e";
|
||||
@ionicon-var-ios-cloudy-night-outline: "\f40d";
|
||||
@ionicon-var-ios-cloudy-outline: "\f40f";
|
||||
@ionicon-var-ios-cog: "\f412";
|
||||
@ionicon-var-ios-cog-outline: "\f411";
|
||||
@ionicon-var-ios-color-filter: "\f414";
|
||||
@ionicon-var-ios-color-filter-outline: "\f413";
|
||||
@ionicon-var-ios-color-wand: "\f416";
|
||||
@ionicon-var-ios-color-wand-outline: "\f415";
|
||||
@ionicon-var-ios-compose: "\f418";
|
||||
@ionicon-var-ios-compose-outline: "\f417";
|
||||
@ionicon-var-ios-contact: "\f41a";
|
||||
@ionicon-var-ios-contact-outline: "\f419";
|
||||
@ionicon-var-ios-copy: "\f41c";
|
||||
@ionicon-var-ios-copy-outline: "\f41b";
|
||||
@ionicon-var-ios-crop: "\f41e";
|
||||
@ionicon-var-ios-crop-strong: "\f41d";
|
||||
@ionicon-var-ios-download: "\f420";
|
||||
@ionicon-var-ios-download-outline: "\f41f";
|
||||
@ionicon-var-ios-drag: "\f421";
|
||||
@ionicon-var-ios-email: "\f423";
|
||||
@ionicon-var-ios-email-outline: "\f422";
|
||||
@ionicon-var-ios-eye: "\f425";
|
||||
@ionicon-var-ios-eye-outline: "\f424";
|
||||
@ionicon-var-ios-fastforward: "\f427";
|
||||
@ionicon-var-ios-fastforward-outline: "\f426";
|
||||
@ionicon-var-ios-filing: "\f429";
|
||||
@ionicon-var-ios-filing-outline: "\f428";
|
||||
@ionicon-var-ios-film: "\f42b";
|
||||
@ionicon-var-ios-film-outline: "\f42a";
|
||||
@ionicon-var-ios-flag: "\f42d";
|
||||
@ionicon-var-ios-flag-outline: "\f42c";
|
||||
@ionicon-var-ios-flame: "\f42f";
|
||||
@ionicon-var-ios-flame-outline: "\f42e";
|
||||
@ionicon-var-ios-flask: "\f431";
|
||||
@ionicon-var-ios-flask-outline: "\f430";
|
||||
@ionicon-var-ios-flower: "\f433";
|
||||
@ionicon-var-ios-flower-outline: "\f432";
|
||||
@ionicon-var-ios-folder: "\f435";
|
||||
@ionicon-var-ios-folder-outline: "\f434";
|
||||
@ionicon-var-ios-football: "\f437";
|
||||
@ionicon-var-ios-football-outline: "\f436";
|
||||
@ionicon-var-ios-game-controller-a: "\f439";
|
||||
@ionicon-var-ios-game-controller-a-outline: "\f438";
|
||||
@ionicon-var-ios-game-controller-b: "\f43b";
|
||||
@ionicon-var-ios-game-controller-b-outline: "\f43a";
|
||||
@ionicon-var-ios-gear: "\f43d";
|
||||
@ionicon-var-ios-gear-outline: "\f43c";
|
||||
@ionicon-var-ios-glasses: "\f43f";
|
||||
@ionicon-var-ios-glasses-outline: "\f43e";
|
||||
@ionicon-var-ios-grid-view: "\f441";
|
||||
@ionicon-var-ios-grid-view-outline: "\f440";
|
||||
@ionicon-var-ios-heart: "\f443";
|
||||
@ionicon-var-ios-heart-outline: "\f442";
|
||||
@ionicon-var-ios-help: "\f446";
|
||||
@ionicon-var-ios-help-empty: "\f444";
|
||||
@ionicon-var-ios-help-outline: "\f445";
|
||||
@ionicon-var-ios-home: "\f448";
|
||||
@ionicon-var-ios-home-outline: "\f447";
|
||||
@ionicon-var-ios-infinite: "\f44a";
|
||||
@ionicon-var-ios-infinite-outline: "\f449";
|
||||
@ionicon-var-ios-information: "\f44d";
|
||||
@ionicon-var-ios-information-empty: "\f44b";
|
||||
@ionicon-var-ios-information-outline: "\f44c";
|
||||
@ionicon-var-ios-ionic-outline: "\f44e";
|
||||
@ionicon-var-ios-keypad: "\f450";
|
||||
@ionicon-var-ios-keypad-outline: "\f44f";
|
||||
@ionicon-var-ios-lightbulb: "\f452";
|
||||
@ionicon-var-ios-lightbulb-outline: "\f451";
|
||||
@ionicon-var-ios-list: "\f454";
|
||||
@ionicon-var-ios-list-outline: "\f453";
|
||||
@ionicon-var-ios-location: "\f456";
|
||||
@ionicon-var-ios-location-outline: "\f455";
|
||||
@ionicon-var-ios-locked: "\f458";
|
||||
@ionicon-var-ios-locked-outline: "\f457";
|
||||
@ionicon-var-ios-loop: "\f45a";
|
||||
@ionicon-var-ios-loop-strong: "\f459";
|
||||
@ionicon-var-ios-medical: "\f45c";
|
||||
@ionicon-var-ios-medical-outline: "\f45b";
|
||||
@ionicon-var-ios-medkit: "\f45e";
|
||||
@ionicon-var-ios-medkit-outline: "\f45d";
|
||||
@ionicon-var-ios-mic: "\f461";
|
||||
@ionicon-var-ios-mic-off: "\f45f";
|
||||
@ionicon-var-ios-mic-outline: "\f460";
|
||||
@ionicon-var-ios-minus: "\f464";
|
||||
@ionicon-var-ios-minus-empty: "\f462";
|
||||
@ionicon-var-ios-minus-outline: "\f463";
|
||||
@ionicon-var-ios-monitor: "\f466";
|
||||
@ionicon-var-ios-monitor-outline: "\f465";
|
||||
@ionicon-var-ios-moon: "\f468";
|
||||
@ionicon-var-ios-moon-outline: "\f467";
|
||||
@ionicon-var-ios-more: "\f46a";
|
||||
@ionicon-var-ios-more-outline: "\f469";
|
||||
@ionicon-var-ios-musical-note: "\f46b";
|
||||
@ionicon-var-ios-musical-notes: "\f46c";
|
||||
@ionicon-var-ios-navigate: "\f46e";
|
||||
@ionicon-var-ios-navigate-outline: "\f46d";
|
||||
@ionicon-var-ios-nutrition: "\f470";
|
||||
@ionicon-var-ios-nutrition-outline: "\f46f";
|
||||
@ionicon-var-ios-paper: "\f472";
|
||||
@ionicon-var-ios-paper-outline: "\f471";
|
||||
@ionicon-var-ios-paperplane: "\f474";
|
||||
@ionicon-var-ios-paperplane-outline: "\f473";
|
||||
@ionicon-var-ios-partlysunny: "\f476";
|
||||
@ionicon-var-ios-partlysunny-outline: "\f475";
|
||||
@ionicon-var-ios-pause: "\f478";
|
||||
@ionicon-var-ios-pause-outline: "\f477";
|
||||
@ionicon-var-ios-paw: "\f47a";
|
||||
@ionicon-var-ios-paw-outline: "\f479";
|
||||
@ionicon-var-ios-people: "\f47c";
|
||||
@ionicon-var-ios-people-outline: "\f47b";
|
||||
@ionicon-var-ios-person: "\f47e";
|
||||
@ionicon-var-ios-person-outline: "\f47d";
|
||||
@ionicon-var-ios-personadd: "\f480";
|
||||
@ionicon-var-ios-personadd-outline: "\f47f";
|
||||
@ionicon-var-ios-photos: "\f482";
|
||||
@ionicon-var-ios-photos-outline: "\f481";
|
||||
@ionicon-var-ios-pie: "\f484";
|
||||
@ionicon-var-ios-pie-outline: "\f483";
|
||||
@ionicon-var-ios-pint: "\f486";
|
||||
@ionicon-var-ios-pint-outline: "\f485";
|
||||
@ionicon-var-ios-play: "\f488";
|
||||
@ionicon-var-ios-play-outline: "\f487";
|
||||
@ionicon-var-ios-plus: "\f48b";
|
||||
@ionicon-var-ios-plus-empty: "\f489";
|
||||
@ionicon-var-ios-plus-outline: "\f48a";
|
||||
@ionicon-var-ios-pricetag: "\f48d";
|
||||
@ionicon-var-ios-pricetag-outline: "\f48c";
|
||||
@ionicon-var-ios-pricetags: "\f48f";
|
||||
@ionicon-var-ios-pricetags-outline: "\f48e";
|
||||
@ionicon-var-ios-printer: "\f491";
|
||||
@ionicon-var-ios-printer-outline: "\f490";
|
||||
@ionicon-var-ios-pulse: "\f493";
|
||||
@ionicon-var-ios-pulse-strong: "\f492";
|
||||
@ionicon-var-ios-rainy: "\f495";
|
||||
@ionicon-var-ios-rainy-outline: "\f494";
|
||||
@ionicon-var-ios-recording: "\f497";
|
||||
@ionicon-var-ios-recording-outline: "\f496";
|
||||
@ionicon-var-ios-redo: "\f499";
|
||||
@ionicon-var-ios-redo-outline: "\f498";
|
||||
@ionicon-var-ios-refresh: "\f49c";
|
||||
@ionicon-var-ios-refresh-empty: "\f49a";
|
||||
@ionicon-var-ios-refresh-outline: "\f49b";
|
||||
@ionicon-var-ios-reload: "\f49d";
|
||||
@ionicon-var-ios-reverse-camera: "\f49f";
|
||||
@ionicon-var-ios-reverse-camera-outline: "\f49e";
|
||||
@ionicon-var-ios-rewind: "\f4a1";
|
||||
@ionicon-var-ios-rewind-outline: "\f4a0";
|
||||
@ionicon-var-ios-rose: "\f4a3";
|
||||
@ionicon-var-ios-rose-outline: "\f4a2";
|
||||
@ionicon-var-ios-search: "\f4a5";
|
||||
@ionicon-var-ios-search-strong: "\f4a4";
|
||||
@ionicon-var-ios-settings: "\f4a7";
|
||||
@ionicon-var-ios-settings-strong: "\f4a6";
|
||||
@ionicon-var-ios-shuffle: "\f4a9";
|
||||
@ionicon-var-ios-shuffle-strong: "\f4a8";
|
||||
@ionicon-var-ios-skipbackward: "\f4ab";
|
||||
@ionicon-var-ios-skipbackward-outline: "\f4aa";
|
||||
@ionicon-var-ios-skipforward: "\f4ad";
|
||||
@ionicon-var-ios-skipforward-outline: "\f4ac";
|
||||
@ionicon-var-ios-snowy: "\f4ae";
|
||||
@ionicon-var-ios-speedometer: "\f4b0";
|
||||
@ionicon-var-ios-speedometer-outline: "\f4af";
|
||||
@ionicon-var-ios-star: "\f4b3";
|
||||
@ionicon-var-ios-star-half: "\f4b1";
|
||||
@ionicon-var-ios-star-outline: "\f4b2";
|
||||
@ionicon-var-ios-stopwatch: "\f4b5";
|
||||
@ionicon-var-ios-stopwatch-outline: "\f4b4";
|
||||
@ionicon-var-ios-sunny: "\f4b7";
|
||||
@ionicon-var-ios-sunny-outline: "\f4b6";
|
||||
@ionicon-var-ios-telephone: "\f4b9";
|
||||
@ionicon-var-ios-telephone-outline: "\f4b8";
|
||||
@ionicon-var-ios-tennisball: "\f4bb";
|
||||
@ionicon-var-ios-tennisball-outline: "\f4ba";
|
||||
@ionicon-var-ios-thunderstorm: "\f4bd";
|
||||
@ionicon-var-ios-thunderstorm-outline: "\f4bc";
|
||||
@ionicon-var-ios-time: "\f4bf";
|
||||
@ionicon-var-ios-time-outline: "\f4be";
|
||||
@ionicon-var-ios-timer: "\f4c1";
|
||||
@ionicon-var-ios-timer-outline: "\f4c0";
|
||||
@ionicon-var-ios-toggle: "\f4c3";
|
||||
@ionicon-var-ios-toggle-outline: "\f4c2";
|
||||
@ionicon-var-ios-trash: "\f4c5";
|
||||
@ionicon-var-ios-trash-outline: "\f4c4";
|
||||
@ionicon-var-ios-undo: "\f4c7";
|
||||
@ionicon-var-ios-undo-outline: "\f4c6";
|
||||
@ionicon-var-ios-unlocked: "\f4c9";
|
||||
@ionicon-var-ios-unlocked-outline: "\f4c8";
|
||||
@ionicon-var-ios-upload: "\f4cb";
|
||||
@ionicon-var-ios-upload-outline: "\f4ca";
|
||||
@ionicon-var-ios-videocam: "\f4cd";
|
||||
@ionicon-var-ios-videocam-outline: "\f4cc";
|
||||
@ionicon-var-ios-volume-high: "\f4ce";
|
||||
@ionicon-var-ios-volume-low: "\f4cf";
|
||||
@ionicon-var-ios-wineglass: "\f4d1";
|
||||
@ionicon-var-ios-wineglass-outline: "\f4d0";
|
||||
@ionicon-var-ios-world: "\f4d3";
|
||||
@ionicon-var-ios-world-outline: "\f4d2";
|
||||
@ionicon-var-ipad: "\f1f9";
|
||||
@ionicon-var-iphone: "\f1fa";
|
||||
@ionicon-var-ipod: "\f1fb";
|
||||
@ionicon-var-jet: "\f295";
|
||||
@ionicon-var-key: "\f296";
|
||||
@ionicon-var-knife: "\f297";
|
||||
@ionicon-var-laptop: "\f1fc";
|
||||
@ionicon-var-leaf: "\f1fd";
|
||||
@ionicon-var-levels: "\f298";
|
||||
@ionicon-var-lightbulb: "\f299";
|
||||
@ionicon-var-link: "\f1fe";
|
||||
@ionicon-var-load-a: "\f29a";
|
||||
@ionicon-var-load-b: "\f29b";
|
||||
@ionicon-var-load-c: "\f29c";
|
||||
@ionicon-var-load-d: "\f29d";
|
||||
@ionicon-var-location: "\f1ff";
|
||||
@ionicon-var-lock-combination: "\f4d4";
|
||||
@ionicon-var-locked: "\f200";
|
||||
@ionicon-var-log-in: "\f29e";
|
||||
@ionicon-var-log-out: "\f29f";
|
||||
@ionicon-var-loop: "\f201";
|
||||
@ionicon-var-magnet: "\f2a0";
|
||||
@ionicon-var-male: "\f2a1";
|
||||
@ionicon-var-man: "\f202";
|
||||
@ionicon-var-map: "\f203";
|
||||
@ionicon-var-medkit: "\f2a2";
|
||||
@ionicon-var-merge: "\f33f";
|
||||
@ionicon-var-mic-a: "\f204";
|
||||
@ionicon-var-mic-b: "\f205";
|
||||
@ionicon-var-mic-c: "\f206";
|
||||
@ionicon-var-minus: "\f209";
|
||||
@ionicon-var-minus-circled: "\f207";
|
||||
@ionicon-var-minus-round: "\f208";
|
||||
@ionicon-var-model-s: "\f2c1";
|
||||
@ionicon-var-monitor: "\f20a";
|
||||
@ionicon-var-more: "\f20b";
|
||||
@ionicon-var-mouse: "\f340";
|
||||
@ionicon-var-music-note: "\f20c";
|
||||
@ionicon-var-navicon: "\f20e";
|
||||
@ionicon-var-navicon-round: "\f20d";
|
||||
@ionicon-var-navigate: "\f2a3";
|
||||
@ionicon-var-network: "\f341";
|
||||
@ionicon-var-no-smoking: "\f2c2";
|
||||
@ionicon-var-nuclear: "\f2a4";
|
||||
@ionicon-var-outlet: "\f342";
|
||||
@ionicon-var-paintbrush: "\f4d5";
|
||||
@ionicon-var-paintbucket: "\f4d6";
|
||||
@ionicon-var-paper-airplane: "\f2c3";
|
||||
@ionicon-var-paperclip: "\f20f";
|
||||
@ionicon-var-pause: "\f210";
|
||||
@ionicon-var-person: "\f213";
|
||||
@ionicon-var-person-add: "\f211";
|
||||
@ionicon-var-person-stalker: "\f212";
|
||||
@ionicon-var-pie-graph: "\f2a5";
|
||||
@ionicon-var-pin: "\f2a6";
|
||||
@ionicon-var-pinpoint: "\f2a7";
|
||||
@ionicon-var-pizza: "\f2a8";
|
||||
@ionicon-var-plane: "\f214";
|
||||
@ionicon-var-planet: "\f343";
|
||||
@ionicon-var-play: "\f215";
|
||||
@ionicon-var-playstation: "\f30a";
|
||||
@ionicon-var-plus: "\f218";
|
||||
@ionicon-var-plus-circled: "\f216";
|
||||
@ionicon-var-plus-round: "\f217";
|
||||
@ionicon-var-podium: "\f344";
|
||||
@ionicon-var-pound: "\f219";
|
||||
@ionicon-var-power: "\f2a9";
|
||||
@ionicon-var-pricetag: "\f2aa";
|
||||
@ionicon-var-pricetags: "\f2ab";
|
||||
@ionicon-var-printer: "\f21a";
|
||||
@ionicon-var-pull-request: "\f345";
|
||||
@ionicon-var-qr-scanner: "\f346";
|
||||
@ionicon-var-quote: "\f347";
|
||||
@ionicon-var-radio-waves: "\f2ac";
|
||||
@ionicon-var-record: "\f21b";
|
||||
@ionicon-var-refresh: "\f21c";
|
||||
@ionicon-var-reply: "\f21e";
|
||||
@ionicon-var-reply-all: "\f21d";
|
||||
@ionicon-var-ribbon-a: "\f348";
|
||||
@ionicon-var-ribbon-b: "\f349";
|
||||
@ionicon-var-sad: "\f34a";
|
||||
@ionicon-var-sad-outline: "\f4d7";
|
||||
@ionicon-var-scissors: "\f34b";
|
||||
@ionicon-var-search: "\f21f";
|
||||
@ionicon-var-settings: "\f2ad";
|
||||
@ionicon-var-share: "\f220";
|
||||
@ionicon-var-shuffle: "\f221";
|
||||
@ionicon-var-skip-backward: "\f222";
|
||||
@ionicon-var-skip-forward: "\f223";
|
||||
@ionicon-var-social-android: "\f225";
|
||||
@ionicon-var-social-android-outline: "\f224";
|
||||
@ionicon-var-social-angular: "\f4d9";
|
||||
@ionicon-var-social-angular-outline: "\f4d8";
|
||||
@ionicon-var-social-apple: "\f227";
|
||||
@ionicon-var-social-apple-outline: "\f226";
|
||||
@ionicon-var-social-bitcoin: "\f2af";
|
||||
@ionicon-var-social-bitcoin-outline: "\f2ae";
|
||||
@ionicon-var-social-buffer: "\f229";
|
||||
@ionicon-var-social-buffer-outline: "\f228";
|
||||
@ionicon-var-social-chrome: "\f4db";
|
||||
@ionicon-var-social-chrome-outline: "\f4da";
|
||||
@ionicon-var-social-codepen: "\f4dd";
|
||||
@ionicon-var-social-codepen-outline: "\f4dc";
|
||||
@ionicon-var-social-css3: "\f4df";
|
||||
@ionicon-var-social-css3-outline: "\f4de";
|
||||
@ionicon-var-social-designernews: "\f22b";
|
||||
@ionicon-var-social-designernews-outline: "\f22a";
|
||||
@ionicon-var-social-dribbble: "\f22d";
|
||||
@ionicon-var-social-dribbble-outline: "\f22c";
|
||||
@ionicon-var-social-dropbox: "\f22f";
|
||||
@ionicon-var-social-dropbox-outline: "\f22e";
|
||||
@ionicon-var-social-euro: "\f4e1";
|
||||
@ionicon-var-social-euro-outline: "\f4e0";
|
||||
@ionicon-var-social-facebook: "\f231";
|
||||
@ionicon-var-social-facebook-outline: "\f230";
|
||||
@ionicon-var-social-foursquare: "\f34d";
|
||||
@ionicon-var-social-foursquare-outline: "\f34c";
|
||||
@ionicon-var-social-freebsd-devil: "\f2c4";
|
||||
@ionicon-var-social-github: "\f233";
|
||||
@ionicon-var-social-github-outline: "\f232";
|
||||
@ionicon-var-social-google: "\f34f";
|
||||
@ionicon-var-social-google-outline: "\f34e";
|
||||
@ionicon-var-social-googleplus: "\f235";
|
||||
@ionicon-var-social-googleplus-outline: "\f234";
|
||||
@ionicon-var-social-hackernews: "\f237";
|
||||
@ionicon-var-social-hackernews-outline: "\f236";
|
||||
@ionicon-var-social-html5: "\f4e3";
|
||||
@ionicon-var-social-html5-outline: "\f4e2";
|
||||
@ionicon-var-social-instagram: "\f351";
|
||||
@ionicon-var-social-instagram-outline: "\f350";
|
||||
@ionicon-var-social-javascript: "\f4e5";
|
||||
@ionicon-var-social-javascript-outline: "\f4e4";
|
||||
@ionicon-var-social-linkedin: "\f239";
|
||||
@ionicon-var-social-linkedin-outline: "\f238";
|
||||
@ionicon-var-social-markdown: "\f4e6";
|
||||
@ionicon-var-social-nodejs: "\f4e7";
|
||||
@ionicon-var-social-octocat: "\f4e8";
|
||||
@ionicon-var-social-pinterest: "\f2b1";
|
||||
@ionicon-var-social-pinterest-outline: "\f2b0";
|
||||
@ionicon-var-social-python: "\f4e9";
|
||||
@ionicon-var-social-reddit: "\f23b";
|
||||
@ionicon-var-social-reddit-outline: "\f23a";
|
||||
@ionicon-var-social-rss: "\f23d";
|
||||
@ionicon-var-social-rss-outline: "\f23c";
|
||||
@ionicon-var-social-sass: "\f4ea";
|
||||
@ionicon-var-social-skype: "\f23f";
|
||||
@ionicon-var-social-skype-outline: "\f23e";
|
||||
@ionicon-var-social-snapchat: "\f4ec";
|
||||
@ionicon-var-social-snapchat-outline: "\f4eb";
|
||||
@ionicon-var-social-tumblr: "\f241";
|
||||
@ionicon-var-social-tumblr-outline: "\f240";
|
||||
@ionicon-var-social-tux: "\f2c5";
|
||||
@ionicon-var-social-twitch: "\f4ee";
|
||||
@ionicon-var-social-twitch-outline: "\f4ed";
|
||||
@ionicon-var-social-twitter: "\f243";
|
||||
@ionicon-var-social-twitter-outline: "\f242";
|
||||
@ionicon-var-social-usd: "\f353";
|
||||
@ionicon-var-social-usd-outline: "\f352";
|
||||
@ionicon-var-social-vimeo: "\f245";
|
||||
@ionicon-var-social-vimeo-outline: "\f244";
|
||||
@ionicon-var-social-whatsapp: "\f4f0";
|
||||
@ionicon-var-social-whatsapp-outline: "\f4ef";
|
||||
@ionicon-var-social-windows: "\f247";
|
||||
@ionicon-var-social-windows-outline: "\f246";
|
||||
@ionicon-var-social-wordpress: "\f249";
|
||||
@ionicon-var-social-wordpress-outline: "\f248";
|
||||
@ionicon-var-social-yahoo: "\f24b";
|
||||
@ionicon-var-social-yahoo-outline: "\f24a";
|
||||
@ionicon-var-social-yen: "\f4f2";
|
||||
@ionicon-var-social-yen-outline: "\f4f1";
|
||||
@ionicon-var-social-youtube: "\f24d";
|
||||
@ionicon-var-social-youtube-outline: "\f24c";
|
||||
@ionicon-var-soup-can: "\f4f4";
|
||||
@ionicon-var-soup-can-outline: "\f4f3";
|
||||
@ionicon-var-speakerphone: "\f2b2";
|
||||
@ionicon-var-speedometer: "\f2b3";
|
||||
@ionicon-var-spoon: "\f2b4";
|
||||
@ionicon-var-star: "\f24e";
|
||||
@ionicon-var-stats-bars: "\f2b5";
|
||||
@ionicon-var-steam: "\f30b";
|
||||
@ionicon-var-stop: "\f24f";
|
||||
@ionicon-var-thermometer: "\f2b6";
|
||||
@ionicon-var-thumbsdown: "\f250";
|
||||
@ionicon-var-thumbsup: "\f251";
|
||||
@ionicon-var-toggle: "\f355";
|
||||
@ionicon-var-toggle-filled: "\f354";
|
||||
@ionicon-var-transgender: "\f4f5";
|
||||
@ionicon-var-trash-a: "\f252";
|
||||
@ionicon-var-trash-b: "\f253";
|
||||
@ionicon-var-trophy: "\f356";
|
||||
@ionicon-var-tshirt: "\f4f7";
|
||||
@ionicon-var-tshirt-outline: "\f4f6";
|
||||
@ionicon-var-umbrella: "\f2b7";
|
||||
@ionicon-var-university: "\f357";
|
||||
@ionicon-var-unlocked: "\f254";
|
||||
@ionicon-var-upload: "\f255";
|
||||
@ionicon-var-usb: "\f2b8";
|
||||
@ionicon-var-videocamera: "\f256";
|
||||
@ionicon-var-volume-high: "\f257";
|
||||
@ionicon-var-volume-low: "\f258";
|
||||
@ionicon-var-volume-medium: "\f259";
|
||||
@ionicon-var-volume-mute: "\f25a";
|
||||
@ionicon-var-wand: "\f358";
|
||||
@ionicon-var-waterdrop: "\f25b";
|
||||
@ionicon-var-wifi: "\f25c";
|
||||
@ionicon-var-wineglass: "\f2b9";
|
||||
@ionicon-var-woman: "\f25d";
|
||||
@ionicon-var-wrench: "\f2ba";
|
||||
@ionicon-var-xbox: "\f30c";
|
||||
Binary file not shown.
File diff suppressed because it is too large
Load diff
|
Before Width: | Height: | Size: 326 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -1,3 +0,0 @@
|
|||
@import "_ionicons-variables";
|
||||
@import "_ionicons-font";
|
||||
@import "_ionicons-icons";
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
@import "base";
|
||||
@import "iconfont/ionicons";
|
||||
@import "layout";
|
||||
@import "article";
|
||||
|
|
@ -1,88 +0,0 @@
|
|||
.@{row-prefix-cls} {
|
||||
.make-row();
|
||||
display: block;
|
||||
|
||||
&-flex {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: flex;
|
||||
}
|
||||
// x轴原点
|
||||
&-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
// x轴居中
|
||||
&-center {
|
||||
justify-content: center;
|
||||
}
|
||||
// x轴反方向
|
||||
&-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
// x轴平分
|
||||
&-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
// x轴有间隔地平分
|
||||
&-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
// 顶部对齐
|
||||
&-top {
|
||||
align-items: flex-start;
|
||||
}
|
||||
// 居中对齐
|
||||
&-middle {
|
||||
align-items: center;
|
||||
}
|
||||
// 底部对齐
|
||||
&-bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
.@{col-prefix-cls} {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.make-grid();
|
||||
|
||||
// Extra small grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for extra small devices like
|
||||
// smartphones.
|
||||
|
||||
.make-grid(-xs);
|
||||
|
||||
// Small grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the small device range, from phones
|
||||
// to tablets.
|
||||
|
||||
@media (min-width: @screen-sm-min) {
|
||||
.make-grid(-sm);
|
||||
}
|
||||
|
||||
|
||||
// Medium grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the desktop device range.
|
||||
|
||||
@media (min-width: @screen-md-min) {
|
||||
.make-grid(-md);
|
||||
}
|
||||
|
||||
|
||||
// Large grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the large desktop device range.
|
||||
|
||||
@media (min-width: @screen-lg-min) {
|
||||
.make-grid(-lg);
|
||||
}
|
||||
461
src/styles/common/normalize.less
vendored
461
src/styles/common/normalize.less
vendored
|
|
@ -1,461 +0,0 @@
|
|||
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/**
|
||||
* 1. Change the default font family in all browsers (opinionated).
|
||||
* 2. Correct the line height in all browsers.
|
||||
* 3. Prevent adjustments of font size after orientation changes in
|
||||
* IE on Windows Phone and in iOS.
|
||||
*/
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
line-height: 1.15; /* 2 */
|
||||
-ms-text-size-adjust: 100%; /* 3 */
|
||||
-webkit-text-size-adjust: 100%; /* 3 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
figcaption,
|
||||
figure,
|
||||
main { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the outline on focused links when they are also active or hovered
|
||||
* in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the border, margin, and padding in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct display in IE 9-.
|
||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
*/
|
||||
|
||||
details, /* 1 */
|
||||
menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Scripting
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
canvas {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hidden
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
.ivu-affix {
|
||||
position: fixed;
|
||||
z-index: @zindex-affix;
|
||||
}
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
@alert-prefix-cls: ~"@{css-prefix}alert";
|
||||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
.@{alert-prefix-cls}{
|
||||
position: relative;
|
||||
padding: 8px 48px 8px 16px;
|
||||
border-radius: @border-radius-base;
|
||||
color: @text-color;
|
||||
font-size: @font-size-small;
|
||||
line-height: 16px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&&-with-icon{
|
||||
padding: 8px 48px 8px 38px;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
font-size: @font-size-base;
|
||||
top: 8px;
|
||||
left: 16px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&-desc {
|
||||
font-size: @font-size-small;
|
||||
color: @text-color;
|
||||
line-height: 21px;
|
||||
display: none;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
&-success {
|
||||
border: 1px solid tint(@success-color, 80%);
|
||||
background-color: tint(@success-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @success-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-info {
|
||||
border: 1px solid tint(@primary-color, 80%);
|
||||
background-color: tint(@primary-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-warning {
|
||||
border: 1px solid tint(@warning-color, 80%);
|
||||
background-color: tint(@warning-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @warning-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-error {
|
||||
border: 1px solid tint(@error-color, 80%);
|
||||
background-color: tint(@error-color, 90%);
|
||||
.@{alert-prefix-cls}-icon {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-close {
|
||||
.content-close(-3px);
|
||||
}
|
||||
|
||||
&-with-desc {
|
||||
padding: 16px;
|
||||
position: relative;
|
||||
border-radius: @border-radius-base;
|
||||
margin-bottom: 10px;
|
||||
color: @text-color;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
&-with-desc&-with-icon{
|
||||
padding: 16px 16px 16px 69px;
|
||||
}
|
||||
|
||||
&-with-desc &-desc{
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-with-desc &-message {
|
||||
font-size: 14px;
|
||||
color: @title-color;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-with-desc &-icon {
|
||||
top: 50%;
|
||||
left: 24px;
|
||||
margin-top: -21px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
&-with-banner{
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
@backtop-prefix-cls: ~"@{css-prefix}back-top";
|
||||
|
||||
.@{backtop-prefix-cls} {
|
||||
z-index: @zindex-back-top;
|
||||
position: fixed;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
|
||||
&.@{backtop-prefix-cls}-show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-inner {
|
||||
background-color: rgba(0,0,0,.6);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,.2);
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0,0,0,.7);
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
@badge-prefix-cls: ~"@{css-prefix}badge";
|
||||
|
||||
.@{badge-prefix-cls} {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
|
||||
&-count {
|
||||
position: absolute;
|
||||
transform: translateX(50%);
|
||||
top: -10px;
|
||||
right: 0;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
min-width: 20px;
|
||||
background: @error-color;
|
||||
border: 1px solid transparent;
|
||||
color: #fff;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
padding: 0 6px;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
transform-origin: -10% center;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 0 1px #fff;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&-alone {
|
||||
top: auto;
|
||||
display: block;
|
||||
position: relative;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
&-dot {
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
transform-origin: 0 center;
|
||||
top: -4px;
|
||||
right: -8px;
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
border-radius: 100%;
|
||||
background: @error-color;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 0 1px #fff;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,128 +0,0 @@
|
|||
@btn-prefix-cls: ~"@{css-prefix}btn";
|
||||
|
||||
.@{btn-prefix-cls} {
|
||||
.btn;
|
||||
.btn-default;
|
||||
|
||||
&-long{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
& > .ivu-icon + span, & > span + .ivu-icon{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
&-primary {
|
||||
.btn-primary;
|
||||
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:not(:first-child):not(:last-child) {
|
||||
border-right-color: @btn-group-border;
|
||||
border-left-color: @btn-group-border;
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:first-child {
|
||||
&:not(:last-child) {
|
||||
border-right-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-right-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:last-child:not(:first-child),
|
||||
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) & + .@{btn-prefix-cls} {
|
||||
border-left-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-left-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group-vertical &:not(:first-child):not(:last-child) {
|
||||
border-top-color: @btn-group-border;
|
||||
border-bottom-color: @btn-group-border;
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group-vertical &:first-child {
|
||||
&:not(:last-child) {
|
||||
border-bottom-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-top-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{btn-prefix-cls}-group-vertical &:last-child:not(:first-child),
|
||||
.@{btn-prefix-cls}-group-vertical & + .@{btn-prefix-cls} {
|
||||
border-top-color: @btn-group-border;
|
||||
&[disabled] {
|
||||
border-bottom-color: @btn-default-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-ghost {
|
||||
.btn-ghost;
|
||||
}
|
||||
|
||||
&-dashed{
|
||||
.btn-dashed;
|
||||
}
|
||||
|
||||
&-text{
|
||||
.btn-text;
|
||||
}
|
||||
|
||||
&-success {
|
||||
.btn-color(@success-color);
|
||||
}
|
||||
|
||||
&-warning {
|
||||
.btn-color(@warning-color);
|
||||
}
|
||||
|
||||
&-error {
|
||||
.btn-color(@error-color);
|
||||
}
|
||||
|
||||
&-info {
|
||||
.btn-color(@info-color);
|
||||
}
|
||||
|
||||
&-circle,
|
||||
&-circle-outline {
|
||||
.btn-circle(@btn-prefix-cls);
|
||||
}
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
bottom: -1px;
|
||||
right: -1px;
|
||||
background: #fff;
|
||||
opacity: 0.35;
|
||||
content: '';
|
||||
border-radius: inherit;
|
||||
z-index: 1;
|
||||
transition: opacity @transition-time;
|
||||
pointer-events: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&&-loading {
|
||||
pointer-events: none;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&-group {
|
||||
.btn-group(@btn-prefix-cls);
|
||||
}
|
||||
|
||||
&-group-vertical {
|
||||
.btn-group-vertical(@btn-prefix-cls);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
@card-prefix-cls: ~"@{css-prefix}card";
|
||||
|
||||
.@{card-prefix-cls}{
|
||||
background: #fff;
|
||||
border-radius: @border-radius-small;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
//overflow: hidden;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&-bordered {
|
||||
border: 1px solid @border-color-base;
|
||||
border-color: @border-color-split;
|
||||
}
|
||||
|
||||
&-shadow{
|
||||
box-shadow: @shadow-card;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: @shadow-base;
|
||||
border-color: #eee;
|
||||
}
|
||||
&&-dis-hover:hover{
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
&&-dis-hover&-bordered:hover{
|
||||
border-color: @border-color-split;
|
||||
}
|
||||
|
||||
&&-shadow:hover{
|
||||
box-shadow: @shadow-card;
|
||||
}
|
||||
|
||||
&-head {
|
||||
.content-header;
|
||||
}
|
||||
|
||||
&-extra {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
&-body {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,174 +0,0 @@
|
|||
@carousel-prefix-cls: ~"@{css-prefix}carousel";
|
||||
@carousel-item-prefix-cls: ~"@{css-prefix}carousel-item";
|
||||
|
||||
.@{carousel-prefix-cls} {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
user-select: none;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
&-track, &-list {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
&-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-item {
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-arrow {
|
||||
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
display: none;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 10;
|
||||
transform: translateY(-50%);
|
||||
|
||||
transition: @transition-time;
|
||||
background-color: rgba(31, 45, 61, .11);
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(31, 45, 61, 0.5);
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
|
||||
font-family: inherit;
|
||||
line-height: inherit;
|
||||
|
||||
& > * {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
&.left {
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
&.right {
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
&-always {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
&-hover {
|
||||
display: inherit;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover &-arrow-hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-dots {
|
||||
z-index: 10;
|
||||
|
||||
@padding: 7px;
|
||||
|
||||
display: none;
|
||||
|
||||
position: relative;
|
||||
&-inside {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 10px - @padding;
|
||||
}
|
||||
|
||||
&-outside {
|
||||
display: block;
|
||||
margin-top: 10px - @padding;
|
||||
}
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 3px + @padding * 2;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
|
||||
margin: 0 2px;
|
||||
padding: @padding 0;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
button {
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
|
||||
background: #8391a5;
|
||||
opacity: 0.3;
|
||||
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 3px;
|
||||
|
||||
border-radius: 1px;
|
||||
outline: none;
|
||||
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
&:hover > button {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
&.@{carousel-prefix-cls}-active > button {
|
||||
opacity: 1;
|
||||
width: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,99 +0,0 @@
|
|||
@cascader-prefix-cls: ~"@{css-prefix}cascader";
|
||||
@cascader-item-prefix-cls: ~"@{css-prefix}cascader-menu-item";
|
||||
|
||||
.@{cascader-prefix-cls} {
|
||||
//position: relative;
|
||||
line-height: normal;
|
||||
|
||||
&-rel{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.@{css-prefix}input{
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
&-disabled .@{css-prefix}input{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
|
||||
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
&-show-clear:hover .@{cascader-prefix-cls}-arrow:nth-of-type(2){
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-arrow {
|
||||
.inner-arrow();
|
||||
}
|
||||
&-visible &-arrow:nth-of-type(2) {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.select-item(@cascader-prefix-cls, @cascader-item-prefix-cls);
|
||||
|
||||
&-menu{
|
||||
display: inline-block;
|
||||
min-width: 100px;
|
||||
height: 180px;
|
||||
margin: 0;
|
||||
padding: 5px 0 !important;
|
||||
vertical-align: top;
|
||||
list-style: none;
|
||||
border-right: 1px solid @border-color-split;
|
||||
overflow: auto;
|
||||
|
||||
&:first-child {
|
||||
|
||||
}
|
||||
&:last-child {
|
||||
border-right-color: transparent;
|
||||
margin-right: -1px;
|
||||
}
|
||||
&:only-child {
|
||||
|
||||
}
|
||||
|
||||
& &-item{
|
||||
position: relative;
|
||||
padding-right: 24px;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
i{
|
||||
font-size: @font-size-small;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
}
|
||||
|
||||
&-active{
|
||||
background-color: @background-color-select-hover;
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error{
|
||||
.@{cascader-prefix-cls} {
|
||||
&-arrow{
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@checkbox-prefix-cls: ~"@{css-prefix}checkbox";
|
||||
.checkboxFn();
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
@circle-prefix-cls: ~"@{css-prefix}chart-circle";
|
||||
|
||||
.@{circle-prefix-cls}{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
&-inner {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
@collapse-prefix-cls: ~"@{css-prefix}collapse";
|
||||
|
||||
.@{collapse-prefix-cls}{
|
||||
background-color: @background-color-base;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @border-color-base;
|
||||
|
||||
& > &-item{
|
||||
border-top: 1px solid @border-color-base;
|
||||
&:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
> .@{collapse-prefix-cls}-header{
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
padding-left: 32px;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
> i{
|
||||
transition: transform @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
& > &-item&-item-active > &-header > i{
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
&-content{
|
||||
//display: none;
|
||||
overflow: hidden;
|
||||
color: @text-color;
|
||||
padding: 0 16px;
|
||||
background-color: #fff;
|
||||
|
||||
& > &-box {
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
}
|
||||
&-item-active > &-content{
|
||||
//display: block;
|
||||
}
|
||||
&-item:last-child {
|
||||
> .@{collapse-prefix-cls}-content {
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,270 +0,0 @@
|
|||
@date-picker-prefix-cls: ~"@{css-prefix}date-picker";
|
||||
@picker-prefix-cls: ~"@{css-prefix}picker";
|
||||
|
||||
@date-picker-cells-width: 196px;
|
||||
|
||||
.@{date-picker-prefix-cls} {
|
||||
//position: relative;
|
||||
line-height: normal;
|
||||
&-rel{
|
||||
position: relative;
|
||||
}
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
max-height: none;
|
||||
}
|
||||
&-cells{
|
||||
width: @date-picker-cells-width;
|
||||
margin: 10px;
|
||||
span{
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
|
||||
em{
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin: 2px;
|
||||
font-style: normal;
|
||||
border-radius: @btn-border-radius-small;
|
||||
text-align: center;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
&-header span{
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
margin: 2px;
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
&-cell{
|
||||
span&{
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
&:hover{
|
||||
em{
|
||||
background: @date-picker-cell-hover-bg;
|
||||
}
|
||||
}
|
||||
&-prev-month,&-next-month{
|
||||
em{
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
&:hover{
|
||||
em{
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
span&-disabled,span&-disabled:hover{
|
||||
cursor: @cursor-disabled;
|
||||
background: @btn-disable-bg;
|
||||
color: @btn-disable-color;
|
||||
em{
|
||||
color: inherit;
|
||||
background: inherit;
|
||||
}
|
||||
}
|
||||
&-today{
|
||||
em {
|
||||
position: relative;
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
background: @primary-color;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-range{
|
||||
position: relative;
|
||||
em{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
display: block;
|
||||
background: @date-picker-cell-hover-bg;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
&-selected,&-selected:hover
|
||||
{
|
||||
em{
|
||||
background: @primary-color;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
span&-disabled&-selected{
|
||||
em {
|
||||
background: @btn-disable-color;
|
||||
color: @btn-disable-bg;
|
||||
}
|
||||
}
|
||||
&-today&-selected
|
||||
{
|
||||
em{
|
||||
&:after{
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-cells-year,&-cells-month{
|
||||
margin-top: 14px;
|
||||
span{
|
||||
width: 40px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
margin: 10px 12px;
|
||||
border-radius: @btn-border-radius-small;
|
||||
em{
|
||||
width: 40px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-header{
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
&-label{
|
||||
cursor: pointer;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-prev-btn{
|
||||
float: left;
|
||||
&-arrow-double{
|
||||
margin-left: 10px;
|
||||
i:after{
|
||||
content: "\F3D2";
|
||||
}
|
||||
}
|
||||
}
|
||||
&-next-btn{
|
||||
float: right;
|
||||
&-arrow-double{
|
||||
margin-right: 10px;
|
||||
i:after{
|
||||
content: "\F3D3";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-with-range{
|
||||
.@{picker-prefix-cls}-panel{
|
||||
&-body{
|
||||
min-width: (@date-picker-cells-width + 20) * 2;
|
||||
}
|
||||
&-content{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls} {
|
||||
&-panel{
|
||||
&-icon-btn{
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
line-height: 26px;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: @btn-disable-color;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: @primary-color;
|
||||
}
|
||||
i{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&-body-wrapper&-with-sidebar{
|
||||
padding-left: 92px;
|
||||
}
|
||||
&-sidebar{
|
||||
width: 92px;
|
||||
float: left;
|
||||
margin-left: -92px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: @table-thead-bg;
|
||||
border-right: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small 0 0 @border-radius-small;
|
||||
overflow: auto;
|
||||
}
|
||||
&-shortcut{
|
||||
padding: @btn-padding-large;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover{
|
||||
background: @border-color-split;
|
||||
}
|
||||
}
|
||||
&-body{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
&-confirm{
|
||||
border-top: 1px solid @border-color-split;
|
||||
text-align: right;
|
||||
padding: 8px;
|
||||
clear: both;
|
||||
& > span{
|
||||
color: @link-color;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
float: left;
|
||||
padding: 2px 0;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: @link-hover-color;
|
||||
}
|
||||
&:active{
|
||||
color: @link-active-color;
|
||||
}
|
||||
}
|
||||
& > span&-time-disabled{
|
||||
color: @btn-disable-color;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
@dropdown-prefix-cls: ~"@{css-prefix}dropdown";
|
||||
@dropdown-item-prefix-cls: ~"@{dropdown-prefix-cls}-item";
|
||||
|
||||
.@{dropdown-prefix-cls} {
|
||||
display: inline-block;
|
||||
//position: relative;
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
overflow: visible;
|
||||
max-height: none;
|
||||
}
|
||||
.@{dropdown-prefix-cls} {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-rel{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-menu{
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.select-item(@dropdown-prefix-cls, @dropdown-item-prefix-cls);
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
@form-prefix-cls: ~"@{css-prefix}form";
|
||||
@form-item-prefix-cls: ~"@{form-prefix-cls}-item";
|
||||
|
||||
.@{form-prefix-cls} {
|
||||
.@{form-item-prefix-cls}-label {
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
font-size: @font-size-small;
|
||||
color: @text-color;
|
||||
line-height: 1;
|
||||
padding: 10px 12px 10px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
&-label-left .@{form-item-prefix-cls}-label {
|
||||
text-align: left;
|
||||
}
|
||||
&-label-top .@{form-item-prefix-cls}-label {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
padding: 0 0 10px 0;
|
||||
}
|
||||
&-inline{
|
||||
.@{form-item-prefix-cls} {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls} {
|
||||
margin-bottom: 24px;
|
||||
vertical-align: top;
|
||||
.clearfix();
|
||||
&-content {
|
||||
position: relative;
|
||||
line-height: 32px;
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
& & {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
& & &-content {
|
||||
margin-left: 0!important;
|
||||
}
|
||||
|
||||
&-error-tip{
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
line-height: 1;
|
||||
padding-top: 6px;
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
&-required {
|
||||
.@{form-item-prefix-cls}-label:before {
|
||||
content: '*';
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
line-height: 1;
|
||||
font-family: SimSun;
|
||||
font-size: @font-size-small;
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
&-error {
|
||||
// todo
|
||||
}
|
||||
}
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
@import "button";
|
||||
@import "affix";
|
||||
@import "back-top";
|
||||
@import "badge";
|
||||
@import "circle";
|
||||
@import "spin";
|
||||
@import "alert";
|
||||
@import "collapse";
|
||||
@import "card";
|
||||
@import "message";
|
||||
@import "notice";
|
||||
@import "radio";
|
||||
@import "checkbox";
|
||||
@import "switch";
|
||||
@import "input-number";
|
||||
@import "tag";
|
||||
@import "loading-bar";
|
||||
@import "progress";
|
||||
@import "timeline";
|
||||
@import "page";
|
||||
@import "steps";
|
||||
@import "modal";
|
||||
@import "select";
|
||||
@import "select-dropdown";
|
||||
@import "tooltip";
|
||||
@import "poptip";
|
||||
@import "input";
|
||||
@import "slider";
|
||||
@import "cascader";
|
||||
@import "transfer";
|
||||
@import "table";
|
||||
@import "dropdown";
|
||||
@import "tabs";
|
||||
@import "menu";
|
||||
@import "date-picker";
|
||||
@import "time-picker";
|
||||
@import "form";
|
||||
@import "carousel";
|
||||
@import "rate";
|
||||
@import "upload";
|
||||
@import "tree";
|
||||
|
|
@ -1,195 +0,0 @@
|
|||
@input-number-prefix-cls: ~"@{css-prefix}input-number";
|
||||
|
||||
.handler-disabled() {
|
||||
opacity: 0.72;
|
||||
color: #ccc !important;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
|
||||
.@{input-number-prefix-cls} {
|
||||
@radius-wrap: 0 @btn-border-radius @btn-border-radius 0;
|
||||
|
||||
.input;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 80px;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
vertical-align: middle;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
overflow: hidden;
|
||||
|
||||
&-handler-wrap {
|
||||
width: 22px;
|
||||
height: 100%;
|
||||
border-left: 1px solid @border-color-base;
|
||||
border-radius: @radius-wrap;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
transition: opacity @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&:hover &-handler-wrap {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&-handler-up {
|
||||
cursor: pointer;
|
||||
&-inner {
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
&-handler-down {
|
||||
border-top: 1px solid @border-color-base;
|
||||
top: -1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&-handler {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: @input-height-base / 2;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
color: #999;
|
||||
position: relative;
|
||||
|
||||
&:hover &-up-inner,
|
||||
&:hover &-down-inner {
|
||||
color: tint(@primary-color, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
&-handler-up-inner,
|
||||
&-handler-down-inner {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
line-height: 12px;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
transition: all @transition-time linear;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.hover();
|
||||
}
|
||||
|
||||
&-focused {
|
||||
.active();
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
.disabled();
|
||||
}
|
||||
|
||||
&-input-wrap {
|
||||
overflow: hidden;
|
||||
height: @input-height-base;
|
||||
}
|
||||
|
||||
&-input {
|
||||
width: 100%;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
padding: 0 7px;
|
||||
text-align: left;
|
||||
outline: 0;
|
||||
-moz-appearance: textfield;
|
||||
color: #666;
|
||||
border: 0;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: all @transition-time linear;
|
||||
|
||||
&[disabled] {
|
||||
.disabled();
|
||||
}
|
||||
}
|
||||
|
||||
&-large {
|
||||
padding: 0;
|
||||
.@{input-number-prefix-cls}-input-wrap {
|
||||
height: @input-height-large;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler {
|
||||
height: @input-height-large / 2;
|
||||
}
|
||||
|
||||
input {
|
||||
height: @input-height-large;
|
||||
line-height: @input-height-large;
|
||||
}
|
||||
|
||||
.@{input-number-prefix-cls}-handler-up-inner {
|
||||
top: 2px;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-down-inner {
|
||||
bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small {
|
||||
padding: 0;
|
||||
.@{input-number-prefix-cls}-input-wrap {
|
||||
height: @input-height-small;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler {
|
||||
height: @input-height-small / 2;
|
||||
}
|
||||
|
||||
input {
|
||||
height: @input-height-small;
|
||||
line-height: @input-height-small;
|
||||
margin-top: -1px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-up-inner {
|
||||
top: -1px;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-down-inner {
|
||||
bottom: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
&-handler-down-disabled,
|
||||
&-handler-up-disabled,
|
||||
&-disabled {
|
||||
.@{input-number-prefix-cls}-handler-down-inner,
|
||||
.@{input-number-prefix-cls}-handler-up-inner {
|
||||
.handler-disabled();
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
.@{input-number-prefix-cls}-input {
|
||||
opacity: 0.72;
|
||||
cursor: @cursor-disabled;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler-wrap {
|
||||
display: none;
|
||||
}
|
||||
.@{input-number-prefix-cls}-handler {
|
||||
.handler-disabled();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error {
|
||||
.@{input-number-prefix-cls}{
|
||||
.input-error;
|
||||
&-focused {
|
||||
.active-error;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,68 +0,0 @@
|
|||
@input-prefix-cls: ~"@{css-prefix}input";
|
||||
|
||||
.@{input-prefix-cls} {
|
||||
.input;
|
||||
&-wrapper{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&-icon {
|
||||
width: 32px;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
color: @subsidiary-color;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
&-icon-validate{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-icon + &{
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
&-wrapper-large &-icon{
|
||||
font-size: 18px;
|
||||
height: @input-height-large;
|
||||
line-height: @input-height-large;
|
||||
}
|
||||
&-wrapper-small &-icon{
|
||||
width: 24px;
|
||||
font-size: 14px;
|
||||
height: @input-height-small;
|
||||
line-height: @input-height-small;
|
||||
|
||||
+ .@{input-prefix-cls} {
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{input-prefix-cls}-group{
|
||||
.input-group(~"@{input-prefix-cls}");
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error{
|
||||
.@{input-prefix-cls}{
|
||||
.input-error;
|
||||
&-icon{
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
.@{input-prefix-cls}-group{
|
||||
.input-group-error;
|
||||
}
|
||||
}
|
||||
.@{form-item-prefix-cls}-validating{
|
||||
.@{input-prefix-cls}{
|
||||
&-icon-validate{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
@loading-bar-prefix-cls: ~"@{css-prefix}loading-bar";
|
||||
|
||||
.@{loading-bar-prefix-cls} {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: @zindex-loading-bar;
|
||||
|
||||
&-inner {
|
||||
transition: width @transition-time linear;
|
||||
|
||||
&-color-primary {
|
||||
background-color: @primary-color;
|
||||
}
|
||||
|
||||
&-failed-color-error {
|
||||
background-color: @error-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,235 +0,0 @@
|
|||
@menu-prefix-cls: ~"@{css-prefix}menu";
|
||||
@menu-dropdown-item-prefix-cls: ~"@{menu-prefix-cls}-horizontal .@{menu-prefix-cls}-submenu .@{select-dropdown-prefix-cls} .@{menu-prefix-cls}-item";
|
||||
|
||||
.@{menu-prefix-cls} {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
list-style: none;
|
||||
color: @text-color;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
|
||||
&-horizontal{
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
|
||||
&.@{menu-prefix-cls}-light{
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: @border-color-base;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-vertical{
|
||||
&.@{menu-prefix-cls}-light{
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: @border-color-base;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-light{
|
||||
background: #fff;
|
||||
}
|
||||
&-dark{
|
||||
background: @title-color;
|
||||
}
|
||||
&-primary{
|
||||
background: @primary-color;
|
||||
}
|
||||
|
||||
&-item{
|
||||
display: block;
|
||||
outline: none;
|
||||
list-style: none;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
&-item > i{
|
||||
margin-right: 6px;
|
||||
}
|
||||
&-submenu-title > i, &-submenu-title span > i{
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&-horizontal &-item,
|
||||
&-horizontal &-submenu
|
||||
{
|
||||
float: left;
|
||||
padding: 0 20px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
z-index: 3;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&-light&-horizontal &-item, &-light&-horizontal &-submenu{
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
border-bottom: 2px solid transparent;
|
||||
color: @text-color;
|
||||
&-active, &:hover{
|
||||
color: @primary-color;
|
||||
border-bottom: 2px solid @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-dark&-horizontal &-item, &-dark&-horizontal &-submenu{
|
||||
color: @subsidiary-color;
|
||||
&-active, &:hover{
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&-primary&-horizontal &-item, &-primary&-horizontal &-submenu{
|
||||
color: #fff;
|
||||
&-active, &:hover{
|
||||
background: @link-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-horizontal &-submenu .@{select-dropdown-prefix-cls} {
|
||||
min-width: 100%;
|
||||
width: auto;
|
||||
max-height: none;
|
||||
.@{menu-prefix-cls}-item{
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
border-bottom: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-item-group{
|
||||
line-height: normal;
|
||||
&-title {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding-left: 8px;
|
||||
font-size: @font-size-small;
|
||||
color: @legend-color;
|
||||
}
|
||||
|
||||
& > ul{
|
||||
padding: 0 !important;
|
||||
list-style: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// vertical
|
||||
&-vertical &-item,
|
||||
&-vertical &-submenu-title
|
||||
{
|
||||
padding: 14px 24px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
}
|
||||
|
||||
&-vertical &-submenu-title-icon{
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
&-submenu-title-icon {
|
||||
transition: transform @transition-time @ease-in-out;
|
||||
}
|
||||
&-opened &-submenu-title-icon{
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
&-vertical &-submenu &-item{
|
||||
padding-left: 43px;
|
||||
}
|
||||
&-vertical &-item-group{
|
||||
&-title{
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
font-size: @font-size-base;
|
||||
padding-left: 28px;
|
||||
}
|
||||
}
|
||||
&-dark&-vertical &-item-group{
|
||||
&-title{
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-light&-vertical &-item{
|
||||
border-right: 2px solid transparent;
|
||||
&-active:not(.@{menu-prefix-cls}-submenu){
|
||||
color: @primary-color;
|
||||
border-right: 2px solid @primary-color;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
&-dark&-vertical &-item, &-dark&-vertical &-submenu-title{
|
||||
color: @subsidiary-color;
|
||||
&-active:not(.@{menu-prefix-cls}-submenu),
|
||||
&-active:not(.@{menu-prefix-cls}-submenu):hover
|
||||
{
|
||||
background: @menu-dark-active-bg;
|
||||
}
|
||||
&:hover{
|
||||
color: #fff;
|
||||
background: @title-color;
|
||||
}
|
||||
&-active:not(.@{menu-prefix-cls}-submenu){
|
||||
color: @primary-color;
|
||||
border-right: 2px solid @primary-color;
|
||||
}
|
||||
}
|
||||
&-dark&-vertical &-submenu &-item{
|
||||
&:hover{
|
||||
color: #fff;
|
||||
background: transparent !important;
|
||||
}
|
||||
&-active,&-active:hover{
|
||||
border-right: none;
|
||||
color: #fff;
|
||||
background: @primary-color !important;
|
||||
}
|
||||
}
|
||||
&-dark&-vertical &-item-active &-submenu-title{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&-dark&-vertical &-opened{
|
||||
background: @menu-dark-active-bg;
|
||||
.@{menu-prefix-cls}-submenu-title{
|
||||
background: @title-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.select-item(@menu-prefix-cls, @menu-dropdown-item-prefix-cls);
|
||||
|
||||
.@{menu-dropdown-item-prefix-cls} {
|
||||
padding: 7px 16px 8px;
|
||||
font-size: @font-size-base !important;
|
||||
}
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
@message-prefix-cls: ~"@{css-prefix}message";
|
||||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
.@{message-prefix-cls} {
|
||||
font-size: @font-size-small;
|
||||
position: fixed;
|
||||
z-index: @zindex-message;
|
||||
width: 100%;
|
||||
top: 16px;
|
||||
left: 0;
|
||||
|
||||
&-notice {
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
&-notice-content {
|
||||
position: relative;
|
||||
right: 50%;
|
||||
padding: 8px 16px;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
background: #fff;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-success .@{icon-prefix-cls} {
|
||||
color: @success-color;
|
||||
}
|
||||
|
||||
&-error .@{icon-prefix-cls} {
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
&-warning .@{icon-prefix-cls} {
|
||||
color: @warning-color;
|
||||
}
|
||||
|
||||
&-info .@{icon-prefix-cls},
|
||||
&-loading .@{icon-prefix-cls} {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
.@{icon-prefix-cls} {
|
||||
margin-right: 8px;
|
||||
font-size: 14px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,134 +0,0 @@
|
|||
@modal-prefix-cls: ~"@{css-prefix}modal";
|
||||
@confirm-prefix-cls: ~"@{css-prefix}modal-confirm";
|
||||
|
||||
.@{modal-prefix-cls} {
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
outline: none;
|
||||
top: 100px;
|
||||
|
||||
&-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
&-wrap {
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: @zindex-modal;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&-wrap * {
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
&-mask {
|
||||
.mask;
|
||||
}
|
||||
|
||||
&-content {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
border-radius: @border-radius-base;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
&-header {
|
||||
.content-header;
|
||||
}
|
||||
|
||||
&-close {
|
||||
.content-close(1px, 31px);
|
||||
}
|
||||
|
||||
&-body {
|
||||
padding: 16px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
&-footer {
|
||||
border-top: 1px solid @border-color-split;
|
||||
padding: 12px 18px 12px 18px;
|
||||
text-align: right;
|
||||
button + button {
|
||||
margin-left: 8px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.@{modal-prefix-cls} {
|
||||
width: auto !important;
|
||||
margin: 10px;
|
||||
}
|
||||
.vertical-center-modal {
|
||||
.@{modal-prefix-cls} {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{confirm-prefix-cls} {
|
||||
padding: 0 4px;
|
||||
&-head {
|
||||
|
||||
&-title {
|
||||
display: inline-block;
|
||||
font-size: @font-size-base;
|
||||
color: @title-color;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
&-body{
|
||||
margin-top: 6px;
|
||||
padding-left: 48px;
|
||||
padding-top: 18px;
|
||||
font-size: @font-size-small;
|
||||
color: @text-color;
|
||||
position: relative;
|
||||
|
||||
&-icon {
|
||||
font-size: 36px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
&-info {
|
||||
color: @primary-color;
|
||||
}
|
||||
&-success {
|
||||
color: @success-color;
|
||||
}
|
||||
&-warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
&-error {
|
||||
color: @error-color;
|
||||
}
|
||||
&-confirm {
|
||||
color: @warning-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-footer{
|
||||
margin-top: 40px;
|
||||
text-align: right;
|
||||
|
||||
button + button {
|
||||
margin-left: 8px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,132 +0,0 @@
|
|||
@notice-prefix-cls: ~"@{css-prefix}notice";
|
||||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
@notice-width: 335px;
|
||||
@notice-padding: 16px;
|
||||
@notice-margin-bottom: 10px;
|
||||
|
||||
.@{notice-prefix-cls} {
|
||||
width: @notice-width;
|
||||
margin-right: 24px;
|
||||
position: fixed;
|
||||
z-index: @zindex-notification;
|
||||
|
||||
&-notice {
|
||||
margin-bottom: @notice-margin-bottom;
|
||||
padding: @notice-padding;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
background: #fff;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&-close {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 15px;
|
||||
color: #999;
|
||||
outline: none;
|
||||
|
||||
i{
|
||||
.close-base(-3px);
|
||||
}
|
||||
}
|
||||
|
||||
&-with-desc{
|
||||
.@{notice-prefix-cls}-notice-close{
|
||||
top: 11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: @font-size-base;
|
||||
color: @title-color;
|
||||
padding-right: 10px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&-with-desc &-title{
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
&-with-desc&-with-icon &-title{
|
||||
margin-left: 51px;
|
||||
}
|
||||
|
||||
&-desc {
|
||||
font-size: 12px;
|
||||
color: @legend-color;
|
||||
text-align: justify;
|
||||
line-height: 1.5;
|
||||
}
|
||||
&-with-desc&-with-icon &-desc{
|
||||
margin-left: 51px;
|
||||
}
|
||||
|
||||
&-with-icon &-title{
|
||||
margin-left: 26px;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
margin-top: -1px;
|
||||
font-size: 16px;
|
||||
|
||||
&-success {
|
||||
color: @success-color;
|
||||
}
|
||||
&-info {
|
||||
color: @primary-color;
|
||||
}
|
||||
&-warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
&-error {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
&-with-desc &-icon{
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
&-custom-content{
|
||||
&:after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 4px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
&-with-normal{
|
||||
&:after{
|
||||
background: @primary-color;
|
||||
}
|
||||
}
|
||||
&-with-info{
|
||||
&:after{
|
||||
background: @primary-color;
|
||||
}
|
||||
}
|
||||
&-with-success{
|
||||
&:after{
|
||||
background: @success-color;
|
||||
}
|
||||
}
|
||||
&-with-warning{
|
||||
&:after{
|
||||
background: @warning-color;
|
||||
}
|
||||
}
|
||||
&-with-error{
|
||||
&:after{
|
||||
background: @error-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,269 +0,0 @@
|
|||
@page-prefix-cls: ~"@{css-prefix}page";
|
||||
|
||||
.@{page-prefix-cls} {
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&-item {
|
||||
float: left;
|
||||
min-width: @btn-circle-size;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size - 2px;
|
||||
margin-right: 4px;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
font-family: Arial;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
a {
|
||||
margin: 0 6px;
|
||||
text-decoration: none;
|
||||
color: @text-color;
|
||||
//transition: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
a {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-active {
|
||||
background-color: @primary-color;
|
||||
border-color: @primary-color;
|
||||
|
||||
a, &:hover a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-item-jump-prev, &-item-jump-next {
|
||||
&:after {
|
||||
content: "•••";
|
||||
display: block;
|
||||
letter-spacing: 1px;
|
||||
color: #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
i{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:after{
|
||||
display: none;
|
||||
}
|
||||
i{
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-item-jump-prev:hover {
|
||||
i:after {
|
||||
content: "\F3D2";
|
||||
}
|
||||
}
|
||||
|
||||
&-item-jump-next:hover {
|
||||
i:after {
|
||||
content: "\F3D3";
|
||||
}
|
||||
}
|
||||
|
||||
&-prev{
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&-item-jump-prev,
|
||||
&-item-jump-next{
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
&-next{
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
&-prev,
|
||||
&-next,
|
||||
&-item-jump-prev,
|
||||
&-item-jump-next {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
min-width: @btn-circle-size;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size - 2px;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: #666;
|
||||
font-family: Arial;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&-prev,
|
||||
&-next {
|
||||
background-color: #fff;
|
||||
|
||||
a {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
|
||||
a {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
cursor: @cursor-disabled;
|
||||
a {
|
||||
color: #ccc;
|
||||
}
|
||||
&:hover {
|
||||
border-color: @border-color-base;
|
||||
a {
|
||||
color: #ccc;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-options {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
&-sizer {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&-elevator {
|
||||
float: left;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size;
|
||||
|
||||
input {
|
||||
.input;
|
||||
border-radius: @btn-border-radius;
|
||||
margin: 0 8px;
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-total {
|
||||
float: left;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&-simple &-prev,
|
||||
&-simple &-next {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
&-simple &-simple-pager {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
|
||||
input {
|
||||
width: 30px;
|
||||
height: 24px;
|
||||
margin: 0 8px;
|
||||
padding: 5px 8px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
outline: none;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: @btn-border-radius;
|
||||
transition: border-color @transition-time @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
span{
|
||||
padding: 0 8px 0 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{page-prefix-cls} {
|
||||
&.mini &-total {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
}
|
||||
|
||||
&.mini &-item {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
min-width: @btn-circle-size-small;
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
border-radius: @btn-border-radius-small;
|
||||
}
|
||||
|
||||
&.mini &-prev,
|
||||
&.mini &-next {
|
||||
margin: 0;
|
||||
min-width: @btn-circle-size-small;
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
border: 0;
|
||||
|
||||
a {
|
||||
i:after {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mini &-item-jump-prev,
|
||||
&.mini &-item-jump-next {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
border: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&.mini &-options {
|
||||
margin-left: 8px;
|
||||
&-elevator {
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small;
|
||||
|
||||
input {
|
||||
.input-small;
|
||||
width: 44px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,146 +0,0 @@
|
|||
@poptip-prefix-cls: ~"@{css-prefix}poptip";
|
||||
@poptip-arrow: ~"@{poptip-prefix-cls}-arrow";
|
||||
@poptip-max-width: 250px;
|
||||
@poptip-arrow-width: 5px;
|
||||
@poptip-arrow-outer-width: (@poptip-arrow-width + 1);
|
||||
@poptip-distance: @poptip-arrow-width - 1 + 4;
|
||||
//@poptip-arrow-color: fadein(@border-color-base, 5%);
|
||||
@poptip-arrow-color: hsla(0,0%,85%,.5);
|
||||
|
||||
.@{poptip-prefix-cls} {
|
||||
display: inline-block;
|
||||
|
||||
&-rel{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin: 0;
|
||||
padding: 8px 16px;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
bottom: 0;
|
||||
background-color: @border-color-split;
|
||||
}
|
||||
|
||||
&-inner{
|
||||
color: @title-color;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
&-body{
|
||||
padding: 8px 16px;
|
||||
|
||||
&-content{
|
||||
overflow: auto;
|
||||
|
||||
&-inner{
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-inner{
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&-popper{
|
||||
min-width: 150px;
|
||||
font-size: @font-size-small;
|
||||
.popper(@poptip-arrow, @poptip-arrow-width, @poptip-distance, @poptip-arrow-color);
|
||||
|
||||
&[x-placement^="top"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
bottom: 1px;
|
||||
margin-left: -@poptip-arrow-width;
|
||||
border-bottom-width: 0;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
|
||||
&[x-placement^="right"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
left: 1px;
|
||||
bottom: -@poptip-arrow-width;
|
||||
border-left-width: 0;
|
||||
border-right-color: #fff;
|
||||
}
|
||||
|
||||
&[x-placement^="bottom"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
top: 1px;
|
||||
margin-left: -@poptip-arrow-width;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
&[x-placement^="left"] .@{poptip-arrow}:after {
|
||||
content: " ";
|
||||
right: 1px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #fff;
|
||||
bottom: -@poptip-arrow-width;
|
||||
}
|
||||
}
|
||||
|
||||
&-arrow{
|
||||
&, &:after{
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
&-arrow {
|
||||
border-width: @poptip-arrow-outer-width;
|
||||
}
|
||||
&-arrow:after{
|
||||
content: "";
|
||||
border-width: @poptip-arrow-width;
|
||||
}
|
||||
|
||||
&-confirm &-popper{
|
||||
max-width: 300px;
|
||||
}
|
||||
&-confirm &-inner{
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
&-confirm &-body{
|
||||
padding: 16px 16px 8px;
|
||||
.ivu-icon{
|
||||
font-size: 16px;
|
||||
color: @warning-color;
|
||||
line-height: 18px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&-message{
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&-confirm &-footer{
|
||||
text-align: right;
|
||||
padding: 8px 16px 16px;
|
||||
button {
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
@progress-prefix-cls: ~"@{css-prefix}progress";
|
||||
|
||||
.@{progress-prefix-cls} {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
font-size: @font-size-small;
|
||||
position: relative;
|
||||
|
||||
&-outer {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
|
||||
.@{progress-prefix-cls}-show-info & {
|
||||
padding-right: 55px;
|
||||
margin-right: -55px;
|
||||
}
|
||||
}
|
||||
|
||||
&-inner {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 100px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&-bg {
|
||||
border-radius: 100px;
|
||||
background-color: @info-color;
|
||||
transition: all @transition-time linear;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-text {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&-active {
|
||||
.@{progress-prefix-cls}-bg:before {
|
||||
content: '';
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
animation: ivu-progress-active 2s @ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
&-wrong {
|
||||
.@{progress-prefix-cls}-bg {
|
||||
background-color: @error-color;
|
||||
}
|
||||
.@{progress-prefix-cls}-text {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-success {
|
||||
.@{progress-prefix-cls}-bg {
|
||||
background-color: @success-color;
|
||||
}
|
||||
.@{progress-prefix-cls}-text {
|
||||
color: @success-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ivu-progress-active {
|
||||
0% {
|
||||
opacity: .3;
|
||||
width: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,268 +0,0 @@
|
|||
@radio-prefix-cls: ~"@{css-prefix}radio";
|
||||
@radio-group-prefix-cls: ~"@{radio-prefix-cls}-group";
|
||||
@radio-inner-prefix-cls: ~"@{radio-prefix-cls}-inner";
|
||||
@radio-group-button-prefix-cls: ~"@{radio-group-prefix-cls}-button";
|
||||
|
||||
.@{radio-group-prefix-cls} {
|
||||
display: inline-block;
|
||||
font-size: @font-size-small;
|
||||
&-vertical{
|
||||
.@{radio-prefix-cls}-wrapper {
|
||||
display: block;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 普通状态
|
||||
.@{radio-prefix-cls}-wrapper {
|
||||
font-size: @font-size-small;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
&-disabled{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls} {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
white-space: nowrap;
|
||||
outline: none;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: #bcbcbc;
|
||||
}
|
||||
}
|
||||
&-inner {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: 50%;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
border-radius: @border-radius-base;
|
||||
display: table;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
content: ' ';
|
||||
background-color: @primary-color;
|
||||
opacity: 0;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
|
||||
&-input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// 选中状态
|
||||
.@{radio-prefix-cls}-checked {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @primary-color;
|
||||
&:after {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-disabled {
|
||||
cursor: @cursor-disabled;
|
||||
.@{radio-prefix-cls}-input {
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @border-color-base;
|
||||
}
|
||||
}
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @border-color-base;
|
||||
background-color: #f3f3f3;
|
||||
&:after {
|
||||
background-color: #cccccc;
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-disabled + span {
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
span.@{radio-prefix-cls} + * {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
// 按钮样式
|
||||
.@{radio-group-button-prefix-cls} {
|
||||
font-size: 0;
|
||||
-webkit-text-size-adjust:none;
|
||||
|
||||
.@{radio-prefix-cls}{
|
||||
width: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-wrapper {
|
||||
display: inline-block;
|
||||
height: @btn-circle-size;
|
||||
line-height: @btn-circle-size - 2px;
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
font-size: @font-size-small;
|
||||
color: @btn-default-color;
|
||||
transition: all @transition-time ease-in-out;
|
||||
cursor: pointer;
|
||||
border: 1px solid @border-color-base;
|
||||
border-left: 0;
|
||||
background: #fff;
|
||||
|
||||
> span {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
left: -1px;
|
||||
background: @border-color-base;
|
||||
visibility: hidden;
|
||||
transition: all @transition-time ease-in-out;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-radius: @btn-border-radius 0 0 @btn-border-radius;
|
||||
border-left: 1px solid @border-color-base;
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 @btn-border-radius @btn-border-radius 0;
|
||||
}
|
||||
|
||||
&:first-child:last-child {
|
||||
border-radius: @btn-border-radius;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
position: relative;
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls}-inner,
|
||||
input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
&-checked {
|
||||
background: #fff;
|
||||
border-color: @primary-color;
|
||||
color: @primary-color;
|
||||
box-shadow: -1px 0 0 0 @primary-color;
|
||||
|
||||
&:first-child {
|
||||
border-color: @primary-color;
|
||||
box-shadow: none!important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: tint(@primary-color, 20%);
|
||||
box-shadow: -1px 0 0 0 tint(@primary-color, 20%);
|
||||
color: tint(@primary-color, 20%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: shade(@primary-color, 5%);
|
||||
box-shadow: -1px 0 0 0 shade(@primary-color, 5%);
|
||||
color: shade(@primary-color, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
border-color: @border-color-base;
|
||||
background-color: @background-color-base;
|
||||
cursor: @cursor-disabled;
|
||||
color: #ccc;
|
||||
|
||||
&:first-child,
|
||||
&:hover {
|
||||
border-color: @border-color-base;
|
||||
background-color: @background-color-base;
|
||||
color: #ccc;
|
||||
}
|
||||
&:first-child {
|
||||
border-left-color: @border-color-base;
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled.@{radio-prefix-cls}-wrapper-checked {
|
||||
color: #fff;
|
||||
background-color: #e6e6e6;
|
||||
border-color: @border-color-base;
|
||||
box-shadow: none!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{radio-group-button-prefix-cls}.@{radio-group-prefix-cls}-large .@{radio-prefix-cls}-wrapper{
|
||||
height: @btn-circle-size-large;
|
||||
line-height: @btn-circle-size-large - 2px;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
.@{radio-group-button-prefix-cls}.@{radio-group-prefix-cls}-small .@{radio-prefix-cls}-wrapper{
|
||||
height: @btn-circle-size-small;
|
||||
line-height: @btn-circle-size-small - 2px;
|
||||
padding: 0 12px;
|
||||
font-size: @font-size-small;
|
||||
&:first-child {
|
||||
border-radius: @btn-border-radius-small 0 0 @btn-border-radius-small;
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 @btn-border-radius-small @btn-border-radius-small 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
@rate-prefix-cls: ~"@{css-prefix}rate";
|
||||
|
||||
.@{rate-prefix-cls} {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
&-disabled &-star {
|
||||
&:before,
|
||||
&-content:before {
|
||||
cursor: default;
|
||||
}
|
||||
&:hover {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
&-star {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-right: 8px;
|
||||
position: relative;
|
||||
font-family: 'Ionicons';
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
&:before,
|
||||
&-content:before {
|
||||
color: #e9e9e9;
|
||||
cursor: pointer;
|
||||
content: "\F4B3";
|
||||
transition: all @transition-time @ease-in-out;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
&:before {
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&-half &-content:before,
|
||||
&-full:before {
|
||||
color: @rate-star-color;
|
||||
}
|
||||
|
||||
&-half:hover &-content:before,
|
||||
&-full:hover:before {
|
||||
color: tint(@rate-star-color, 20%);
|
||||
}
|
||||
}
|
||||
&-text {
|
||||
margin-left: 8px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
@select-dropdown-prefix-cls: ~"@{css-prefix}select-dropdown";
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
width: inherit;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
margin: 5px 0;
|
||||
padding: 5px 0;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
//border: 1px solid @border-color-split;
|
||||
border-radius: @btn-border-radius;
|
||||
//box-shadow: 0 1px 3px rgba(0,0,0,.2);
|
||||
box-shadow: @shadow-base;
|
||||
position: absolute;
|
||||
z-index: @zindex-select;
|
||||
}
|
||||
|
|
@ -1,234 +0,0 @@
|
|||
@select-prefix-cls: ~"@{css-prefix}select";
|
||||
@select-item-prefix-cls: ~"@{css-prefix}select-item";
|
||||
@select-group-prefix-cls: ~"@{css-prefix}select-group";
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
color: @text-color;
|
||||
font-size: @font-size-base;
|
||||
//position: relative;
|
||||
line-height: normal;
|
||||
|
||||
&-selection {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
background-color: #fff;
|
||||
border-radius: @btn-border-radius;
|
||||
border: 1px solid @border-color-base;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.hover();
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-show-clear &-selection:hover .@{select-prefix-cls}-arrow:nth-of-type(2){
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-arrow {
|
||||
.inner-arrow();
|
||||
}
|
||||
|
||||
&-visible{
|
||||
.@{select-prefix-cls}-selection{
|
||||
.active();
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(2) {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
.@{select-prefix-cls}-selection {
|
||||
.disabled();
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(1) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: @border-color-base;
|
||||
box-shadow: none;
|
||||
|
||||
.@{select-prefix-cls}-arrow:nth-of-type(2) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-single &-selection{
|
||||
height: @input-height-base;
|
||||
position: relative;
|
||||
|
||||
.@{select-prefix-cls}-placeholder{
|
||||
color: @input-placeholder-color;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
|
||||
display: block;
|
||||
height: @input-height-base - 2px;
|
||||
line-height: @input-height-base - 2px;
|
||||
font-size: @font-size-small;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-left: 8px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&-large&-single &-selection{
|
||||
height: @input-height-large;
|
||||
|
||||
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
|
||||
height: @input-height-large - 2px;
|
||||
line-height: @input-height-large - 2px;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
&-small&-single &-selection{
|
||||
height: @input-height-small;
|
||||
border-radius: @btn-border-radius-small;
|
||||
|
||||
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
|
||||
height: @input-height-small - 2px;
|
||||
line-height: @input-height-small - 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&-multiple &-selection{
|
||||
padding: 0 24px 0 4px;
|
||||
min-height: @input-height-base;
|
||||
|
||||
.@{select-prefix-cls}-placeholder{
|
||||
display: block;
|
||||
height: @input-height-base - 2px;
|
||||
line-height: @input-height-base - 2px;
|
||||
color: @input-placeholder-color;
|
||||
font-size: @font-size-small;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-left: 4px;
|
||||
padding-right: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
// input
|
||||
&-input{
|
||||
display: inline-block;
|
||||
height: @input-height-base;
|
||||
line-height: @input-height-base;
|
||||
padding: 0 24px 0 8px;
|
||||
font-size: @font-size-small;
|
||||
outline: none;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
color: @input-color;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
.placeholder();
|
||||
}
|
||||
|
||||
&-single &-input{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-large &-input{
|
||||
font-size: @font-size-base;
|
||||
height: @input-height-large;
|
||||
}
|
||||
|
||||
&-small &-input{
|
||||
height: @input-height-small;
|
||||
}
|
||||
|
||||
&-multiple &-input{
|
||||
height: @input-height-base - 3px;
|
||||
line-height: @input-height-base;
|
||||
padding: 0 0 0 4px;
|
||||
}
|
||||
|
||||
&-not-found{
|
||||
text-align: center;
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
|
||||
&-multiple .@{css-prefix}tag{
|
||||
margin: 3px 4px 2px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.select-item(@select-prefix-cls, @select-item-prefix-cls);
|
||||
|
||||
.@{select-prefix-cls}-multiple .@{select-item-prefix-cls} {
|
||||
&-selected{
|
||||
color: @selected-color;
|
||||
background: #fff;
|
||||
}
|
||||
&-focus,&-selected:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
|
||||
&-selected&-focus {
|
||||
color: shade(@selected-color, 10%);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
&-selected:after{
|
||||
.ivu-icon();
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
content: '\F3FD';
|
||||
color: @selected-color;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-group-prefix-cls} {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&-title {
|
||||
padding-left: 8px;
|
||||
font-size: 12px;
|
||||
color: @legend-color;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{form-item-prefix-cls}-error{
|
||||
.@{select-prefix-cls}{
|
||||
&-selection{
|
||||
border: 1px solid @error-color;
|
||||
}
|
||||
&-arrow{
|
||||
color: @error-color;
|
||||
}
|
||||
&-visible .@{select-prefix-cls}-selection{
|
||||
.active-error;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,111 +0,0 @@
|
|||
@slider-prefix-cls: ~"@{css-prefix}slider";
|
||||
|
||||
.@{slider-prefix-cls} {
|
||||
line-height: normal;
|
||||
&-wrap{
|
||||
width: 100%;
|
||||
height: @slider-height;
|
||||
margin: @slider-margin;
|
||||
background-color: @border-color-split;
|
||||
border-radius: @btn-border-radius-small;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&-button-wrap{
|
||||
.square(@slider-button-wrap-size);
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
top: @slider-button-wrap-offset;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.@{tooltip-prefix-cls} {
|
||||
display: block;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-button{
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: 2px solid @slider-color;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
transition: all @transition-time linear;
|
||||
|
||||
&:hover,
|
||||
&-dragging
|
||||
{
|
||||
border-color: @primary-color;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
&:hover{
|
||||
cursor: grab;
|
||||
}
|
||||
&-dragging,
|
||||
&-dragging:hover
|
||||
{
|
||||
cursor: grabbing;
|
||||
}
|
||||
}
|
||||
|
||||
&-bar{
|
||||
height: @slider-height;
|
||||
background: @slider-color;
|
||||
border-radius: @btn-border-radius-small;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&-stop{
|
||||
position: absolute;
|
||||
.square(@slider-height);
|
||||
border-radius: 50%;
|
||||
background-color: @slider-disabled-color;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.@{slider-prefix-cls}-disabled{
|
||||
cursor: @cursor-disabled;
|
||||
|
||||
.@{slider-prefix-cls}-wrap{
|
||||
background-color: @slider-disabled-color;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
.@{slider-prefix-cls}-bar{
|
||||
background-color: @slider-disabled-color;
|
||||
}
|
||||
|
||||
.@{slider-prefix-cls}-button{
|
||||
border-color: @slider-disabled-color;
|
||||
|
||||
&:hover,
|
||||
&-dragging
|
||||
{
|
||||
border-color: @slider-disabled-color;
|
||||
}
|
||||
&:hover{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
&-dragging,
|
||||
&-dragging:hover
|
||||
{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{slider-prefix-cls}-input{
|
||||
.@{slider-prefix-cls}-wrap{
|
||||
width: auto;
|
||||
margin-right: 100px;
|
||||
}
|
||||
|
||||
.@{input-number-prefix-cls}{
|
||||
float: right;
|
||||
margin-top: -14px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
@spin-prefix-cls: ~"@{css-prefix}spin";
|
||||
@spin-dot-size-small: 12px;
|
||||
@spin-dot-size: 20px;
|
||||
@spin-dot-size-large: 32px;
|
||||
|
||||
.@{spin-prefix-cls} {
|
||||
color: @primary-color;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
|
||||
&-dot {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
background-color: @primary-color;
|
||||
.square(@spin-dot-size);
|
||||
animation: ani-spin-bounce 1s 0s ease-in-out infinite;
|
||||
}
|
||||
|
||||
&-large &-dot {
|
||||
.square(@spin-dot-size-large);
|
||||
}
|
||||
|
||||
&-small &-dot {
|
||||
.square(@spin-dot-size-small);
|
||||
}
|
||||
|
||||
&-fix {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: @zindex-spin;
|
||||
display: table;
|
||||
.square(100%);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
&-fix &-main {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
.square(inherit);
|
||||
}
|
||||
|
||||
&-fix &-dot {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&-text,
|
||||
&-show-text &-dot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-show-text &-text {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ani-spin-bounce {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,353 +0,0 @@
|
|||
@steps-prefix-cls: ~"@{css-prefix}steps";
|
||||
@steps-wait-icon-color: #ccc;
|
||||
@steps-wait-title-color: #999;
|
||||
@steps-wait-description-color: @steps-wait-title-color;
|
||||
@steps-wait-tail-color: @border-color-split;
|
||||
@steps-title-color: #666;
|
||||
|
||||
.@{steps-prefix-cls} {
|
||||
font-size: 0;
|
||||
width: 100%;
|
||||
line-height: 1.5;
|
||||
|
||||
&-item{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
|
||||
&.@{steps-prefix-cls}-status-wait{
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background-color: #fff;
|
||||
> .@{steps-prefix-cls}-icon, span {
|
||||
color: @steps-wait-icon-color;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @steps-wait-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @steps-wait-description-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i {
|
||||
background-color: @steps-wait-tail-color;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-status-process {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
border-color: @primary-color;
|
||||
background-color: @primary-color;
|
||||
> .@{steps-prefix-cls}-icon, span {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @steps-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @steps-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i {
|
||||
background-color: @border-color-split;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-status-finish {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background-color: #fff;
|
||||
border-color: @primary-color;
|
||||
> .@{steps-prefix-cls}-icon, span {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i:after {
|
||||
width: 100%;
|
||||
background: @primary-color;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
opacity: 1;
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @steps-wait-title-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @steps-wait-description-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-status-error {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background-color: #fff;
|
||||
border-color: @error-color;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
color: @error-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
color: @error-color;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail > i {
|
||||
background-color: @border-color-split;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-next-error {
|
||||
.@{steps-prefix-cls}-tail > i,
|
||||
.@{steps-prefix-cls}-tail > i:after {
|
||||
background-color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-custom {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
background: none;
|
||||
border: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
font-size: 20px;
|
||||
top: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
&.@{steps-prefix-cls}-status-process {
|
||||
.@{steps-prefix-cls}-head-inner > .@{steps-prefix-cls}-icon {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-item:last-child &-tail{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-head,
|
||||
.@{steps-prefix-cls}-main {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.@{steps-prefix-cls}-head {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
display: block;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 24px;
|
||||
margin-right: 8px;
|
||||
text-align: center;
|
||||
border: 1px solid @steps-wait-icon-color;
|
||||
border-radius: 50%;
|
||||
font-size: 14px;
|
||||
transition: background-color @transition-time @ease-in-out;
|
||||
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
|
||||
&.ivu-icon {
|
||||
font-size: 24px;
|
||||
&-ios-checkmark-empty,
|
||||
&-ios-close-empty {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-main {
|
||||
margin-top: 2.5px;
|
||||
display: inline;
|
||||
}
|
||||
.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-title{
|
||||
margin-top: 2.5px;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-title {
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
background: #fff;
|
||||
|
||||
> a:first-child:last-child {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-item-last {
|
||||
.@{steps-prefix-cls}-title {
|
||||
padding-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail {
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 13px;
|
||||
> i {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
vertical-align: top;
|
||||
background: @border-color-split;
|
||||
border-radius: 1px;
|
||||
position: relative;
|
||||
&:after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: @border-color-split;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
line-height: 16px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
font-size: 12px;
|
||||
|
||||
> .@{steps-prefix-cls}-icon.ivu-icon {
|
||||
font-size: 16px;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-main {
|
||||
margin-top: 0;
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
margin-bottom: 4px;
|
||||
margin-top: 0;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.@{steps-prefix-cls}-tail {
|
||||
top: 8px;
|
||||
padding: 0 8px;
|
||||
> i {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
border-radius: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner,
|
||||
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical {
|
||||
.@{steps-prefix-cls}-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-tail {
|
||||
position: absolute;
|
||||
left: 13px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
padding: 30px 0 4px 0;
|
||||
> i {
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
&:after {
|
||||
height: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-status-finish {
|
||||
.@{steps-prefix-cls}-tail > i:after {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-head {
|
||||
float: left;
|
||||
&-inner {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-main {
|
||||
min-height: 47px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
.@{steps-prefix-cls}-title {
|
||||
line-height: 26px;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
padding-bottom: 12px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
|
||||
left: 4px;
|
||||
}
|
||||
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-small {
|
||||
.@{steps-prefix-cls}-tail {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 0;
|
||||
padding: 22px 0 4px 0;
|
||||
> i {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-title {
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-horizontal {
|
||||
&.@{steps-prefix-cls}-hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
.@{steps-prefix-cls}-content {
|
||||
//max-width: 100px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
.@{steps-prefix-cls}-item:not(:first-child) .@{steps-prefix-cls}-head {
|
||||
padding-left: 10px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,129 +0,0 @@
|
|||
@switch-prefix-cls: ~"@{css-prefix}switch";
|
||||
|
||||
.@{switch-prefix-cls} {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
border-radius: 24px;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #ccc;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
|
||||
&-inner {
|
||||
color: #fff;
|
||||
font-size: @font-size-small;
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
|
||||
i {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
top: 1px;
|
||||
cursor: pointer;
|
||||
transition: left @transition-time @ease-in-out, width @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
&:active:after {
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px fade(@primary-color, 20%);
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:focus:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&-small {
|
||||
width: 24px;
|
||||
height: 12px;
|
||||
line-height: 10px;
|
||||
&:after {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
&:active:after {
|
||||
width: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small&-checked:after {
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
&-small:active&-checked:after {
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
&-large{
|
||||
width: 60px;
|
||||
&:active:after {
|
||||
width: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
&-large:active:after {
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
&-large&-checked:after {
|
||||
left: 37px;
|
||||
}
|
||||
|
||||
&-large:active&-checked:after {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
&-checked {
|
||||
border-color: @primary-color;
|
||||
background-color: @primary-color;
|
||||
|
||||
.@{switch-prefix-cls}-inner {
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
&:active:after {
|
||||
left: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
cursor: @cursor-disabled;
|
||||
background: #f3f3f3;
|
||||
border-color: #f3f3f3;
|
||||
|
||||
&:after {
|
||||
background: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.@{switch-prefix-cls}-inner {
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,319 +0,0 @@
|
|||
@table-prefix-cls: ~"@{css-prefix}table";
|
||||
@table-select-item-prefix-cls: ~"@{table-prefix-cls}-filter-select-item";
|
||||
|
||||
.@{table-prefix-cls} {
|
||||
&-wrapper{
|
||||
position: relative;
|
||||
border: 1px solid @border-color-base;
|
||||
border-bottom: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
width: inherit;
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
color: @text-color;
|
||||
font-size: @font-size-small;
|
||||
background-color: #fff;
|
||||
|
||||
box-sizing: border-box;
|
||||
//position: relative;
|
||||
|
||||
&-hide{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:before{
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: @border-color-base;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: @border-color-base;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
&-with-header{
|
||||
//border-radius: @border-radius-base @border-radius-base 0 0;
|
||||
}
|
||||
|
||||
&-with-footer{
|
||||
//border: 1px solid @border-color-base;
|
||||
//border-radius: 0 0 @border-radius-base @border-radius-base;
|
||||
}
|
||||
|
||||
&-with-header&-with-footer{
|
||||
//border-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
&-title, &-footer{
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
&-footer{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&-header{
|
||||
overflow: hidden;
|
||||
}
|
||||
&-body{
|
||||
overflow: auto;
|
||||
//position: relative;
|
||||
}
|
||||
|
||||
&-with-fixed-top&-with-footer{
|
||||
.@{table-prefix-cls}-footer{
|
||||
border-top: 1px solid @border-color-base;
|
||||
}
|
||||
tbody tr:last-child td{
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
th, td
|
||||
{
|
||||
min-width: 0;
|
||||
height: 48px;
|
||||
box-sizing: border-box;
|
||||
text-align: left;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
//position: relative;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
|
||||
th {
|
||||
height: 40px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
background-color: @table-thead-bg;
|
||||
}
|
||||
td{
|
||||
background-color: #fff;
|
||||
transition: background-color @transition-time @ease-in-out;
|
||||
}
|
||||
|
||||
th&-column,
|
||||
td&-column
|
||||
{
|
||||
&-left{
|
||||
text-align: left;
|
||||
}
|
||||
&-center{
|
||||
text-align: center;
|
||||
}
|
||||
&-right{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
& table{
|
||||
//width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
&-border{
|
||||
th,td{
|
||||
border-right: 1px solid @border-color-split;
|
||||
}
|
||||
}
|
||||
&-cell{
|
||||
padding-left: 18px;
|
||||
padding-right: 18px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box;
|
||||
|
||||
&-ellipsis {
|
||||
word-break: keep-all;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
&-hidden{
|
||||
visibility: hidden;
|
||||
}
|
||||
th &-cell{
|
||||
display: inline-block;
|
||||
//position: relative;
|
||||
word-wrap: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&-stripe &-body,
|
||||
&-stripe &-fixed-body
|
||||
{
|
||||
tr:nth-child(2n) {
|
||||
td{
|
||||
background-color: @table-td-stripe-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr&-row-hover{
|
||||
td{
|
||||
background-color: @table-td-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&-large {
|
||||
font-size: @font-size-base;
|
||||
th{
|
||||
height: 48px;
|
||||
}
|
||||
td{
|
||||
height: 60px;
|
||||
}
|
||||
&-title, &-footer{
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small{
|
||||
th{
|
||||
height: 32px;
|
||||
}
|
||||
td{
|
||||
height: 40px;
|
||||
}
|
||||
&-title, &-footer{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&-row-highlight,
|
||||
tr&-row-highlight&-row-hover,
|
||||
&-stripe &-body tr&-row-highlight:nth-child(2n),
|
||||
&-stripe &-fixed-body tr&-row-highlight:nth-child(2n)
|
||||
{
|
||||
td{
|
||||
background-color: @table-td-highlight-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&-fixed, &-fixed-right{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.2);
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: @border-color-base;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 4;
|
||||
}
|
||||
}
|
||||
&-fixed-right{
|
||||
top: 0;
|
||||
left: auto;
|
||||
right: 0;
|
||||
box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
&-fixed-header{
|
||||
overflow: hidden;
|
||||
}
|
||||
&-fixed-body{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
&-fixed-shadow {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
box-shadow: @shadow-right;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-sort{
|
||||
.sortable();
|
||||
}
|
||||
&-filter{
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
i{
|
||||
color: @btn-disable-color;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
&:hover{
|
||||
color: inherit;
|
||||
}
|
||||
&.on{
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
&-list{
|
||||
padding: 8px 0 0;
|
||||
&-item{
|
||||
padding: 0 12px 8px;
|
||||
|
||||
.ivu-checkbox-wrapper + .ivu-checkbox-wrapper{
|
||||
margin: 0;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
|
||||
& > span{
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul{
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.select-item(@table-prefix-cls, @table-select-item-prefix-cls);
|
||||
}
|
||||
&-footer{
|
||||
padding: 4px;
|
||||
border-top: 1px solid @border-color-split;
|
||||
}
|
||||
}
|
||||
.ivu-poptip-popper{
|
||||
min-width: 0;
|
||||
text-align: left;
|
||||
}
|
||||
thead .ivu-poptip-popper{
|
||||
.ivu-poptip-body{
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-tip {
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,204 +0,0 @@
|
|||
@tabs-prefix-cls: ~"@{css-prefix}tabs";
|
||||
|
||||
.@{tabs-prefix-cls} {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: @text-color;
|
||||
.clearfix;
|
||||
|
||||
&-bar {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&-ink-bar {
|
||||
height: 2px;
|
||||
box-sizing: border-box;
|
||||
background-color: @primary-color;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1px;
|
||||
z-index: 1;
|
||||
transition: transform .3s @ease-in-out;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
|
||||
&-bar {
|
||||
border-bottom: 1px solid @border-color-base;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
&-nav-container {
|
||||
margin-bottom: -1px;
|
||||
line-height: @line-height-base;
|
||||
font-size: @font-size-base;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.clearfix;
|
||||
}
|
||||
|
||||
&-nav-container-scrolling {
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
&-nav-wrap {
|
||||
overflow: hidden;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
&-nav-scroll {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&-nav {
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
float: left;
|
||||
list-style: none;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
transition: transform 0.5s @ease-in-out;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tab-disabled {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tab {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
padding: 8px 16px;
|
||||
margin-right: 16px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
transition: color .3s @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
color: @link-hover-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: @link-active-color;
|
||||
}
|
||||
.@{css-prefix-iconfont} {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tab-active {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
&-mini &-nav-container {
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
&-mini &-tab {
|
||||
margin-right: 0;
|
||||
padding: 8px 16px;
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
|
||||
& {
|
||||
.@{tabs-prefix-cls}-content-animated {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
will-change: transform;
|
||||
transition: transform .3s @ease-in-out;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tabpane {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
transition: opacity .3s;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-tabpane-inactive {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// card style
|
||||
&&-card > &-bar &-nav-container {
|
||||
height: 32px;
|
||||
}
|
||||
&&-card > &-bar &-ink-bar {
|
||||
visibility: hidden;
|
||||
}
|
||||
&&-card > &-bar &-tab {
|
||||
margin: 0;
|
||||
margin-right: 4px;
|
||||
height: 31px;
|
||||
padding: 5px 16px 4px;
|
||||
border: 1px solid @border-color-base;
|
||||
border-bottom: 0;
|
||||
border-radius: @btn-border-radius @btn-border-radius 0 0;
|
||||
transition: all 0.3s @ease-in-out;
|
||||
background: @table-thead-bg;
|
||||
}
|
||||
&&-card > &-bar &-tab-active {
|
||||
height: 32px;
|
||||
padding-bottom: 5px;
|
||||
background: #fff;
|
||||
transform: translateZ(0);
|
||||
border-color: @border-color-base;
|
||||
color: @primary-color;
|
||||
}
|
||||
&&-card > &-bar &-nav-wrap {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&&-card > &-bar &-tab .@{css-prefix-iconfont}-ios-close-empty {
|
||||
width: 0;
|
||||
height: 22px;
|
||||
font-size: 22px;
|
||||
margin-right: 0;
|
||||
color: @legend-color;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
transform-origin: 100% 50%;
|
||||
transition: all 0.3s @ease-in-out;
|
||||
&:hover {
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
|
||||
&&-card > &-bar &-tab-active .@{css-prefix-iconfont}-ios-close-empty,
|
||||
&&-card > &-bar &-tab:hover .@{css-prefix-iconfont}-ios-close-empty {
|
||||
width: 14px;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
}
|
||||
|
||||
.@{tabs-prefix-cls}-no-animation{
|
||||
.@{tabs-prefix-cls}-content {
|
||||
transform: none!important;
|
||||
|
||||
> .@{tabs-prefix-cls}-tabpane-inactive {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,193 +0,0 @@
|
|||
@tag-prefix-cls: ~"@{css-prefix}tag";
|
||||
@tag-close-prefix-cls: ivu-icon-ios-close-empty;
|
||||
|
||||
.@{tag-prefix-cls} {
|
||||
display: inline-block;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
margin: 2px 4px 2px 0;
|
||||
padding: 0 8px;
|
||||
border: 1px solid @border-color-split;
|
||||
border-radius: @btn-border-radius-small;
|
||||
background: @background-color-base;
|
||||
font-size: @tag-font-size;
|
||||
vertical-align: middle;
|
||||
opacity: 1;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
//transition: all @transition-time @ease-in-out;
|
||||
|
||||
&-dot{
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border: 1px solid @border-color-split !important;
|
||||
color: @text-color !important;
|
||||
background: #fff !important;
|
||||
padding: 0 12px;
|
||||
|
||||
&-inner{
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-right: 8px;
|
||||
border-radius: 50%;
|
||||
background: @border-color-split;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.@{tag-close-prefix-cls} {
|
||||
color: #666 !important;
|
||||
margin-left: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-border{
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border: 1px solid @border-color-split !important;
|
||||
color: @text-color !important;
|
||||
background: #fff !important;
|
||||
position: relative;
|
||||
|
||||
.@{tag-close-prefix-cls} {
|
||||
color: #666 !important;
|
||||
margin-left: 12px !important;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: "";
|
||||
display: none;
|
||||
width: 1px;
|
||||
background: @border-color-split;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 22px;
|
||||
}
|
||||
|
||||
&.@{tag-prefix-cls}-closable {
|
||||
&:after{
|
||||
display: block;
|
||||
}
|
||||
.@{tag-close-prefix-cls} {
|
||||
margin-left: 18px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{tag-prefix-cls}-blue {
|
||||
color: @link-color !important;
|
||||
border: 1px solid @link-color !important;
|
||||
|
||||
&:after{
|
||||
background: @link-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @link-color !important;
|
||||
}
|
||||
}
|
||||
&.@{tag-prefix-cls}-green {
|
||||
color: @success-color !important;
|
||||
border: 1px solid @success-color !important;
|
||||
|
||||
&:after{
|
||||
background: @success-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @success-color !important;
|
||||
}
|
||||
}
|
||||
&.@{tag-prefix-cls}-yellow {
|
||||
color: @warning-color !important;
|
||||
border: 1px solid @warning-color !important;
|
||||
|
||||
&:after{
|
||||
background: @warning-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @warning-color !important;
|
||||
}
|
||||
}
|
||||
&.@{tag-prefix-cls}-red {
|
||||
color: @error-color !important;
|
||||
border: 1px solid @error-color !important;
|
||||
|
||||
&:after{
|
||||
background: @error-color;
|
||||
}
|
||||
.@{tag-close-prefix-cls}{
|
||||
color: @error-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
&,
|
||||
a,
|
||||
a:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&-text {
|
||||
a:first-child:last-child {
|
||||
display: inline-block;
|
||||
margin: 0 -8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.@{tag-close-prefix-cls} {
|
||||
.iconfont-size-under-12px(20px);
|
||||
cursor: pointer;
|
||||
margin-left: 8px;
|
||||
color: #666;
|
||||
opacity: 0.66;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
//transition: all @transition-time @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&-blue,
|
||||
&-green,
|
||||
&-yellow,
|
||||
&-red {
|
||||
border: 0;
|
||||
&,
|
||||
a,
|
||||
a:hover,
|
||||
.@{tag-close-prefix-cls},
|
||||
.@{tag-close-prefix-cls}:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&-blue,
|
||||
&-blue&-dot &-dot-inner
|
||||
{
|
||||
background: @link-color;
|
||||
}
|
||||
|
||||
&-green,
|
||||
&-green&-dot &-dot-inner
|
||||
{
|
||||
background: @success-color;
|
||||
}
|
||||
|
||||
&-yellow,
|
||||
&-yellow&-dot &-dot-inner
|
||||
{
|
||||
background: @warning-color;
|
||||
}
|
||||
|
||||
&-red,
|
||||
&-red&-dot &-dot-inner
|
||||
{
|
||||
background: @error-color;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,168 +0,0 @@
|
|||
@time-picker-prefix-cls: ~"@{css-prefix}time-picker";
|
||||
@time-picker-cells-width-base: 56px;
|
||||
@time-picker-cells-width-with-date-base: 72px;
|
||||
@time-picker-cells-width: @time-picker-cells-width-base * 2;
|
||||
@time-picker-cells-width-with-seconds: @time-picker-cells-width-base *3;
|
||||
@time-picker-cells-width-with-date: @time-picker-cells-width-with-date-base * 2;
|
||||
@time-picker-cells-width-with-date-with-seconds: @time-picker-cells-width-with-date-base * 3;
|
||||
|
||||
.@{time-picker-prefix-cls} {
|
||||
&-cells{
|
||||
min-width: @time-picker-cells-width;
|
||||
&-with-seconds{
|
||||
min-width: @time-picker-cells-width-with-seconds;
|
||||
}
|
||||
|
||||
&-list{
|
||||
width: @time-picker-cells-width-base;
|
||||
max-height: 144px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
border-left: 1px solid @border-color-split;
|
||||
position: relative;
|
||||
&:hover{
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
border-left: none;
|
||||
border-radius: @btn-border-radius 0 0 @btn-border-radius;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0 @btn-border-radius @btn-border-radius 0;
|
||||
}
|
||||
ul{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0 0 120px 0;
|
||||
list-style: none;
|
||||
li{
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin: 0;
|
||||
padding: 0 0 0 16px;
|
||||
box-sizing: content-box;
|
||||
text-align: left;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
transition: background @transition-time @ease-in-out;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&-cell{
|
||||
&:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
&-disabled {
|
||||
color: @btn-disable-color;
|
||||
cursor: @cursor-disabled;
|
||||
|
||||
&:hover {
|
||||
color: @btn-disable-color;
|
||||
background-color: #fff;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
&-selected ,&-selected:hover{
|
||||
color: @primary-color;
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-header{
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
|
||||
&-with-range{
|
||||
.@{picker-prefix-cls}-panel{
|
||||
&-body{
|
||||
min-width: @time-picker-cells-width * 2 + 4px;
|
||||
}
|
||||
&-content{
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 2px;
|
||||
position: absolute;
|
||||
top: 31px;
|
||||
bottom: 0;
|
||||
right: -2px;
|
||||
background: @border-color-split;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-right{
|
||||
float: right;
|
||||
&:after{
|
||||
right: auto;
|
||||
left: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.@{time-picker-prefix-cls}-cells{
|
||||
&-list{
|
||||
&:first-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-with-range&-with-seconds{
|
||||
.@{picker-prefix-cls}-panel{
|
||||
&-body{
|
||||
min-width: @time-picker-cells-width-with-seconds * 2 + 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-panel-content{
|
||||
.@{picker-prefix-cls}-panel-content{
|
||||
.@{time-picker-prefix-cls}{
|
||||
&-cells{
|
||||
min-width: @time-picker-cells-width-with-date-with-seconds;
|
||||
&-with-seconds{
|
||||
min-width: @time-picker-cells-width-with-date-with-seconds;
|
||||
.@{time-picker-prefix-cls}-cells-list{
|
||||
width: @time-picker-cells-width-with-date-with-seconds / 3;
|
||||
ul{
|
||||
li{
|
||||
padding: 0 0 0 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-list {
|
||||
width: @time-picker-cells-width-with-date-with-seconds / 2;
|
||||
max-height: 216px;
|
||||
&:first-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0;
|
||||
}
|
||||
ul{
|
||||
padding: 0 0 192px 0;
|
||||
li{
|
||||
padding: 0 0 0 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
@timeline-prefix-cls: ~"@{css-prefix}timeline";
|
||||
@timeline-color: @border-color-split;
|
||||
|
||||
.@{timeline-prefix-cls} {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&-item {
|
||||
margin: 0 !important;
|
||||
padding: 0 0 12px 0;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
|
||||
&-tail {
|
||||
height: 100%;
|
||||
border-left: 1px solid @timeline-color;
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&-pending &-tail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-head {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
border: 1px solid transparent;
|
||||
position: absolute;
|
||||
|
||||
&-blue {
|
||||
border-color: @primary-color;
|
||||
color: @primary-color;
|
||||
}
|
||||
&-red {
|
||||
border-color: @error-color;
|
||||
color: @error-color;
|
||||
}
|
||||
&-green {
|
||||
border-color: @success-color;
|
||||
color: @success-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-head-custom {
|
||||
width: 40px;
|
||||
height: auto;
|
||||
margin-top: 6px;
|
||||
padding: 3px 0;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
font-size: @font-size-base;
|
||||
position: absolute;
|
||||
left: -13px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
&-content {
|
||||
padding: 1px 1px 10px 24px;
|
||||
font-size: @font-size-small;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.@{timeline-prefix-cls}-item-tail {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&&-pending &-item:nth-last-of-type(2) {
|
||||
|
||||
.@{timeline-prefix-cls}-item-tail {
|
||||
border-left: 1px dotted @timeline-color;
|
||||
}
|
||||
.@{timeline-prefix-cls}-item-content {
|
||||
min-height: 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
@tooltip-prefix-cls: ~"@{css-prefix}tooltip";
|
||||
@tooltip-arrow: ~"@{tooltip-prefix-cls}-arrow";
|
||||
@tooltip-max-width: 250px;
|
||||
@tooltip-arrow-width: 5px;
|
||||
@tooltip-distance: @tooltip-arrow-width - 1 + 4;
|
||||
|
||||
.@{tooltip-prefix-cls} {
|
||||
display: inline-block;
|
||||
|
||||
&-rel{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-popper{
|
||||
.popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg);
|
||||
}
|
||||
|
||||
&-inner{
|
||||
max-width: @tooltip-max-width;
|
||||
min-height: 34px;
|
||||
padding: 8px 12px;
|
||||
color: @tooltip-color;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
background-color: @tooltip-bg;
|
||||
border-radius: @border-radius-small;
|
||||
box-shadow: @shadow-base;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&-arrow{
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,128 +0,0 @@
|
|||
@transfer-prefix-cls: ~"@{css-prefix}transfer";
|
||||
@transfer-item-prefix-cls: ~"@{css-prefix}transfer-list-content-item";
|
||||
|
||||
.@{transfer-prefix-cls} {
|
||||
position: relative;
|
||||
line-height: @line-height-base;
|
||||
|
||||
&-list{
|
||||
display: inline-block;
|
||||
width: 180px;
|
||||
height: 210px;
|
||||
font-size: @font-size-small;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
padding-top: 35px;
|
||||
|
||||
&-with-footer{
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
|
||||
&-header {
|
||||
padding: 8px 16px;
|
||||
background: @head-bg;
|
||||
color: @text-color;
|
||||
border: 1px solid @border-color-base;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
border-radius: @border-radius-base @border-radius-base 0 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
& > span{
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
&-count {
|
||||
margin: 0 !important;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
&-body{
|
||||
height: 100%;
|
||||
border: 1px solid @border-color-base;
|
||||
border-top: none;
|
||||
border-radius: 0 0 @border-radius-base @border-radius-base;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&-with-search{
|
||||
padding-top: 34px;
|
||||
}
|
||||
&-with-footer{
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-content{
|
||||
height: 100%;
|
||||
padding: 4px 0;
|
||||
overflow: auto;
|
||||
|
||||
&-item{
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
& > span{
|
||||
padding-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&-not-found{
|
||||
display: none;
|
||||
text-align: center;
|
||||
color: @btn-disable-color;
|
||||
}
|
||||
li&-not-found:only-child{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&-body-with-search &-content{
|
||||
padding: 6px 0 0;
|
||||
}
|
||||
|
||||
&-body-search-wrapper{
|
||||
padding: 8px 8px 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
&-search{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-footer{
|
||||
border: 1px solid @border-color-base;
|
||||
border-top: none;
|
||||
border-radius: 0 0 @border-radius-base @border-radius-base;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
.clearfix();
|
||||
}
|
||||
}
|
||||
&-operation {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
margin: 0 16px;
|
||||
vertical-align: middle;
|
||||
|
||||
.@{btn-prefix-cls} {
|
||||
display: block;
|
||||
min-width: @btn-circle-size-small;
|
||||
|
||||
&:first-child {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.select-item(@transfer-prefix-cls, @transfer-item-prefix-cls);
|
||||
|
|
@ -1,139 +0,0 @@
|
|||
@tree-prefix-cls: ~"@{css-prefix}tree";
|
||||
|
||||
.@{tree-prefix-cls} {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-size: @font-size-small;
|
||||
li {
|
||||
padding: 0;
|
||||
margin: 8px 0;
|
||||
list-style: none;
|
||||
white-space: nowrap;
|
||||
outline: 0;
|
||||
a[draggable],
|
||||
a[draggable="true"] {
|
||||
user-select: none;
|
||||
/* Required to make elements draggable in old WebKit */
|
||||
-khtml-user-drag: element;
|
||||
-webkit-user-drag: element;
|
||||
}
|
||||
&.drag-over {
|
||||
> a[draggable] {
|
||||
background-color: @primary-color;
|
||||
color: white;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
&.drag-over-gap-top {
|
||||
> a[draggable] {
|
||||
border-top: 2px @primary-color solid;
|
||||
}
|
||||
}
|
||||
&.drag-over-gap-bottom {
|
||||
> a[draggable] {
|
||||
border-bottom: 2px @primary-color solid;
|
||||
}
|
||||
}
|
||||
&.filter-node {
|
||||
> a {
|
||||
color: @error-color!important;
|
||||
font-weight: bold!important;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0 0 0 18px;
|
||||
}
|
||||
a {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0 4px;
|
||||
border-radius: @btn-border-radius-small;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
vertical-align: top;
|
||||
color: @text-color;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
&:hover {
|
||||
background-color: tint(@primary-color, 90%);
|
||||
}
|
||||
&.@{tree-prefix-cls}-node-selected {
|
||||
background-color: tint(@primary-color, 80%);
|
||||
}
|
||||
}
|
||||
.@{checkbox-prefix-cls}-wrapper{
|
||||
margin-right: 4px;
|
||||
}
|
||||
span {
|
||||
&.@{tree-prefix-cls}-switcher,
|
||||
&.@{tree-prefix-cls}-iconEle {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
border: 0 none;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
//&.@{tree-prefix-cls}-icon_loading {
|
||||
// &:after {
|
||||
// display: inline-block;
|
||||
// //.iconfont-font("\e6a1");
|
||||
// animation: loadingCircle 1s infinite linear;
|
||||
// color: @primary-color;
|
||||
// }
|
||||
//}
|
||||
&.@{tree-prefix-cls}-switcher {
|
||||
i{
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
&.@{tree-prefix-cls}-switcher-noop {
|
||||
display: none;
|
||||
cursor: auto;
|
||||
i{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.@{tree-prefix-cls}-roots_open,
|
||||
&.@{tree-prefix-cls}-center_open,
|
||||
&.@{tree-prefix-cls}-bottom_open,
|
||||
&.@{tree-prefix-cls}-noline_open {
|
||||
i {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
&.@{tree-prefix-cls}-roots_close,
|
||||
&.@{tree-prefix-cls}-center_close,
|
||||
&.@{tree-prefix-cls}-bottom_close,
|
||||
&.@{tree-prefix-cls}-noline_close {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-child-tree {
|
||||
display: none;
|
||||
&-open {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&-treenode-disabled {
|
||||
>span,
|
||||
>a,
|
||||
>a span {
|
||||
color: @input-disabled-bg;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
&-icon__open {
|
||||
margin-right: 2px;
|
||||
vertical-align: top;
|
||||
}
|
||||
&-icon__close {
|
||||
margin-right: 2px;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
@upload-prefix-cls: ~"@{css-prefix}upload";
|
||||
|
||||
.@{upload-prefix-cls} {
|
||||
input[type="file"]{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-list{
|
||||
margin-top: 8px;
|
||||
|
||||
&-file{
|
||||
padding: 4px;
|
||||
color: @text-color;
|
||||
border-radius: @border-radius-small;
|
||||
transition: background-color @transition-time @ease-in-out;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
& > span{
|
||||
cursor: pointer;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
i{
|
||||
display: inline-block;
|
||||
width: @font-size-small;
|
||||
height: @font-size-small;
|
||||
color: @text-color;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background: @input-disabled-bg;
|
||||
& > span{
|
||||
color: @primary-color;
|
||||
i{
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
.@{upload-prefix-cls}-list-remove{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-remove{
|
||||
opacity: 0;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
margin-right: 4px;
|
||||
color: @legend-color;
|
||||
transition: all @transition-time ease;
|
||||
&:hover{
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-drag{
|
||||
background: #fff;
|
||||
border: 1px dashed @border-color-base;
|
||||
border-radius: @border-radius-small;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: border-color @transition-time ease;
|
||||
|
||||
&:hover{
|
||||
border: 1px dashed @primary-color;
|
||||
}
|
||||
}
|
||||
&-dragOver{
|
||||
border: 2px dashed @primary-color;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
/*!
|
||||
* iView
|
||||
* Web: https://www.iviewui.com
|
||||
* Github: https://github.com/iview/iview
|
||||
* Author: Aresn
|
||||
*/
|
||||
|
|
@ -1,160 +0,0 @@
|
|||
// Prefix
|
||||
@css-prefix : ivu-;
|
||||
@css-prefix-iconfont : ivu-icon;
|
||||
|
||||
// Color
|
||||
@primary-color : #3399ff;
|
||||
@info-color : #2db7f5;
|
||||
@success-color : #00cc66;
|
||||
@warning-color : #ff9900;
|
||||
@error-color : #ff3300;
|
||||
@link-color : #3399ff;
|
||||
@link-hover-color : tint(@link-color, 20%);
|
||||
@link-active-color : shade(@link-color, 5%);
|
||||
@selected-color : fade(@primary-color, 90%);
|
||||
@tooltip-color : #fff;
|
||||
@subsidiary-color : #9ea7b4;
|
||||
@rate-star-color : #f5a623;
|
||||
|
||||
// Base
|
||||
@body-background : #fff;
|
||||
@font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
||||
@code-family : Consolas,Menlo,Courier,monospace;
|
||||
@title-color : #464c5b;
|
||||
@text-color : #657180;
|
||||
@font-size-base : 14px;
|
||||
@font-size-small : 12px;
|
||||
@line-height-base : 1.5;
|
||||
@line-height-computed : floor((@font-size-base * @line-height-base));
|
||||
@border-radius-base : 6px;
|
||||
@border-radius-small : 4px;
|
||||
@cursor-disabled : not-allowed;
|
||||
|
||||
// Border color
|
||||
@border-color-base : #d7dde4; // outside
|
||||
@border-color-split : #e3e8ee; // inside
|
||||
|
||||
// Background color
|
||||
@background-color-base : #f7f7f7; // base
|
||||
@background-color-select-hover: @input-disabled-bg;
|
||||
@tooltip-bg : rgba(70, 76, 91, .9);
|
||||
@head-bg : #f9fafc;
|
||||
@table-thead-bg : #f5f7f9;
|
||||
@table-td-stripe-bg : #f5f7f9;
|
||||
@table-td-hover-bg : #ebf7ff;
|
||||
@table-td-highlight-bg : #ebf7ff;
|
||||
@menu-dark-active-bg : #313540;
|
||||
@date-picker-cell-hover-bg : #e1f0fe;
|
||||
|
||||
// Shadow
|
||||
@shadow-color : rgba(0, 0, 0, .2);
|
||||
@shadow-base : @shadow-down;
|
||||
@shadow-card : 0 1px 1px 0 rgba(0,0,0,.1);
|
||||
@shadow-up : 0 -1px 6px @shadow-color;
|
||||
@shadow-down : 0 1px 6px @shadow-color;
|
||||
@shadow-left : -1px 0 6px @shadow-color;
|
||||
@shadow-right : 1px 0 6px @shadow-color;
|
||||
|
||||
// Button
|
||||
@btn-font-weight : normal;
|
||||
@btn-padding-base : 6px 15px;
|
||||
@btn-padding-large : 6px 15px 7px 15px;
|
||||
@btn-padding-small : 2px 7px;
|
||||
@btn-font-size : 12px;
|
||||
@btn-font-size-large : 14px;
|
||||
@btn-border-radius : 4px;
|
||||
@btn-border-radius-small: 3px;
|
||||
@btn-group-border : shade(@primary-color, 5%);
|
||||
|
||||
@btn-disable-color : #c3cbd6;
|
||||
@btn-disable-bg : @background-color-base;
|
||||
@btn-disable-border : @border-color-base;
|
||||
|
||||
@btn-default-color : @text-color;
|
||||
@btn-default-bg : @background-color-base;
|
||||
@btn-default-border : @border-color-base;
|
||||
|
||||
@btn-primary-color : #fff;
|
||||
@btn-primary-bg : @primary-color;
|
||||
|
||||
@btn-ghost-color : @text-color;
|
||||
@btn-ghost-bg : transparent;
|
||||
@btn-ghost-border : @border-color-base;
|
||||
|
||||
@btn-circle-size : 32px;
|
||||
@btn-circle-size-large : 36px;
|
||||
@btn-circle-size-small : 24px;
|
||||
|
||||
// Layout and Grid
|
||||
@grid-columns : 24;
|
||||
@grid-gutter-width : 0;
|
||||
|
||||
// Legend
|
||||
@legend-color : #999;
|
||||
|
||||
// Input
|
||||
@input-height-base : 32px;
|
||||
@input-height-large : 36px;
|
||||
@input-height-small : 24px;
|
||||
|
||||
@input-padding-horizontal : 7px;
|
||||
@input-padding-vertical-base : 4px;
|
||||
@input-padding-vertical-small: 1px;
|
||||
@input-padding-vertical-large: 6px;
|
||||
|
||||
@input-placeholder-color : @btn-disable-color;
|
||||
@input-color : @text-color;
|
||||
@input-border-color : @border-color-base;
|
||||
@input-bg : #fff;
|
||||
|
||||
@input-hover-border-color : @primary-color;
|
||||
@input-focus-border-color : @primary-color;
|
||||
@input-disabled-bg : #f3f3f3;
|
||||
|
||||
// Tag
|
||||
@tag-font-size : 12px;
|
||||
|
||||
// Media queries breakpoints
|
||||
// Extra small screen / phone
|
||||
@screen-xs : 480px;
|
||||
@screen-xs-min : @screen-xs;
|
||||
@screen-xs-max : (@screen-xs-min - 1);
|
||||
|
||||
// Small screen / tablet
|
||||
@screen-sm : 768px;
|
||||
@screen-sm-min : @screen-sm;
|
||||
@screen-sm-max : (@screen-sm-min - 1);
|
||||
|
||||
// Medium screen / desktop
|
||||
@screen-md : 992px;
|
||||
@screen-md-min : @screen-md;
|
||||
@screen-md-max : (@screen-md-min - 1);
|
||||
|
||||
// Large screen / wide desktop
|
||||
@screen-lg : 1200px;
|
||||
@screen-lg-min : @screen-lg;
|
||||
@screen-lg-max : (@screen-lg-min - 1);
|
||||
|
||||
// Z-index
|
||||
@zindex-spin : 8;
|
||||
@zindex-affix : 10;
|
||||
@zindex-back-top : 10;
|
||||
@zindex-select : 900;
|
||||
@zindex-modal : 1000;
|
||||
@zindex-message : 1010;
|
||||
@zindex-notification : 1010;
|
||||
@zindex-tooltip : 1060;
|
||||
@zindex-loading-bar : 2000;
|
||||
|
||||
// Animation
|
||||
@animation-time : .3s;
|
||||
@transition-time : .2s;
|
||||
@ease-in-out : ease-in-out;
|
||||
|
||||
// Slider
|
||||
@slider-color : tint(@primary-color, 20%);
|
||||
@slider-height : 4px;
|
||||
@slider-margin : 16px 0;
|
||||
@slider-button-wrap-size : 18px;
|
||||
@slider-button-wrap-offset : -4px;
|
||||
@slider-disabled-color : #ccc;
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
@import "./custom";
|
||||
@import "./mixins/index";
|
||||
@import "./common/index";
|
||||
@import "./animation/index";
|
||||
@import "./components/index";
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
@breadcrumb-prefix-cls: ~"@{css-prefix}breadcrumb";
|
||||
|
||||
.@{breadcrumb-prefix-cls} {
|
||||
color: #999;
|
||||
font-size: @font-size-base;
|
||||
|
||||
a {
|
||||
color: @text-color;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
&:hover {
|
||||
color: tint(@primary-color, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
& > span:last-child {
|
||||
font-weight: bold;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
& > span:last-child &-item-separator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-item-separator {
|
||||
margin: 0 8px;
|
||||
color: @border-color-base;
|
||||
}
|
||||
|
||||
&-item-link {
|
||||
> .ivu-icon + span {
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,390 +0,0 @@
|
|||
.button-size(@padding; @font-size; @border-radius) {
|
||||
padding: @padding;
|
||||
font-size: @font-size;
|
||||
border-radius: @border-radius;
|
||||
}
|
||||
|
||||
.button-color(@color; @background; @border) {
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
// a inside Button which only work in Chrome
|
||||
// http://stackoverflow.com/a/17253457
|
||||
> a:only-child {
|
||||
color: currentColor;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-variant(@color; @background; @border) {
|
||||
.button-color(@color; @background; @border);
|
||||
|
||||
&:hover
|
||||
//&:focus
|
||||
{
|
||||
.button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
|
||||
}
|
||||
&:active,
|
||||
&.active {
|
||||
.button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
.button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-group-base(@btnClassName) {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
> .@{btnClassName} {
|
||||
position: relative;
|
||||
float: left;
|
||||
&:hover,
|
||||
//&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
& .@{btnClassName}-icon-only .ivu-icon {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
&-large .@{btnClassName}-icon-only .ivu-icon{
|
||||
font-size: 16px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
&-small .@{btnClassName}-icon-only .ivu-icon{
|
||||
font-size: 12px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&-circle .@{btnClassName} {
|
||||
border-radius: @btn-circle-size;
|
||||
}
|
||||
|
||||
// size
|
||||
&-large&-circle .@{btnClassName} {
|
||||
border-radius: @btn-circle-size-large;
|
||||
}
|
||||
&-large {
|
||||
& > .@{btnClassName} {
|
||||
.button-size(@btn-padding-large; @btn-font-size-large; @btn-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
&-small&-circle .@{btnClassName} {
|
||||
border-radius: @btn-circle-size-small;
|
||||
}
|
||||
&-small {
|
||||
& > .@{btnClassName}{
|
||||
.button-size(@btn-padding-small; @btn-font-size; @btn-border-radius-small);
|
||||
> .@{css-prefix-iconfont} {
|
||||
font-size: @btn-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-group-vertical-base(@btnClassName) {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
> .@{btnClassName} {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn() {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
font-weight: @btn-font-weight;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
white-space: nowrap;
|
||||
line-height: @line-height-base;
|
||||
user-select: none;
|
||||
.button-size(@btn-padding-base; @btn-font-size; @btn-border-radius);
|
||||
transform: translate3d(0, 0, 0);
|
||||
//transition: all @transition-time linear;
|
||||
transition: color @transition-time linear, background-color @transition-time linear, border @transition-time linear;
|
||||
|
||||
> .@{css-prefix-iconfont} {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:not([disabled]):hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:not([disabled]):active {
|
||||
outline: 0;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
cursor: @cursor-disabled;
|
||||
> * {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-large {
|
||||
.button-size(@btn-padding-large; @btn-font-size-large; @btn-border-radius);
|
||||
}
|
||||
|
||||
&-small {
|
||||
.button-size(@btn-padding-small; @btn-font-size; @btn-border-radius-small);
|
||||
}
|
||||
}
|
||||
|
||||
// Default
|
||||
.btn-default() {
|
||||
.button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
|
||||
|
||||
&:hover
|
||||
//&:focus
|
||||
{
|
||||
.button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
|
||||
}
|
||||
&:active,
|
||||
&.active {
|
||||
.button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
|
||||
}
|
||||
}
|
||||
|
||||
// Primary
|
||||
.btn-primary() {
|
||||
.button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);
|
||||
|
||||
&:hover,
|
||||
//&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
color: @btn-primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Ghost
|
||||
.btn-ghost() {
|
||||
.button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
|
||||
|
||||
&:hover
|
||||
//&:focus
|
||||
{
|
||||
.button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
|
||||
}
|
||||
&:active,
|
||||
&.active {
|
||||
.button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
|
||||
}
|
||||
}
|
||||
|
||||
// Dashed
|
||||
.btn-dashed() {
|
||||
.button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
|
||||
border-style: dashed;
|
||||
|
||||
&:hover
|
||||
//&:focus
|
||||
{
|
||||
.button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
|
||||
}
|
||||
&:active,
|
||||
&.active {
|
||||
.button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
|
||||
}
|
||||
}
|
||||
|
||||
// Text
|
||||
.btn-text() {
|
||||
.button-variant(@btn-ghost-color, @btn-ghost-bg, transparent);
|
||||
|
||||
// for disabled
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
.button-color(@btn-disable-color; @btn-ghost-bg; transparent);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover
|
||||
//&:focus
|
||||
{
|
||||
.button-color(tint(@primary-color, 20%); @btn-ghost-bg; transparent);
|
||||
}
|
||||
&:active,
|
||||
&.active {
|
||||
.button-color(shade(@primary-color, 5%); @btn-ghost-bg; transparent);
|
||||
}
|
||||
}
|
||||
|
||||
// Color
|
||||
.btn-color(@color) {
|
||||
.button-variant(@btn-primary-color; @color; @color);
|
||||
|
||||
&:hover,
|
||||
//&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
color: @btn-primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Circle for Icon
|
||||
.btn-circle(@btnClassName: ivu-btn) {
|
||||
border-radius: @btn-circle-size;
|
||||
|
||||
&.@{btnClassName}-large{
|
||||
border-radius: @btn-circle-size-large;
|
||||
}
|
||||
|
||||
&.@{btnClassName}-size{
|
||||
border-radius: @btn-circle-size-small;
|
||||
}
|
||||
|
||||
&.@{btnClassName}-icon-only{
|
||||
.square(@btn-circle-size);
|
||||
.button-size(0; @font-size-base + 2; 50%);
|
||||
|
||||
&.@{btnClassName}-large{
|
||||
.square(@btn-circle-size-large);
|
||||
.button-size(0; @btn-font-size-large + 2; 50%);
|
||||
}
|
||||
|
||||
&.@{btnClassName}-small{
|
||||
.square(@btn-circle-size-small);
|
||||
.button-size(0; @font-size-base; 50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Group
|
||||
.btn-group(@btnClassName: ivu-btn) {
|
||||
.button-group-base(@btnClassName);
|
||||
|
||||
.@{btnClassName} + .@{btnClassName},
|
||||
.@{btnClassName} + &,
|
||||
& + .@{btnClassName},
|
||||
& + & {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.@{btnClassName}:not(:first-child):not(:last-child) {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:not(&-vertical) > .@{btnClassName}:first-child {
|
||||
margin-left: 0;
|
||||
&:not(:last-child) {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(&-vertical) > .@{btnClassName}:last-child:not(:first-child) {
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
& > & {
|
||||
float: left;
|
||||
}
|
||||
|
||||
& > &:not(:first-child):not(:last-child) > .@{btnClassName} {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:not(&-vertical) > &:first-child:not(:last-child) {
|
||||
> .@{btnClassName}:last-child {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(&-vertical) > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
padding-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group-vertical(@btnClassName: ivu-btn) {
|
||||
.button-group-vertical-base(@btnClassName);
|
||||
|
||||
.@{btnClassName} + .@{btnClassName},
|
||||
.@{btnClassName} + &,
|
||||
& + .@{btnClassName},
|
||||
& + & {
|
||||
margin-top: -1px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
> .@{btnClassName}:first-child {
|
||||
margin-top: 0;
|
||||
&:not(:last-child) {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> .@{btnClassName}:last-child:not(:first-child) {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
& > &:first-child:not(:last-child) {
|
||||
> .@{btnClassName}:last-child {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
& > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
padding-top: 8px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
// sortable
|
||||
.sortable() {
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: 12px;
|
||||
margin-left: 4px;
|
||||
margin-top: -1px;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
i {
|
||||
display: block;
|
||||
height: 6px;
|
||||
line-height: 6px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
color: @btn-disable-color;
|
||||
transition: color @transition-time @ease-in-out;
|
||||
|
||||
&:hover{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
&.on{
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
top: 0;
|
||||
}
|
||||
&:last-child{
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,190 +0,0 @@
|
|||
.checkboxFn(@checkbox-prefix-cls: ~"@{css-prefix}checkbox") {
|
||||
@checkbox-inner-prefix-cls: ~"@{checkbox-prefix-cls}-inner";
|
||||
|
||||
// 普通状态
|
||||
.@{checkbox-prefix-cls} {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
|
||||
&-disabled{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
border-color: #bcbcbc;
|
||||
}
|
||||
}
|
||||
|
||||
&-inner {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border: 1px solid @border-color-base;
|
||||
border-radius: 2px;
|
||||
background-color: #fff;
|
||||
transition: border-color @transition-time @ease-in-out, background-color @transition-time @ease-in-out;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: table;
|
||||
width: 4px;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 4px;
|
||||
border: 2px solid #fff;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
transform: rotate(45deg) scale(0);
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&-input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
|
||||
&[disabled]{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 选中状态
|
||||
.@{checkbox-prefix-cls}-checked {
|
||||
|
||||
&:hover {
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
border-color: @primary-color;
|
||||
background-color: @primary-color;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: table;
|
||||
width: 4px;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 4px;
|
||||
border: 2px solid #fff;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
transform: rotate(45deg) scale(1);
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 禁用
|
||||
.@{checkbox-prefix-cls}-disabled {
|
||||
&.@{checkbox-prefix-cls}-checked {
|
||||
&:hover {
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
border-color: @border-color-base;
|
||||
}
|
||||
}
|
||||
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
background-color: #f3f3f3;
|
||||
border-color: @border-color-base;
|
||||
|
||||
&:after {
|
||||
animation-name: none;
|
||||
border-color: #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
border-color: @border-color-base;
|
||||
}
|
||||
}
|
||||
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
border-color: @border-color-base;
|
||||
background-color: #f3f3f3;
|
||||
&:after {
|
||||
animation-name: none;
|
||||
border-color: #f3f3f3;
|
||||
}
|
||||
}
|
||||
|
||||
.@{checkbox-inner-prefix-cls}-input {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
& + span {
|
||||
color: #ccc;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
// 半选状态
|
||||
.@{checkbox-prefix-cls}-indeterminate{
|
||||
.@{checkbox-inner-prefix-cls}:after{
|
||||
content: '';
|
||||
width: 8px;
|
||||
height: 1px;
|
||||
transform: scale(1);
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
.@{checkbox-inner-prefix-cls}{
|
||||
background-color: @primary-color;
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.@{checkbox-prefix-cls}-wrapper {
|
||||
cursor: pointer;
|
||||
font-size: @font-size-small;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
&-disabled{
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
.@{checkbox-prefix-cls}-wrapper + span,
|
||||
.@{checkbox-prefix-cls} + span {
|
||||
//margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.@{checkbox-prefix-cls}-group {
|
||||
font-size: @font-size-base;
|
||||
&-item {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
.clearfix() {
|
||||
zoom: 1;
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
.close-base(@top: 0, @icon-font-size: 22px) {
|
||||
font-size: @icon-font-size;
|
||||
color: @legend-color;
|
||||
transition: color @transition-time ease;
|
||||
position: relative;
|
||||
top: @top;
|
||||
&:hover {
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
.placeholder(@color: @input-placeholder-color) {
|
||||
// Firefox
|
||||
&::-moz-placeholder {
|
||||
color: @color;
|
||||
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
|
||||
}
|
||||
// Internet Explorer 10+
|
||||
&:-ms-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
// Safari and Chrome
|
||||
&::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// for select and input like component's arrow
|
||||
.inner-arrow() {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 8px;
|
||||
line-height: 1;
|
||||
margin-top: -7px;
|
||||
font-size: @font-size-base;
|
||||
color: @subsidiary-color;
|
||||
transition: all @transition-time @ease-in-out;
|
||||
}
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
.content-header() {
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
padding: 14px 16px;
|
||||
line-height: 1;
|
||||
|
||||
p,
|
||||
&-inner
|
||||
{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: @font-size-base;
|
||||
color: @title-color;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.content-close(@top: 0, @icon-font-size: 22px) {
|
||||
font-size: @font-size-small;
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 8px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
|
||||
.@{icon-prefix-cls}-ios-close-empty {
|
||||
.close-base(@top, @icon-font-size);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
@import "common";
|
||||
@import "clearfix";
|
||||
@import "button";
|
||||
@import "layout";
|
||||
@import "size";
|
||||
@import "loading";
|
||||
@import "close";
|
||||
@import "checkbox";
|
||||
@import "input";
|
||||
@import "breadcrumb";
|
||||
@import "mask";
|
||||
@import "content"; // card、modal
|
||||
@import "tooltip";
|
||||
@import "select";
|
||||
@import "caret";
|
||||
|
|
@ -1,256 +0,0 @@
|
|||
.hover(@color: @input-hover-border-color) {
|
||||
border-color: tint(@color, 20%);
|
||||
}
|
||||
.hover-error() {
|
||||
border-color: @error-color;
|
||||
}
|
||||
|
||||
.active(@color: @input-hover-border-color) {
|
||||
border-color: tint(@color, 20%);
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px fade(@color, 20%);
|
||||
}
|
||||
.active-error() {
|
||||
border-color: @error-color;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px fade(@error-color, 20%);
|
||||
}
|
||||
|
||||
.disabled() {
|
||||
background-color: @input-disabled-bg;
|
||||
opacity: 1;
|
||||
cursor: @cursor-disabled;
|
||||
color: #ccc;
|
||||
&:hover {
|
||||
.hover(@input-border-color);
|
||||
}
|
||||
}
|
||||
|
||||
.input-large() {
|
||||
font-size: @font-size-base;
|
||||
padding: @input-padding-vertical-large @input-padding-horizontal;
|
||||
height: @input-height-large;
|
||||
}
|
||||
|
||||
.input-small() {
|
||||
padding: @input-padding-vertical-small @input-padding-horizontal;
|
||||
height: @input-height-small;
|
||||
border-radius: @btn-border-radius-small;
|
||||
}
|
||||
|
||||
.input() {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: @input-height-base;
|
||||
line-height: @line-height-base;
|
||||
padding: @input-padding-vertical-base @input-padding-horizontal;
|
||||
font-size: @font-size-small;
|
||||
border: 1px solid @input-border-color;
|
||||
border-radius: @btn-border-radius;
|
||||
color: @input-color;
|
||||
background-color: @input-bg;
|
||||
background-image: none;
|
||||
position: relative;
|
||||
cursor: text;
|
||||
.placeholder();
|
||||
transition: border @transition-time @ease-in-out, background @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
.hover();
|
||||
}
|
||||
|
||||
&:focus {
|
||||
.active();
|
||||
}
|
||||
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
.disabled();
|
||||
}
|
||||
|
||||
// Reset height for textarea
|
||||
textarea& {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
vertical-align: bottom;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
// Size
|
||||
&-large {
|
||||
.input-large();
|
||||
}
|
||||
|
||||
&-small {
|
||||
.input-small();
|
||||
}
|
||||
}
|
||||
|
||||
.input-error() {
|
||||
border: 1px solid @error-color;
|
||||
&:hover {
|
||||
.hover-error;
|
||||
}
|
||||
&:focus {
|
||||
.active-error;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group(@inputClass) {
|
||||
display: table;
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
position: relative;
|
||||
font-size: @font-size-small;
|
||||
top: 1px; // fixed when using in form inline,
|
||||
|
||||
&-large{
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
// Undo padding and float of grid classes
|
||||
&[class*="col-"] {
|
||||
float: none;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
> [class*="col-"] {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
&-prepend,
|
||||
&-append,
|
||||
> .@{inputClass} {
|
||||
display: table-cell;
|
||||
|
||||
&:not(:first-child):not(:last-child) {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-prepend .@{css-prefix}btn,
|
||||
&-append .@{css-prefix}btn
|
||||
{
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
margin: -(@input-padding-vertical-base + 1) (-@input-padding-horizontal);
|
||||
}
|
||||
|
||||
&-prepend,
|
||||
&-append
|
||||
{
|
||||
width: 1px; // To make addon/wrap as small as possible
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.@{inputClass} {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&-prepend,
|
||||
&-append
|
||||
{
|
||||
padding: @input-padding-vertical-base @input-padding-horizontal;
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
color: @input-color;
|
||||
text-align: center;
|
||||
background-color: #eee;
|
||||
border: 1px solid @input-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
|
||||
// Reset Select's style in addon
|
||||
.@{css-prefix}select {
|
||||
margin: -(@input-padding-vertical-base + 1) (-@input-padding-horizontal); // lesshint spaceAroundOperator: false
|
||||
|
||||
&-selection {
|
||||
background-color: inherit;
|
||||
margin: -1px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
&-visible .@{css-prefix}select-selection{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Reset rounded corners
|
||||
> span > .@{inputClass}:first-child,
|
||||
> .@{inputClass}:first-child,
|
||||
&-prepend
|
||||
{
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
|
||||
// Reset Select's style in addon
|
||||
.@{css-prefix}-select .@{css-prefix}-select-selection {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-prepend {
|
||||
border-right: 0;
|
||||
}
|
||||
&-append {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
> .@{inputClass}:last-child,
|
||||
&-append
|
||||
{
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-top-left-radius: 0 !important;
|
||||
|
||||
// Reset Select's style in addon
|
||||
.@{css-prefix}-select .@{css-prefix}-select-selection {
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing options
|
||||
&-large .@{inputClass},
|
||||
&-large > &-prepend,
|
||||
&-large > &-append
|
||||
{
|
||||
.input-large();
|
||||
}
|
||||
|
||||
&-small .@{inputClass},
|
||||
&-small > &-prepend,
|
||||
&-small > &-append
|
||||
{
|
||||
.input-small();
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-error{
|
||||
&-prepend,
|
||||
&-append
|
||||
{
|
||||
background-color: #fff;
|
||||
border: 1px solid @error-color;
|
||||
.@{css-prefix}select {
|
||||
&-selection {
|
||||
background-color: inherit;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-prepend {
|
||||
border-right: 0;
|
||||
}
|
||||
&-append {
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
@row-prefix-cls: ~"@{css-prefix}row";
|
||||
@col-prefix-cls: ~"@{css-prefix}col";
|
||||
|
||||
.make-row(@gutter: @grid-gutter-width) {
|
||||
position: relative;
|
||||
margin-left: (@gutter / -2);
|
||||
margin-right: (@gutter / -2);
|
||||
height: auto;
|
||||
.clearfix;
|
||||
}
|
||||
|
||||
.float-grid-columns(@class) {
|
||||
.col(@index) { // initial
|
||||
@item: ~".@{col-prefix-cls}-span@{class}-@{index}";
|
||||
.col((@index + 1), @item);
|
||||
}
|
||||
.col(@index, @list) when (@index =< @grid-columns) { // general
|
||||
@item: ~".@{col-prefix-cls}-span@{class}-@{index}";
|
||||
.col((@index + 1), ~"@{list}, @{item}");
|
||||
}
|
||||
.col(@index, @list) when (@index > @grid-columns) { // terminal
|
||||
@{list} {
|
||||
float: left;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
}
|
||||
.col(1); // kickstart it
|
||||
}
|
||||
|
||||
.loop-grid-columns(@index, @class) when (@index > 0) {
|
||||
.@{col-prefix-cls}-span@{class}-@{index} {
|
||||
display: block;
|
||||
width: percentage((@index / @grid-columns));
|
||||
}
|
||||
.@{col-prefix-cls}@{class}-push-@{index} {
|
||||
left: percentage((@index / @grid-columns));
|
||||
}
|
||||
.@{col-prefix-cls}@{class}-pull-@{index} {
|
||||
right: percentage((@index / @grid-columns));
|
||||
}
|
||||
.@{col-prefix-cls}@{class}-offset-@{index} {
|
||||
margin-left: percentage((@index / @grid-columns));
|
||||
}
|
||||
.@{col-prefix-cls}@{class}-order-@{index} {
|
||||
order: @index;
|
||||
}
|
||||
.loop-grid-columns((@index - 1), @class);
|
||||
}
|
||||
|
||||
.loop-grid-columns(@index, @class) when (@index = 0) {
|
||||
.@{col-prefix-cls}-span@{class}-@{index} {
|
||||
display: none;
|
||||
}
|
||||
.@{col-prefix-cls}@{class}-push-@{index} {
|
||||
left: auto;
|
||||
}
|
||||
.@{col-prefix-cls}@{class}-pull-@{index} {
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.make-grid(@class: ~'') {
|
||||
.float-grid-columns(@class);
|
||||
.loop-grid-columns(@grid-columns, @class);
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
// Loading for loop
|
||||
.ivu-load-loop{
|
||||
animation: ani-load-loop 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes ani-load-loop {
|
||||
from { transform: rotate(0deg);}
|
||||
50% { transform: rotate(180deg);}
|
||||
to { transform: rotate(360deg);}
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
.mask() {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(55, 55, 55, 0.6);
|
||||
height: 100%;
|
||||
z-index: @zindex-modal;
|
||||
|
||||
&-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
.select-item(@size-class, @item-class) {
|
||||
.@{item-class} {
|
||||
margin: 0;
|
||||
padding: 7px 16px;
|
||||
clear: both;
|
||||
color: @text-color;
|
||||
font-size: @font-size-small !important;
|
||||
white-space: nowrap;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
transition: background @transition-time @ease-in-out;
|
||||
|
||||
&:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
|
||||
&-focus {
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
color: @btn-disable-color;
|
||||
cursor: @cursor-disabled;
|
||||
|
||||
&:hover {
|
||||
color: @btn-disable-color;
|
||||
background-color: #fff;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
&-selected ,&-selected:hover{
|
||||
color: #fff;
|
||||
background: @selected-color;
|
||||
}
|
||||
|
||||
&-selected&-focus {
|
||||
background: shade(@selected-color, 10%);
|
||||
}
|
||||
|
||||
&-divided{
|
||||
margin-top: 5px;
|
||||
border-top: 1px solid @border-color-split;
|
||||
&:before{
|
||||
content: '';
|
||||
height: 5px;
|
||||
display: block;
|
||||
margin: 0 -16px;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
top: -7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{size-class}-large .@{item-class} {
|
||||
padding: 7px 16px 8px;
|
||||
font-size: @font-size-base !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
.size(@width; @height) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
}
|
||||
|
||||
.square(@size) {
|
||||
.size(@size; @size);
|
||||
}
|
||||
|
||||
// fix chrome 12px bug, support ie
|
||||
.iconfont-size-under-12px(@size, @rotate: 0deg) {
|
||||
display: inline-block;
|
||||
@font-scale: unit(@size / @font-size-base);
|
||||
font-size: @font-size-base;
|
||||
font-size: ~"@{size} \9"; // ie8-9
|
||||
transform: scale(@font-scale) rotate(@rotate);
|
||||
:root & {
|
||||
font-size: @font-size-base; // reset ie9 and above
|
||||
}
|
||||
}
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
.popper(@arrow, @arrow-width, @arrow-distance, @bg){
|
||||
display: block;
|
||||
visibility: visible;
|
||||
font-size: @font-size-small;
|
||||
line-height: @line-height-base;
|
||||
position: absolute;
|
||||
z-index: @zindex-tooltip;
|
||||
|
||||
&[x-placement^="top"] {
|
||||
padding: @arrow-width 0 @arrow-distance 0;
|
||||
}
|
||||
&[x-placement^="right"] {
|
||||
padding: 0 @arrow-width 0 @arrow-distance;
|
||||
}
|
||||
&[x-placement^="bottom"] {
|
||||
padding: @arrow-distance 0 @arrow-width 0;
|
||||
}
|
||||
&[x-placement^="left"] {
|
||||
padding: 0 @arrow-distance 0 @arrow-width;
|
||||
}
|
||||
|
||||
&[x-placement^="top"] .@{arrow} {
|
||||
bottom: @arrow-distance - @arrow-width;
|
||||
border-width: @arrow-width @arrow-width 0;
|
||||
border-top-color: @bg;
|
||||
}
|
||||
&[x-placement="top"] .@{arrow} {
|
||||
left: 50%;
|
||||
margin-left: -@arrow-width;
|
||||
}
|
||||
&[x-placement="top-start"] .@{arrow} {
|
||||
left: 16px;
|
||||
}
|
||||
&[x-placement="top-end"] .@{arrow} {
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
&[x-placement^="right"] .@{arrow} {
|
||||
left: @arrow-distance - @arrow-width;
|
||||
border-width: @arrow-width @arrow-width @arrow-width 0;
|
||||
border-right-color: @bg;
|
||||
}
|
||||
&[x-placement="right"] .@{arrow} {
|
||||
top: 50%;
|
||||
margin-top: -@arrow-width;
|
||||
}
|
||||
&[x-placement="right-start"] .@{arrow} {
|
||||
top: 8px;
|
||||
}
|
||||
&[x-placement="right-end"] .@{arrow} {
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
&[x-placement^="left"] .@{arrow} {
|
||||
right: @arrow-distance - @arrow-width;
|
||||
border-width: @arrow-width 0 @arrow-width @arrow-width;
|
||||
border-left-color: @bg;
|
||||
}
|
||||
&[x-placement="left"] .@{arrow} {
|
||||
top: 50%;
|
||||
margin-top: -@arrow-width;
|
||||
}
|
||||
&[x-placement="left-start"] .@{arrow} {
|
||||
top: 8px;
|
||||
}
|
||||
&[x-placement="left-end"] .@{arrow} {
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
&[x-placement^="bottom"] .@{arrow} {
|
||||
top: @arrow-distance - @arrow-width;
|
||||
border-width: 0 @arrow-width @arrow-width;
|
||||
border-bottom-color: @bg;
|
||||
}
|
||||
&[x-placement="bottom"] .@{arrow} {
|
||||
left: 50%;
|
||||
margin-left: -@arrow-width;
|
||||
}
|
||||
&[x-placement="bottom-start"] .@{arrow} {
|
||||
left: 16px;
|
||||
}
|
||||
&[x-placement="bottom-end"] .@{arrow} {
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue