143 lines
3.0 KiB
SCSS
143 lines
3.0 KiB
SCSS
/* Pws-tabs */
|
|
|
|
.pws_tabs_container {
|
|
ul.pws_tabs_controll {
|
|
li {
|
|
&:first-child {
|
|
a {
|
|
@include border-radius(5px 0px 0px 0px);
|
|
}
|
|
}
|
|
&:last-child {
|
|
a {
|
|
border-right: 1px solid theme-color(primary);
|
|
@include border-radius(0px 5px 0px 0px);
|
|
}
|
|
}
|
|
a {
|
|
border: 1px solid theme-color(primary);
|
|
border-bottom: none;
|
|
border-right: none;
|
|
background: #fff;
|
|
color: theme-color(primary);
|
|
padding: 0.6em 1.3em;
|
|
margin-right: 0;
|
|
|
|
&:hover {
|
|
background: #fff;
|
|
color: theme-color(primary);
|
|
}
|
|
|
|
&.pws_tab_active {
|
|
background: theme-color(primary);
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.demo-tabs {
|
|
border: 1px solid theme-color(primary);
|
|
@include border-radius(0px 5px 5px 5px);
|
|
overflow: hidden;
|
|
background: color(white-smoke);
|
|
margin-bottom: 45px;
|
|
padding-top: 3.5rem;
|
|
|
|
.CodeMirror {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
// Styles for vertical Tab
|
|
&.pws_tabs_vertical {
|
|
.pws_tabs_controll {
|
|
border-right: none;
|
|
border-bottom:none;
|
|
li {
|
|
&:first-child {
|
|
a {
|
|
@include border-radius(5px 0px 0px 0px);
|
|
}
|
|
}
|
|
&:last-child {
|
|
a {
|
|
border-bottom: 1px solid theme-color(primary);
|
|
@include border-radius(0px 0px 0px 5px);
|
|
border-right: 0px;
|
|
}
|
|
}
|
|
a {
|
|
@include border-radius(0px);
|
|
border: 1px solid theme-color(primary);
|
|
border-right: none;
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Styles for vertical Tab
|
|
|
|
// Styles for horizontal Tab
|
|
&.pws_tabs_horizontal_bottom {
|
|
.pws_tabs_list {
|
|
margin-bottom: 0;
|
|
}
|
|
.pws_tabs_controll {
|
|
border-top: 1px solid theme-color(primary);
|
|
border-right: none;
|
|
border-bottom: none;
|
|
li {
|
|
&:first-child {
|
|
a {
|
|
@include border-radius(0px 0px 0px 5px);
|
|
}
|
|
}
|
|
&:last-child {
|
|
a {
|
|
@include border-radius(0px 0px 5px 0px);
|
|
border-right: 1px solid theme-color(primary);
|
|
}
|
|
}
|
|
a {
|
|
@include border-radius(0px);
|
|
border: 1px solid theme-color(primary);
|
|
border-top: none;
|
|
border-right: none;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Styles for vertical Tab
|
|
|
|
// Styles for RTL Tab
|
|
&.pws_tabs_rtl {
|
|
.pws_tabs_controll {
|
|
li {
|
|
&:first-child {
|
|
a {
|
|
@include border-radius(0px 5px 0px 0px);
|
|
border-right: 1px solid theme-color(primary);
|
|
}
|
|
}
|
|
&:last-child {
|
|
a {
|
|
border-right: none;
|
|
@include border-radius(5px 0px 0px 0px);
|
|
}
|
|
}
|
|
a {
|
|
border: 1px solid theme-color(primary);
|
|
border-bottom: none;
|
|
border-right: none;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Styles for RTL Tab
|
|
}
|