2017-07-27 04:03:12 -06:00
|
|
|
/*
|
|
|
|
|
|
|
|
Cabana Tabs
|
|
|
|
~~~~~~~~~~~
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
2021-10-04 10:57:54 -06:00
|
|
|
@import "../../styles/_global/all.scss";
|
2017-07-27 04:03:12 -06:00
|
|
|
|
|
|
|
.cabana-tabs-navigation {
|
|
|
|
border-top: 1px solid $color-grey-20;
|
|
|
|
border-bottom: 1px solid $color-grey-50;
|
|
|
|
padding: 0 3%;
|
2021-10-04 10:57:54 -06:00
|
|
|
button {
|
|
|
|
border: none;
|
2017-07-27 04:03:12 -06:00
|
|
|
border-bottom: 3px solid transparent;
|
|
|
|
color: $color-grey-60;
|
|
|
|
cursor: pointer;
|
|
|
|
display: inline-block;
|
2021-10-04 10:57:54 -06:00
|
|
|
line-height: unset;
|
|
|
|
background-color: transparent;
|
2017-07-27 04:03:12 -06:00
|
|
|
font-size: 14px;
|
|
|
|
font-weight: 600;
|
|
|
|
padding: 11px 16px;
|
2017-12-12 19:29:51 -07:00
|
|
|
transition-duration: 0.1s;
|
2017-07-27 04:03:12 -06:00
|
|
|
&:hover {
|
|
|
|
color: $color-grey-70;
|
|
|
|
}
|
|
|
|
&.is-active {
|
|
|
|
border-color: $color-grey-80;
|
|
|
|
color: $color-grey-90;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|