Fix linting issues

This commit is contained in:
mark
2022-12-31 15:15:07 +01:00
parent 6b0c5cbbf3
commit cca17670df
8 changed files with 13 additions and 10 deletions

View File

@@ -6,6 +6,7 @@
"MD026": false, "MD026": false,
"MD033": false, "MD033": false,
"MD034": false, "MD034": false,
"MD051": false,
"MD053": false "MD053": false
}, },
"ignores": ["node_modules", "CHANGELOG.md"] "ignores": ["node_modules", "CHANGELOG.md"]

View File

@@ -1,3 +1,5 @@
// stylelint-disable selector-pseudo-class-no-unknown
:hinode-theme { :hinode-theme {
--accordion-icon-active-color: #{$accordion-icon-active-color}; --accordion-icon-active-color: #{$accordion-icon-active-color};
--accordion-icon-color: #{$accordion-icon-color}; --accordion-icon-color: #{$accordion-icon-color};
@@ -12,5 +14,5 @@
--form-switch-color: #{$form-switch-color}; --form-switch-color: #{$form-switch-color};
--form-switch-focus-color: #{$form-switch-focus-color}; --form-switch-focus-color: #{$form-switch-focus-color};
--navbar-dark-color: #{$navbar-dark-color}; --navbar-dark-color: #{$navbar-dark-color};
--navbar-light-icon-color: rgba($body-color, .75); // TODO: See https://github.com/twbs/bootstrap/pull/37720 --navbar-light-icon-color: rgba($body-color, 0.75); // TODO: See https://github.com/twbs/bootstrap/pull/37720
} }

View File

@@ -1,10 +1,12 @@
// stylelint-disable function-name-case
@each $color, $value in $theme-colors { @each $color, $value in $theme-colors {
$contrast-color: color-contrast($value); $contrast-color: color-contrast($value);
$color-rgb: to-rgb($value); $color-rgb: to-rgb($value);
.link-bg-#{$color} { .link-bg-#{$color} {
color: $contrast-color !important; // stylelint-disable-line declaration-no-important color: $contrast-color !important; // stylelint-disable-line declaration-no-important
background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); // stylelint-disable-line annotation-no-unknown
@if $link-shade-percentage != 0 { @if $link-shade-percentage != 0 {
&:hover, &:hover,

View File

@@ -89,7 +89,6 @@ The button is available as [custom shortcode]({{< ref "custom-shortcodes#button"
Inbox Inbox
{{< /button >}} {{< /button >}}
## Button Group ## Button Group
The button group is available as [custom shortcode]({{< ref "custom-shortcodes#button-group" >}} "custom shortcode"). The following example displays a group of three buttons. The button group is available as [custom shortcode]({{< ref "custom-shortcodes#button-group" >}} "custom shortcode"). The following example displays a group of three buttons.
@@ -457,7 +456,6 @@ The carousel is available as [custom shortcode]({{< ref "custom-shortcodes#carou
</div> </div>
</div> </div>
### Simple anchors ### Simple anchors
<!-- TODO: fix Simple anchors --> <!-- TODO: fix Simple anchors -->

View File

@@ -78,7 +78,6 @@ The result looks like this:
Inbox Inbox
{{< /button >}} {{< /button >}}
## Button Group ## Button Group
Use the `button-group` shortcode to display a group of buttons. Add inner `<button>` elements for each [button](#button). The shortcode supports the following arguments: Use the `button-group` shortcode to display a group of buttons. Add inner `<button>` elements for each [button](#button). The shortcode supports the following arguments:
@@ -97,6 +96,7 @@ As an example, the following shortcode displays a group of three buttons.
{{</* button color="primary" href="#" */>}}Right{{</* /button */>}} {{</* button color="primary" href="#" */>}}Right{{</* /button */>}}
{{</* /button-group */>}} {{</* /button-group */>}}
``` ```
The result looks like this: The result looks like this:
{{< button-group aria-label="Basic example" >}} {{< button-group aria-label="Basic example" >}}
@@ -356,7 +356,7 @@ Use the `tooltip` shortcode to display a tooltip for a hyperlink. Refer to the [
| color | No | Optional theme color of the element, either "primary" (default), "secondary", "success", "danger", "warning", "info", "light", or "dark". | | color | No | Optional theme color of the element, either "primary" (default), "secondary", "success", "danger", "warning", "info", "light", or "dark". |
| title | Yes | Title to display in the tooltip. | | title | Yes | Title to display in the tooltip. |
| href | Yes | Address for the button or hyperlink. | | href | Yes | Address for the button or hyperlink. |
| placement | No | How to position the tooltip: "top" (default), "bottom", "left", or "right". | placement | No | How to position the tooltip: "top" (default), "bottom", "left", or "right". |
{.table} {.table}
As an example, the following shortcode displays a tooltip for a colored hyperlink. As an example, the following shortcode displays a tooltip for a colored hyperlink.