Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 12:24:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add CSS class name prefix

Browse Source
This commit is contained in:
Jeremy Thomas
2022-11-23 22:53:56 +00:00
parent f75e9fcec2
commit 7de49012b7
50 changed files with 20999 additions and 9088 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
sass/components/tabs.scss
View File

@@ -28,7 +28,7 @@ $tabs-toggle-link-active-background-color: $link !default;
$tabs-toggle-link-active-border-color: $link !default;
$tabs-toggle-link-active-color: $link-invert !default;
.tabs {
.#{$class-prefix}tabs {
@extend %block;
@include overflow-touch;
@@ -99,7 +99,7 @@ $tabs-toggle-link-active-color: $link-invert !default;
}
}
.icon {
.#{$class-prefix}icon {
&:first-child {
@include ltr-property("margin", 0.5em);
}
@@ -131,12 +131,10 @@ $tabs-toggle-link-active-color: $link-invert !default;
border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0;
}
@include rtl {
border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius;
}
&:hover {
background-color: $tabs-boxed-link-hover-background-color;
border-bottom-color: $tabs-boxed-link-hover-border-bottom-color;
@@ -178,7 +176,11 @@ $tabs-toggle-link-active-color: $link-invert !default;
li {
& + li {
@include ltr-property("margin", -#{$tabs-toggle-link-border-width}, false);
@include ltr-property(
"margin",
-#{$tabs-toggle-link-border-width},
false
);
}
&:first-child a {
@@ -187,7 +189,6 @@ $tabs-toggle-link-active-color: $link-invert !default;
border-bottom-left-radius: $tabs-toggle-link-radius;
}
@include rtl {
border-top-right-radius: $tabs-toggle-link-radius;
border-bottom-right-radius: $tabs-toggle-link-radius;
@@ -200,7 +201,6 @@ $tabs-toggle-link-active-color: $link-invert !default;
border-bottom-right-radius: $tabs-toggle-link-radius;
}
@include rtl {
border-top-left-radius: $tabs-toggle-link-radius;
border-bottom-left-radius: $tabs-toggle-link-radius;
@@ -230,7 +230,6 @@ $tabs-toggle-link-active-color: $link-invert !default;
padding-left: 1.25em;
}
@include rtl {
border-bottom-right-radius: $radius-rounded;
border-top-right-radius: $radius-rounded;
@@ -245,7 +244,6 @@ $tabs-toggle-link-active-color: $link-invert !default;
padding-right: 1.25em;
}
@include rtl {
border-bottom-left-radius: $radius-rounded;
border-top-left-radius: $radius-rounded;