LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
1 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
app/javascript/src/assets/scss/widgets/_tabs.scss
View File

@@ -1,50 +1,54 @@
.tabs { .tabs {
border-width: 0;
@include padding($zero $space-normal); @include padding($zero $space-normal);
@include border-normal-bottom; @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 { .tabs-title {
@include margin($zero $space-one);
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
&:hover,
&:focus{
a {
color: darken($medium-gray, 20%);
}
}
a { a {
color: $medium-gray; font-size: $font-size-default;
border-bottom: 2px solid transparent; padding-bottom: $space-slab;
font-size: $font-size-small; padding-top: $space-slab;
@include position(relative, 1px null null null);
@include transition(all .15s $ease-in-out-cubic);
} }
}
}
&.is-active { .tabs-title {
a { @include margin($zero $space-one);
color: $color-woot;
border-bottom-color: $color-woot; &:first-child {
} margin-left: 0;
}
&:last-child {
margin-right: 0;
}
&:hover,
&:focus {
a {
color: darken($medium-gray, 20%);
} }
} }
// tab chat type a {
&.tab--chat-type { @include position(relative, 1px null null null);
@include flex; @include transition(all .15s $ease-in-out-cubic);
border-bottom: 2px solid transparent;
color: $medium-gray;
font-size: $font-size-small;
}
.tabs-title { &.is-active {
a { a {
font-size: $font-size-default; border-bottom-color: $color-woot;
padding-top: $space-slab; color: $color-woot;
padding-bottom: $space-slab;
}
} }
} }
} }