Skip to content

Commit 407f57f

Browse files
indacoindaco
committed
chore(examples): add accent and accent-dark
1 parent bbea477 commit 407f57f

19 files changed

+461
-15
lines changed

‎assets/css/variants/accent-dark.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
.gttToast[role='alert'][data-variant='accent-dark'] {
2+
border: 0;
3+
border-left-width: 4px;
4+
border-left-style: solid;
5+
}
6+
17
.gttToast[role='alert'][data-level='default'][data-variant='accent-dark'] {
28
--gtt-color: var(--gtt-default-accent-dark-color);
39
--gtt-bg: var(--gtt-accent-dark-bg);

‎assets/css/variants/accent-light.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
.gttToast[role='alert'][data-variant='accent-light'] {
2+
border: 0;
3+
border-left-width: 4px;
4+
border-left-style: solid;
5+
}
6+
17
.gttToast[role='alert'][data-level='default'][data-variant='accent-light'] {
28
--gtt-color: var(--gtt-default-accent-color);
39
--gtt-bg: var(--gtt-accent-light-bg);

‎components/css/variants/accent-dark.templ‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,12 @@ templ variantAccentDark() {
66
@toasterAccentDarkVariantHandle.Once() {
77
<style type="text/css">
88
/* [tempo] BEGIN - Do not edit! This section is auto-generated. */
9+
.gttToast[role='alert'][data-variant='accent-dark'] {
10+
border: 0;
11+
border-left-width: 4px;
12+
border-left-style: solid;
13+
}
14+
915
.gttToast[role='alert'][data-level='default'][data-variant='accent-dark'] {
1016
--gtt-color: var(--gtt-default-accent-dark-color);
1117
--gtt-bg: var(--gtt-accent-dark-bg);

‎components/css/variants/accent-dark_templ.go‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎components/css/variants/accent-light.templ‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,12 @@ templ variantAccentLight() {
66
@toasterAccentLightVariantHandle.Once() {
77
<style type="text/css">
88
/* [tempo] BEGIN - Do not edit! This section is auto-generated. */
9+
.gttToast[role='alert'][data-variant='accent-light'] {
10+
border: 0;
11+
border-left-width: 4px;
12+
border-left-style: solid;
13+
}
14+
915
.gttToast[role='alert'][data-level='default'][data-variant='accent-light'] {
1016
--gtt-color: var(--gtt-default-accent-color);
1117
--gtt-bg: var(--gtt-accent-light-bg);

‎components/css/variants/accent-light_templ.go‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/handlers/variant-accent-dark.go‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
package handlers
2+
3+
import (
4+
"net/http"
5+
6+
"github.com/indaco/goaster/examples/pages"
7+
8+
"github.com/a-h/templ"
9+
"github.com/indaco/goaster"
10+
)
11+
12+
func HandleVariantAccentDark(w http.ResponseWriter, r *http.Request) {
13+
toaster := goaster.NewToaster(
14+
goaster.WithVariant(goaster.AccentDark),
15+
goaster.WithAutoDismiss(false),
16+
)
17+
templ.Handler(pages.VariantAccentLightPage(toaster)).ServeHTTP(w, r)
18+
}

‎examples/handlers/variant-accent.go‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
package handlers
2+
3+
import (
4+
"net/http"
5+
6+
"github.com/indaco/goaster/examples/pages"
7+
8+
"github.com/a-h/templ"
9+
"github.com/indaco/goaster"
10+
)
11+
12+
func HandleVariantAccent(w http.ResponseWriter, r *http.Request) {
13+
toaster := goaster.NewToaster(
14+
goaster.WithVariant(goaster.Accent),
15+
goaster.WithAutoDismiss(false),
16+
)
17+
templ.Handler(pages.VariantAccentLightPage(toaster)).ServeHTTP(w, r)
18+
}

‎examples/main.go‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,9 @@ func main() {
1616
mux.HandleFunc("GET /custom-animations", handlers.HandleCustomAnimations)
1717
mux.HandleFunc("GET /custom-icons", handlers.HandleCustomIcons)
1818
mux.HandleFunc("GET /themes", handlers.HandleThemes)
19+
mux.HandleFunc("GET /variants/accent", handlers.HandleVariantAccent)
1920
mux.HandleFunc("GET /variants/accent-light", handlers.HandleVariantAccentLight)
21+
mux.HandleFunc("GET /variants/accent-dark", handlers.HandleVariantAccentDark)
2022
mux.HandleFunc("GET /gohtml/single", handlers.HandleGoHtmlSingle)
2123
mux.HandleFunc("GET /gohtml/multiple", handlers.HandleGoHtmlMultiple)
2224

‎examples/pages/homepage.templ‎

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,32 @@ package pages
33
import (
44
"github.com/indaco/goaster/examples/layouts"
55
"github.com/indaco/goaster/examples/layouts/partials"
6+
"github.com/indaco/goaster/examples/styles"
67
)
78

89
templ HomePage() {
910
@layouts.Page() {
10-
@partials.Head("goaster - demo")
11+
@partials.Head("goaster - demo") {
12+
@styles.Navigation()
13+
}
1114
@partials.Body() {
1215
<h2>goaster - Demos</h2>
13-
<ul class="li"><a href="/single">Single Toast</a></ul>
14-
<ul class="li"><a href="/multiple">Multiple Toasts</a></ul>
15-
<ul class="li"><a href="/custom-animations">Custom Animations</a></ul>
16-
<ul class="li"><a href="/custom-icons">Custom Icons</a></ul>
17-
<ul class="li"><a href="/themes">Themes</a></ul>
18-
<ul class="li"><a href="/variants/accent-light">Variant</a></ul>
19-
<ul class="li"><a href="/gohtml/single">GoHTML Single Toast</a></ul>
20-
<ul class="li"><a href="/gohtml/multiple">GoHTML Multiple Toast</a></ul>
16+
<ul class="nav">
17+
<li><a href="/single">Single Toast</a></li>
18+
<li><a href="/multiple">Multiple Toasts</a></li>
19+
<li><a href="/custom-animations">Custom Animations</a></li>
20+
<li><a href="/custom-icons">Custom Icons</a></li>
21+
<li><a href="/themes">Themes</a></li>
22+
<li>
23+
<ul class="nav-sub">
24+
<li><a href="/variants/accent">Accent Variant</a></li>
25+
<li><a href="/variants/accent-light">Accent Light Variant</a></li>
26+
<li><a href="/variants/accent-dark">Accent Dark Variant</a></li>
27+
</ul>
28+
</li>
29+
<li><a href="/gohtml/single">GoHTML Single Toast</a></li>
30+
<li><a href="/gohtml/multiple">GoHTML Multiple Toast</a></li>
31+
</ul>
2132
}
2233
}
2334
}

0 commit comments

Comments
 (0)