mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-05 21:57:32 +02:00
Code Issues Releases Wiki Activity

fix: Correct links

Browse Source
This commit is contained in:
Phuoc Nguyen
2023-10-06 18:20:01 +07:00
parent 7eb62d39fb
commit fd8ea15cda
18 changed files with 32 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
contents/box-selector.mdx
View File

@@ -171,5 +171,5 @@ body {
## See also
- [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button)
- [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button)
- [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button/)
- [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button/)

2
contents/chip.mdx
View File

@@ -46,7 +46,7 @@ title: Chip
}
```
The [close button](https://phuoc.ng/collection/css-layout/close-button) is used to create a button for removing the chip:
The [close button](https://phuoc.ng/collection/css-layout/close-button/) is used to create a button for removing the chip:
```css
.chip__button {

4
contents/custom-checkbox-button.mdx
View File

@@ -197,5 +197,5 @@ body {
## See also
- [Box selector](https://phuoc.ng/collection/css-layout/box-selector)
- [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button)
- [Box selector](https://phuoc.ng/collection/css-layout/box-selector/)
- [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button/)

4
contents/custom-radio-button.mdx
View File

@@ -205,5 +205,5 @@ body {
## See also
- [Box selector](https://phuoc.ng/collection/css-layout/box-selector)
- [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button)
- [Box selector](https://phuoc.ng/collection/css-layout/box-selector/)
- [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button/)

2
contents/docked-at-corner.mdx
View File

@@ -80,4 +80,4 @@ body {
## See also
- Discover how to animate a docked element using the [pulse animation](https://phuoc.ng/collection/css-animation/pulse-animation)
- Discover how to animate a docked element using the [pulse animation](https://phuoc.ng/collection/css-animation/pulse-animation/)

2
contents/dropdown.mdx
View File

@@ -51,7 +51,7 @@ title: Dropdown
}
```
You can use a [triangle button](https://phuoc.ng/collection/css-layout/triangle-buttons) to indicate that there is content under it.
You can use a [triangle button](https://phuoc.ng/collection/css-layout/triangle-buttons/) to indicate that there is content under it.
Move the mouse over the button to see the dropdown.

2
contents/fading-long-section.mdx
View File

@@ -180,4 +180,4 @@ The pattern is often used to indicate there is more content.
## See also
- [Customer logos marquee](https://phuoc.ng/collection/css-animation/customer-logos-marquee)
- [Customer logos marquee](https://phuoc.ng/collection/css-animation/customer-logos-marquee/)

2
contents/floating-label.mdx
View File

@@ -118,4 +118,4 @@ placeholder of input isn't shown
## See also
- Explore some ways to [animate a floating label](https://phuoc.ng/collection/css-animation/floating-label).
- Explore some ways to [animate a floating label](https://phuoc.ng/collection/css-animation/floating-label/).

2
contents/full-screen-menu.mdx
View File

@@ -46,7 +46,7 @@ title: Full screen menu
}
```
You can use the [close button](https://phuoc.ng/collection/css-layout/close-button) to create a button for closing the menu.
You can use the [close button](https://phuoc.ng/collection/css-layout/close-button/) to create a button for closing the menu.
<Playground>
```css placeholders.css hidden

4
contents/indeterminate-progress-bar.mdx
View File

@@ -119,5 +119,5 @@ body {
## See also
- [Progress bar](https://phuoc.ng/collection/css-layout/progress-bar)
- [Spinner](https://phuoc.ng/collection/css-layout/spinner)
- [Progress bar](https://phuoc.ng/collection/css-layout/progress-bar/)
- [Spinner](https://phuoc.ng/collection/css-layout/spinner/)

2
contents/notification.mdx
View File

@@ -34,7 +34,7 @@ title: Notification
}
```
The [close button](https://phuoc.ng/collection/css-layout/close-button) represents the button for closing the notification.
The [close button](https://phuoc.ng/collection/css-layout/close-button/) represents the button for closing the notification.
```css
.notification__close {

4
contents/popover-arrow.mdx
View File

@@ -389,5 +389,5 @@ body {
## See also
- [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble)
- [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons)
- [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble/)
- [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons/)

2
contents/previous-next-buttons.mdx
View File

@@ -33,7 +33,7 @@ title: Previous next buttons
}
```
You can use the [arrow buttons](https://phuoc.ng/collection/css-layout/arrow-buttons) to create the previous and next buttons.
You can use the [arrow buttons](https://phuoc.ng/collection/css-layout/arrow-buttons/) to create the previous and next buttons.
<Playground>
```css styles.css hidden

2
contents/progress-bar.mdx
View File

@@ -92,4 +92,4 @@ body {
## See also
- [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar)
- [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar/)

8
contents/speech-bubble.mdx
View File

@@ -50,7 +50,7 @@ But the real magic comes from the `::before` pseudo-element. We used the `conten
Finally, we created the triangle shape by setting the `border-color` property to transparent for the top, left, and right borders. This made the perfect triangle we were looking for.
If you want to change the direction or position of the triangle, it's easy to do by following this [post](https://phuoc.ng/collection/css-layout/triangle-buttons).
If you want to change the direction or position of the triangle, it's easy to do by following this [post](https://phuoc.ng/collection/css-layout/triangle-buttons/).
Let's take a moment to review the progress we've made with these steps.
@@ -174,6 +174,6 @@ However, each of them is positioned differently by using the `transform` propert
## See also
- [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow)
- [Typing indicator](https://phuoc.ng/collection/css-animation/typing-indicator)
- [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons)
- [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow/)
- [Typing indicator](https://phuoc.ng/collection/css-animation/typing-indicator/)
- [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons/)

6
contents/spin-button.mdx
View File

@@ -64,7 +64,7 @@ title: Spin button
}
```
You can use the [triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons) to create the up and down buttons:
You can use the [triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons/) to create the up and down buttons:
<Playground>
```css placeholders.css hidden
@@ -173,3 +173,7 @@ body {
</div>
```
</Playground>
## See also
- [Build a spin input](https://phuoc.ng/collection/html-dom/build-a-spin-input/)

2
contents/spinner.mdx
View File

@@ -75,4 +75,4 @@ body {
## See also
- [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar)
- [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar/)

6
contents/triangle-buttons.mdx
View File

@@ -173,6 +173,6 @@ body {
## See also
- [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow)
- [Scroll down indicator](https://phuoc.ng/collection/css-animation/scroll-down-indicator)
- [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble)
- [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow/)
- [Scroll down indicator](https://phuoc.ng/collection/css-animation/scroll-down-indicator/)
- [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble/)