public/svelte-carousel
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#48 : Update styles

Browse Source
This commit is contained in:
Vadim
2021-08-14 15:57:13 +03:00
parent 85cac81f88
commit 7341dffbe6
4 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/docs/Carousel.svx
View File

@@ -284,7 +284,7 @@ Import component
# Events!anchorId:events; # Events!anchorId:events;
## `pageChange`!anchorId:events-page-change; ## pageChange!anchorId:events-page-change;
Is dispatched on page change Is dispatched on page change
| Payload field | Type | Description | | Payload field | Type | Description |
@@ -305,7 +305,7 @@ Is dispatched on page change
# Slots!anchorId:slots; # Slots!anchorId:slots;
## `prev` and `next`!anchorId:slots-prev-next; ## prev and next!anchorId:slots-prev-next;
They are used for customizing prev and next buttons. They are used for customizing prev and next buttons.
Slot props: Slot props:
@@ -330,7 +330,7 @@ Slot props:
</Carousel> </Carousel>
``` ```
## `dots`!anchorId:slots-dots; ## dots!anchorId:slots-dots;
This slot is used for customizing dots appearance. This slot is used for customizing dots appearance.
@@ -380,7 +380,7 @@ Slot props:
# Methods!anchorId:methods; # Methods!anchorId:methods;
## `goTo`!anchorId:methods-go-to; ## goTo!anchorId:methods-go-to;
Navigates to a page by index. `(pageIndex, options) => Promise<void>`. Navigates to a page by index. `(pageIndex, options) => Promise<void>`.
Arguments: Arguments:
@@ -407,7 +407,7 @@ Arguments:
<button class="button" on:click={goToStartPage}>Go</button> <button class="button" on:click={goToStartPage}>Go</button>
``` ```
## `goToPrev`!anchorId:methods-go-to-prev; ## goToPrev!anchorId:methods-go-to-prev;
Navigates to the previous page. `(options) => Promise<void>`. Navigates to the previous page. `(options) => Promise<void>`.
Arguments: Arguments:
@@ -433,7 +433,7 @@ Arguments:
<button class="button" on:click={goToPrevPage}>Go</button> <button class="button" on:click={goToPrevPage}>Go</button>
``` ```
## `goToNext`!anchorId:methods-go-to-next; ## goToNext!anchorId:methods-go-to-next;
Navigates to the next page. `(options) => Promise<void>`. Navigates to the next page. `(options) => Promise<void>`.
Arguments: Arguments:

3
src/docs/Layouts/custom/H/H1/H1.svelte
View File

@@ -8,6 +8,9 @@
</H> </H>
<style> <style>
:global(h1.title) {
margin: 16px 0;
}
:global(h1.title .anchor::before) { :global(h1.title .anchor::before) {
top: 15px; top: 15px;
} }

3
src/docs/Layouts/custom/H/H2/H2.svelte
View File

@@ -8,6 +8,9 @@
</H> </H>
<style> <style>
:global(h2.title) {
margin: 14px 0;
}
:global(h2.title .anchor::before) { :global(h2.title .anchor::before) {
top: 8px; top: 8px;
} }

4
src/docs/components/Divider.svelte
View File

@@ -4,8 +4,8 @@
<style> <style>
.divider { .divider {
margin-top: 30px; margin-top: 15px;
margin-bottom: 30px; margin-bottom: 15px;
height: 1px; height: 1px;
} }
</style> </style>