Browse Source

overhauled a bit the card header with nav tabs style

pull/2256/head
REJack 5 years ago
parent
commit
c78169c3f7
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
  1. 10
      build/scss/_cards.scss
  2. 26
      build/scss/_mixins.scss

10
build/scss/_cards.scss

@ -354,3 +354,13 @@ html.maximized-card {
@each $name, $color in $colors {
@include cards-variant($name, $color);
}
// Nav Tabs override
.card-default {
.nav-item {
&:first-child .nav-link {
border-left: 0;
}
}
}

26
build/scss/_mixins.scss

@ -22,19 +22,43 @@
}
}
&.card-outline {
border-top: 3px solid $color;
.nav-item {
border-bottom: 0;
&:first-child .nav-link {
margin-left: -1px;
border-left: 0;
}
}
}
&.card-outline-tabs {
border-top: 0;
> .card-header {
.nav-item {
&:first-child .nav-link {
margin-left: -1px;
border-left: 0;
}
}
a {
border-top: 3px solid transparent;
&:hover {
border-top: $nav-tabs-border-width solid $nav-tabs-border-color;
margin-top: 2px;
}
&.active {
&:hover {
margin-top: 0;
}
border-top: 3px solid $color;
}
}

Loading…
Cancel
Save