github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #3261 from baiyaaaaa/dev 

fix nested tab style
pull/3313/head
cinwell.li 2017-03-06 18:46:03 +08:00 committed by GitHub
parent 5e796ca33b 28bb963429
commit a8fab56279
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/theme-default/src/tabs.css
View File

@ -118,10 +118,10 @@
position: relative; position: relative;
} }
@m card { @m card {
.el-tabs__nav .el-tabs__active-bar { > .el-tabs__header .el-tabs__active-bar {
display: none; display: none;
} }
.el-tabs__nav .el-tabs__item .el-icon-close { > .el-tabs__header .el-tabs__item .el-icon-close {
position: relative; position: relative;
font-size: 12px; font-size: 12px;
width: 0; width: 0;
@ -133,7 +133,7 @@
right: -2px; right: -2px;
transform-origin: 100% 50%; transform-origin: 100% 50%;
} }
.el-tabs__nav .el-tabs__item { > .el-tabs__header .el-tabs__item {
border: 1px solid transparent; border: 1px solid transparent;
transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1);
@ -166,14 +166,14 @@
border: 1px solid var(--color-base-gray); border: 1px solid var(--color-base-gray);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04);
&>.el-tabs__content { >.el-tabs__content {
padding: 15px; padding: 15px;
} }
&>.el-tabs__header { >.el-tabs__header {
background-color: var(--color-extra-light-gray); background-color: var(--color-extra-light-gray);
margin: 0; margin: 0;
} }
&>.el-tabs__header>.el-tabs__item { >.el-tabs__header .el-tabs__item {
transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1);
border: 1px solid transparent; border: 1px solid transparent;
border-top: 0; border-top: 0;