vendor/assets/scss/components/_tabs.scss in foundation-rails-6.6.2.0 vs vendor/assets/scss/components/_tabs.scss in foundation-rails-6.9.0.0
- old
+ new
@@ -57,15 +57,15 @@
@mixin tabs-container (
$margin: $tab-margin,
$background: $tab-background,
$border-color: $tab-content-border
) {
- @include clearfix;
margin: $margin;
border: 1px solid $border-color;
background: $background;
list-style-type: none;
+ @include clearfix;
}
/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.
@mixin tabs-container-vertical {
> li {
@@ -85,15 +85,15 @@
$background-active: $tab-background-active
) {
float: #{$global-left};
> a {
- @include disable-mouse-outline;
display: block;
padding: $padding;
font-size: $font-size;
line-height: 1;
color: $color;
+ @include disable-mouse-outline;
&:hover {
background: $background-hover;
color: scale-color($color, $lightness: -14%);
}