Fix #77 issue codeclimate in _tabs.scss (#125)

* Fix #77 issue codeclimate in app/javascript/src/assets/scss/widgets/_tabs.scss

* Update border-width for #77 in _tabs.scss
This commit is contained in:
Kirill Arutyunov 2019-10-07 23:01:09 +03:00 committed by Nithin David Thomas
parent 59db1de1dc
commit eef7555d62

View file

@ -1,7 +1,23 @@
.tabs {
border-width: 0;
@include padding($zero $space-normal);
@include border-normal-bottom;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
}
// Tab chat type
.tab--chat-type {
@include flex;
.tabs-title {
a {
font-size: $font-size-default;
padding-bottom: $space-slab;
padding-top: $space-slab;
}
}
}
.tabs-title {
@include margin($zero $space-one);
@ -9,9 +25,11 @@
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
&:hover,
&:focus {
a {
@ -20,31 +38,17 @@
}
a {
color: $medium-gray;
border-bottom: 2px solid transparent;
font-size: $font-size-small;
@include position(relative, 1px null null null);
@include transition(all .15s $ease-in-out-cubic);
border-bottom: 2px solid transparent;
color: $medium-gray;
font-size: $font-size-small;
}
&.is-active {
a {
color: $color-woot;
border-bottom-color: $color-woot;
}
}
}
// tab chat type
&.tab--chat-type {
@include flex;
.tabs-title {
a {
font-size: $font-size-default;
padding-top: $space-slab;
padding-bottom: $space-slab;
}
color: $color-woot;
}
}
}