js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

correct botched find and replace

Browse Source
This commit is contained in:
lindsaym-fa
2024-06-13 14:24:50 -04:00
parent 232f12576c
commit 0e4066b476
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/docs/components/button.md
View File

@@ -110,54 +110,54 @@ Use the `prefix` and `suffix` slots to add icons.
```html {.example}
<wa-button size="small">
<wa-icon slot="prefix" name="gear" variant="filled"></wa-icon>
<wa-icon slot="prefix" name="gear" variant="solid"></wa-icon>
Settings
</wa-button>
<wa-button size="small">
<wa-icon slot="suffix" name="undo" variant="filled"></wa-icon>
<wa-icon slot="suffix" name="undo" variant="solid"></wa-icon>
Refresh
</wa-button>
<wa-button size="small">
<wa-icon slot="prefix" name="link" variant="filled"></wa-icon>
<wa-icon slot="suffix" name="arrow-up-right-from-square" variant="filled"></wa-icon>
<wa-icon slot="prefix" name="link" variant="solid"></wa-icon>
<wa-icon slot="suffix" name="arrow-up-right-from-square" variant="solid"></wa-icon>
Open
</wa-button>
<br /><br />
<wa-button>
<wa-icon slot="prefix" name="gear" variant="filled"></wa-icon>
<wa-icon slot="prefix" name="gear" variant="solid"></wa-icon>
Settings
</wa-button>
<wa-button>
<wa-icon slot="suffix" name="undo" variant="filled"></wa-icon>
<wa-icon slot="suffix" name="undo" variant="solid"></wa-icon>
Refresh
</wa-button>
<wa-button>
<wa-icon slot="prefix" name="link" variant="filled"></wa-icon>
<wa-icon slot="suffix" name="arrow-up-right-from-square" variant="filled"></wa-icon>
<wa-icon slot="prefix" name="link" variant="solid"></wa-icon>
<wa-icon slot="suffix" name="arrow-up-right-from-square" variant="solid"></wa-icon>
Open
</wa-button>
<br /><br />
<wa-button size="large">
<wa-icon slot="prefix" name="gear" variant="filled"></wa-icon>
<wa-icon slot="prefix" name="gear" variant="solid"></wa-icon>
Settings
</wa-button>
<wa-button size="large">
<wa-icon slot="suffix" name="undo" variant="filled"></wa-icon>
<wa-icon slot="suffix" name="undo" variant="solid"></wa-icon>
Refresh
</wa-button>
<wa-button size="large">
<wa-icon slot="prefix" name="link" variant="filled"></wa-icon>
<wa-icon slot="suffix" name="arrow-up-right-from-square" variant="filled"></wa-icon>
<wa-icon slot="prefix" name="link" variant="solid"></wa-icon>
<wa-icon slot="suffix" name="arrow-up-right-from-square" variant="solid"></wa-icon>
Open
</wa-button>
```
@@ -206,7 +206,7 @@ This example demonstrates how to style buttons using a custom class. This is the
<style>
wa-button.pink::part(base) {
border-radius: 6px;
border: filled 2px;
border: solid 2px;
background: #ff1493;
border-top-color: #ff7ac1;
border-left-color: #ff7ac1;

4
src/components/button/button.styles.ts
View File

@@ -266,7 +266,7 @@ export default css`
@media (forced-colors: active) {
.button.button--outline.button--checked:not(.button--disabled) {
outline: filled 2px transparent;
outline: solid 2px transparent;
}
}
@@ -448,7 +448,7 @@ export default css`
top: 0;
inset-inline-start: 0;
bottom: 0;
border-left: filled max(var(--border-width), 1px) var(--border-color, rgb(0 0 0 / 0.3));
border-left: solid max(var(--border-width), 1px) var(--border-color, rgb(0 0 0 / 0.3));
z-index: 2; /* Keep separators visible on hover */
}

2
src/components/button/button.ts
View File

@@ -290,7 +290,7 @@ export default class WaButton extends WebAwesomeFormAssociatedElement {
class="button__caret"
library="system"
name="chevron-down"
variant="filled"
variant="solid"
></wa-icon>
`
: ''