|
@@ -4,7 +4,7 @@
|
|
border: 1px solid var(--main-border-color);
|
|
border: 1px solid var(--main-border-color);
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
|
|
- > .cy-tabs__header {
|
|
|
|
|
|
+ .cy-tabs__header {
|
|
background-color: #f2f2f2;
|
|
background-color: #f2f2f2;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
|
|
@@ -24,7 +24,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__content {
|
|
|
|
|
|
+ .cy-tabs__content {
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
flex: 1;
|
|
flex: 1;
|
|
padding: var(--content-padding);
|
|
padding: var(--content-padding);
|
|
@@ -40,7 +40,7 @@
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 0;
|
|
width: 0;
|
|
|
|
|
|
- > .cy-tabs__header {
|
|
|
|
|
|
+ .cy-tabs__header {
|
|
background-color: #f2f2f2;
|
|
background-color: #f2f2f2;
|
|
border-right: 1px solid var(--main-border-color);
|
|
border-right: 1px solid var(--main-border-color);
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
@@ -61,7 +61,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__content {
|
|
|
|
|
|
+ .cy-tabs__content {
|
|
flex: 1;
|
|
flex: 1;
|
|
padding: var(--content-padding);
|
|
padding: var(--content-padding);
|
|
border-radius: 0;
|
|
border-radius: 0;
|
|
@@ -79,11 +79,11 @@
|
|
padding: 0;
|
|
padding: 0;
|
|
border: 1px solid var(--main-border-color);
|
|
border: 1px solid var(--main-border-color);
|
|
|
|
|
|
- > .cy-tabs__header {
|
|
|
|
|
|
+ .cy-tabs__header {
|
|
padding: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__header-item {
|
|
|
|
|
|
+ .cy-tabs__header-item {
|
|
|
|
|
|
&.is-activation {
|
|
&.is-activation {
|
|
color: black;
|
|
color: black;
|
|
@@ -95,14 +95,14 @@
|
|
|
|
|
|
&.cy-tabs--default {
|
|
&.cy-tabs--default {
|
|
|
|
|
|
- > .cy-tabs__header-item {
|
|
|
|
|
|
+ .cy-tabs__header-item {
|
|
|
|
|
|
&.is-activation {
|
|
&.is-activation {
|
|
color: black;
|
|
color: black;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__content {
|
|
|
|
|
|
+ .cy-tabs__content {
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin-top: 5px;
|
|
margin-top: 5px;
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
@@ -110,7 +110,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__header {
|
|
|
|
|
|
+ .cy-tabs__header {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -153,7 +153,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__content {
|
|
|
|
|
|
+ .cy-tabs__content {
|
|
padding: var(--content-padding);
|
|
padding: var(--content-padding);
|
|
border-width: 1px;
|
|
border-width: 1px;
|
|
background: hsl(0 0% 100%);
|
|
background: hsl(0 0% 100%);
|
|
@@ -172,11 +172,11 @@
|
|
padding: 0;
|
|
padding: 0;
|
|
border: 1px solid var(--main-border-color);
|
|
border: 1px solid var(--main-border-color);
|
|
|
|
|
|
- > .cy-tabs__header {
|
|
|
|
|
|
+ .cy-tabs__header {
|
|
padding: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__header-item {
|
|
|
|
|
|
+ .cy-tabs__header-item {
|
|
&.is-activation {
|
|
&.is-activation {
|
|
color: black;
|
|
color: black;
|
|
border-top: 2px solid var(--tab-selected-border-color);
|
|
border-top: 2px solid var(--tab-selected-border-color);
|
|
@@ -187,13 +187,13 @@
|
|
|
|
|
|
&.cy-tabs--default {
|
|
&.cy-tabs--default {
|
|
|
|
|
|
- > .cy-tabs__header-item {
|
|
|
|
|
|
+ .cy-tabs__header-item {
|
|
&.is-activation {
|
|
&.is-activation {
|
|
color: black;
|
|
color: black;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__content {
|
|
|
|
|
|
+ .cy-tabs__content {
|
|
margin-bottom: 5px;
|
|
margin-bottom: 5px;
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
|
|
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
|
|
@@ -201,7 +201,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
- > .cy-tabs__header {
|
|
|
|
|
|
+ .cy-tabs__header {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -247,7 +247,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- > .cy-tabs__content {
|
|
|
|
|
|
+ .cy-tabs__content {
|
|
flex: 1;
|
|
flex: 1;
|
|
padding: 8px;
|
|
padding: 8px;
|
|
background: hsl(0 0% 100%);
|
|
background: hsl(0 0% 100%);
|