mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 01:11:26 +08:00
f581159cb5
* refactor: cssinjs for Tabs * doc: update demo css * refactor: use genHook * refactor: add skip check * fix: remove useless skip * refactor: remove rootPrefixCls
99 lines
2.7 KiB
Plaintext
99 lines
2.7 KiB
Plaintext
// @import '../../style/themes/index';
|
|
// @import '../../style/mixins/index';
|
|
|
|
// @tab-prefix-cls: ~'@{ant-prefix}-tabs';
|
|
|
|
// .@{tab-prefix-cls}-card {
|
|
// > .@{tab-prefix-cls}-nav,
|
|
// > div > .@{tab-prefix-cls}-nav {
|
|
// .@{tab-prefix-cls}-tab {
|
|
// margin: 0;
|
|
// padding: @tabs-card-horizontal-padding;
|
|
// background: @tabs-card-head-background;
|
|
// border: @border-width-base @border-style-base @border-color-split;
|
|
// transition: all @animation-duration-slow @ease-in-out;
|
|
|
|
// &-active {
|
|
// color: @tabs-card-active-color;
|
|
// background: @component-background;
|
|
// }
|
|
// }
|
|
|
|
// .@{tab-prefix-cls}-ink-bar {
|
|
// visibility: hidden;
|
|
// }
|
|
// }
|
|
|
|
// // ========================== Top & Bottom ==========================
|
|
// &.@{tab-prefix-cls}-top,
|
|
// &.@{tab-prefix-cls}-bottom {
|
|
// > .@{tab-prefix-cls}-nav,
|
|
// > div > .@{tab-prefix-cls}-nav {
|
|
// .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
|
|
// margin-left: @tabs-card-gutter;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// &.@{tab-prefix-cls}-top {
|
|
// > .@{tab-prefix-cls}-nav,
|
|
// > div > .@{tab-prefix-cls}-nav {
|
|
// .@{tab-prefix-cls}-tab {
|
|
// border-radius: @border-radius-base @border-radius-base 0 0;
|
|
|
|
// &-active {
|
|
// border-bottom-color: @component-background;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// &.@{tab-prefix-cls}-bottom {
|
|
// > .@{tab-prefix-cls}-nav,
|
|
// > div > .@{tab-prefix-cls}-nav {
|
|
// .@{tab-prefix-cls}-tab {
|
|
// border-radius: 0 0 @border-radius-base @border-radius-base;
|
|
|
|
// &-active {
|
|
// border-top-color: @component-background;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// // ========================== Left & Right ==========================
|
|
// &.@{tab-prefix-cls}-left,
|
|
// &.@{tab-prefix-cls}-right {
|
|
// > .@{tab-prefix-cls}-nav,
|
|
// > div > .@{tab-prefix-cls}-nav {
|
|
// .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
|
|
// margin-top: @tabs-card-gutter;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// &.@{tab-prefix-cls}-left {
|
|
// > .@{tab-prefix-cls}-nav,
|
|
// > div > .@{tab-prefix-cls}-nav {
|
|
// .@{tab-prefix-cls}-tab {
|
|
// border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
|
|
// &-active {
|
|
// border-right-color: @component-background;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// &.@{tab-prefix-cls}-right {
|
|
// > .@{tab-prefix-cls}-nav,
|
|
// > div > .@{tab-prefix-cls}-nav {
|
|
// .@{tab-prefix-cls}-tab {
|
|
// border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
|
|
// &-active {
|
|
// border-left-color: @component-background;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|