laravelEcomm/public/Dashboard/scss/common/light/components/plugin-overrides/_pws-tabs.scss
2024-07-12 12:51:02 +05:45

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
}