Commit 4cb9be33 authored by cyh's avatar cyh

标签页和面包屑样式调整

parent a575c94e
......@@ -6,12 +6,18 @@
font-size: 14px;
line-height: 1;
@include utils-clearfix;
& i.el-icon-location{
font-size:20px;
color:#1A56a8;
float:left;
margin-top:-3px;
margin-right:12px;
}
@include e(separator) {
margin: 0 9px;
font-weight: bold;
color: $--color-text-placeholder;
&[class*=icon] {
margin: 0 6px;
font-weight: normal;
......@@ -25,14 +31,15 @@
color: $--color-text-regular;
&.is-link, & a {
font-weight: bold;
font-weight: normal;
text-decoration: none;
transition: $--color-transition-base;
color: $--color-text-primary;
&:hover {
color: $--color-primary;
color: $--color-primary-hover;
cursor: pointer;
text-decoration: underline;
}
}
}
......
......@@ -2,6 +2,10 @@
@import "common/var";
@include b(tabs) {
border: 1px solid $--border-color-base;
> .el-tabs__content {
padding: 0 8px 8px 8px;
}
@include e(header) {
padding: 0;
position: relative;
......@@ -10,12 +14,13 @@
@include e(active-bar) {
position: absolute;
bottom: 0;
left: 0;
left: -16px;
height: 2px;
background-color: $--color-primary;
z-index: 1;
transition: transform .3s cubic-bezier(.645,.045,.355,1);
list-style: none;
padding:0 16px;
}
@include e(new-tab) {
float: right;
......@@ -50,7 +55,7 @@
left: 0;
bottom: 0;
width: 100%;
height: 2px;
height: 1px;
background-color: $--border-color-light;
z-index: $--index-normal;
}
......@@ -93,17 +98,16 @@
}
}
@include e(item) {
padding: 0 20px;
height: 40px;
padding: 0 24px;
height: 48px;
box-sizing: border-box;
line-height: 40px;
line-height: 48px;
display: inline-block;
list-style: none;
font-size: 14px;
font-size: 16px;
font-weight: 500;
color: $--color-text-primary;
color: $--color-text-regular;
position: relative;
&:focus, &:focus:active {
outline: none;
}
......@@ -255,14 +259,14 @@
}
}
@include m((top, bottom)) {
.el-tabs__item.is-top:nth-child(2),
.el-tabs__item.is-bottom:nth-child(2) {
padding-left: 0;
}
.el-tabs__item.is-top:last-child,
.el-tabs__item.is-bottom:last-child {
padding-right: 0;
}
// .el-tabs__item.is-top:nth-child(2),
// .el-tabs__item.is-bottom:nth-child(2) {
// padding-left: 0;
// }
// .el-tabs__item.is-top:last-child,
// .el-tabs__item.is-bottom:last-child {
// padding-right: 0;
// }
&.el-tabs--border-card, &.el-tabs--card,
.el-tabs--left, .el-tabs--right {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment