├── .gitignore
├── tmp
    ├── build-errors.log
    └── main
├── static
    ├── templates
    │   ├── index_templ.txt
    │   ├── index.templ
    │   ├── layout_templ.txt
    │   ├── layout.templ
    │   ├── index_templ.go
    │   └── layout_templ.go
    └── css
    │   └── main.css
├── go.mod
├── postcss.config.js
├── cmd
    └── main.go
├── internal
    ├── repo
    │   └── sqlite
    │   │   └── new.go
    ├── services
    │   └── user
    │   │   └── new.go
    └── transport
    │   └── web
    │       ├── register.go
    │       ├── index.go
    │       └── main.go
├── Makefile
├── go.sum
├── README.md
├── tailwind.config.js
├── package.json
├── .air.toml
└── public
    └── style.css


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .env


--------------------------------------------------------------------------------
/tmp/build-errors.log:
--------------------------------------------------------------------------------
1 | exit status 1


--------------------------------------------------------------------------------
/tmp/main:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ethanhamilthon/gostack/main/tmp/main


--------------------------------------------------------------------------------
/static/templates/index_templ.txt:
--------------------------------------------------------------------------------
1 | <div class=\"text-3xl font-bold\">It works</div>
2 | 


--------------------------------------------------------------------------------
/static/css/main.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 | 


--------------------------------------------------------------------------------
/go.mod:
--------------------------------------------------------------------------------
1 | module gostack
2 | 
3 | go 1.22.1
4 | 
5 | require github.com/a-h/templ v0.2.747 // indirect
6 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | };
7 | 


--------------------------------------------------------------------------------
/cmd/main.go:
--------------------------------------------------------------------------------
 1 | package main
 2 | 
 3 | import (
 4 | 	"gostack/internal/transport/web"
 5 | )
 6 | 
 7 | func main() {
 8 | 	web.Serve()
 9 | }
10 | 


--------------------------------------------------------------------------------
/static/templates/index.templ:
--------------------------------------------------------------------------------
1 | package templates
2 | 
3 | templ Index() {
4 | 	<div class="text-3xl font-bold">
5 | 		It works
6 | 	</div>
7 | }
8 | 


--------------------------------------------------------------------------------
/internal/repo/sqlite/new.go:
--------------------------------------------------------------------------------
1 | package sqlite
2 | 
3 | type SqliteRepo struct {
4 | }
5 | 
6 | func New() *SqliteRepo {
7 | 	return &SqliteRepo{}
8 | }
9 | 


--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
1 | run: 
2 | 	air
3 | 
4 | css:
5 | 	npx tailwindcss build -i static/css/main.css -o public/style.css --watch
6 | 
7 | templ:
8 | 	templ generate --watch


--------------------------------------------------------------------------------
/go.sum:
--------------------------------------------------------------------------------
1 | github.com/a-h/templ v0.2.747 h1:D0dQ2lxC3W7Dxl6fxQ/1zZHBQslSkTSvl5FxP/CfdKg=
2 | github.com/a-h/templ v0.2.747/go.mod h1:69ObQIbrcuwPCU32ohNaWce3Cb7qM5GMiqN1K+2yop4=
3 | 


--------------------------------------------------------------------------------
/internal/services/user/new.go:
--------------------------------------------------------------------------------
 1 | package user
 2 | 
 3 | type UserService struct {
 4 | }
 5 | 
 6 | type DB interface{}
 7 | 
 8 | func New(db DB) *UserService {
 9 | 	return &UserService{}
10 | }
11 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## HOW TO START PROJECT
 2 | 
 3 | 
 4 | To start go server
 5 | ```bash
 6 | make run
 7 | ```
 8 | 
 9 | To start tailwind watcher
10 | ```bash
11 | make css
12 | ```
13 | 
14 | To start templ generator (also with watcher)
15 | ```bash
16 | make templ
17 | ```


--------------------------------------------------------------------------------
/static/templates/layout_templ.txt:
--------------------------------------------------------------------------------
1 | <!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Document</title><link href=\"/public/style.css\" rel=\"stylesheet\"></head><body>
2 | </body></html>
3 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | module.exports = {
 3 |   content: ["./static/**/*.{html,js,go,templ}"],
 4 |   theme: {
 5 |     container: {
 6 |       center: true,
 7 |       padding: "36px",
 8 |       screens: {
 9 |         "2xl": "1200px",
10 |       },
11 |     },
12 |   },
13 |   plugins: [],
14 | };
15 | 


--------------------------------------------------------------------------------
/internal/transport/web/register.go:
--------------------------------------------------------------------------------
 1 | package web
 2 | 
 3 | import "net/http"
 4 | 
 5 | func (wh *WebHandler) Register() *http.ServeMux {
 6 | 	main := http.NewServeMux()
 7 | 	fsHandler := http.FileServer(http.Dir("./public"))
 8 | 	main.Handle("/public/", http.StripPrefix("/public/", fsHandler))
 9 | 	main.HandleFunc("/", wh.IndexHandler)
10 | 	return main
11 | }
12 | 


--------------------------------------------------------------------------------
/internal/transport/web/index.go:
--------------------------------------------------------------------------------
 1 | package web
 2 | 
 3 | import (
 4 | 	"context"
 5 | 	"gostack/static/templates"
 6 | 	"net/http"
 7 | )
 8 | 
 9 | func (wh *WebHandler) IndexHandler(w http.ResponseWriter, r *http.Request) {
10 | 	indextemple := templates.Index()
11 | 	maintemnple := templates.Layout(indextemple)
12 | 
13 | 	maintemnple.Render(context.Background(), w)
14 | }
15 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "templ_test",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "keywords": [],
10 |   "author": "",
11 |   "license": "ISC",
12 |   "dependencies": {
13 |     "autoprefixer": "^10.4.19",
14 |     "postcss": "^8.4.39",
15 |     "tailwindcss": "^3.4.4"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/static/templates/layout.templ:
--------------------------------------------------------------------------------
 1 | package templates
 2 | 
 3 | templ Layout(children templ.Component) {
 4 | 	<!DOCTYPE html>
 5 | 	<html lang="en">
 6 | 		<head>
 7 | 			<meta charset="UTF-8"/>
 8 | 			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 9 | 			<title>Document</title>
10 | 			<link href="/public/style.css" rel="stylesheet"/>
11 | 		</head>
12 | 		<body>
13 | 			@children
14 | 		</body>
15 | 	</html>
16 | }
17 | 


--------------------------------------------------------------------------------
/.air.toml:
--------------------------------------------------------------------------------
 1 | root = "."
 2 | testdata_dir = "testdata"
 3 | tmp_dir = "tmp"
 4 | 
 5 | [build]
 6 |   args_bin = []
 7 |   bin = "./tmp/main"
 8 |   cmd = "go build -o ./tmp/main cmd/main.go"
 9 |   delay = 1000
10 |   exclude_dir = ["assets", "tmp", "vendor", "testdata"]
11 |   exclude_file = []
12 |   exclude_regex = ["_test.go"]
13 |   exclude_unchanged = false
14 |   follow_symlink = false
15 |   full_bin = ""
16 |   include_dir = []
17 |   include_ext = ["go", "tpl", "tmpl", "html"]
18 |   include_file = []
19 |   kill_delay = "0s"
20 |   log = "build-errors.log"
21 |   poll = false
22 |   poll_interval = 0
23 |   post_cmd = []
24 |   pre_cmd = []
25 |   rerun = false
26 |   rerun_delay = 500
27 |   send_interrupt = false
28 |   stop_on_error = false
29 | 
30 | [color]
31 |   app = ""
32 |   build = "yellow"
33 |   main = "magenta"
34 |   runner = "green"
35 |   watcher = "cyan"
36 | 
37 | [log]
38 |   main_only = false
39 |   time = false
40 | 
41 | [misc]
42 |   clean_on_exit = false
43 | 
44 | [screen]
45 |   clear_on_rebuild = false
46 |   keep_scroll = true
47 | 


--------------------------------------------------------------------------------
/static/templates/index_templ.go:
--------------------------------------------------------------------------------
 1 | // Code generated by templ - DO NOT EDIT.
 2 | 
 3 | // templ: version: v0.2.747
 4 | package templates
 5 | 
 6 | //lint:file-ignore SA4006 This context is only used if a nested component is present.
 7 | 
 8 | import "github.com/a-h/templ"
 9 | import templruntime "github.com/a-h/templ/runtime"
10 | 
11 | func Index() templ.Component {
12 | 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
13 | 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
14 | 		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
15 | 		if !templ_7745c5c3_IsBuffer {
16 | 			defer func() {
17 | 				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
18 | 				if templ_7745c5c3_Err == nil {
19 | 					templ_7745c5c3_Err = templ_7745c5c3_BufErr
20 | 				}
21 | 			}()
22 | 		}
23 | 		ctx = templ.InitializeContext(ctx)
24 | 		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
25 | 		if templ_7745c5c3_Var1 == nil {
26 | 			templ_7745c5c3_Var1 = templ.NopComponent
27 | 		}
28 | 		ctx = templ.ClearChildren(ctx)
29 | 		templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 1)
30 | 		if templ_7745c5c3_Err != nil {
31 | 			return templ_7745c5c3_Err
32 | 		}
33 | 		return templ_7745c5c3_Err
34 | 	})
35 | }
36 | 


--------------------------------------------------------------------------------
/internal/transport/web/main.go:
--------------------------------------------------------------------------------
 1 | package web
 2 | 
 3 | import (
 4 | 	"context"
 5 | 	"gostack/internal/repo/sqlite"
 6 | 	"gostack/internal/services/user"
 7 | 	"log"
 8 | 	"net/http"
 9 | 	"os"
10 | 	"os/signal"
11 | 	"syscall"
12 | 	"time"
13 | )
14 | 
15 | type WebHandler struct {
16 | 	*user.UserService
17 | }
18 | 
19 | func Serve() {
20 | 	repo := sqlite.New()
21 | 	userService := user.New(repo)
22 | 	wh := &WebHandler{UserService: userService}
23 | 	mux := wh.Register()
24 | 
25 | 	ctx, cancel := context.WithCancel(context.Background())
26 | 	defer cancel()
27 | 
28 | 	// Signal to close app
29 | 	osSignal := make(chan os.Signal, 1)
30 | 	signal.Notify(osSignal, os.Interrupt, syscall.SIGTERM)
31 | 
32 | 	server := &http.Server{
33 | 		Addr:    ":4000",
34 | 		Handler: mux,
35 | 	}
36 | 
37 | 	go func() {
38 | 		log.Printf("Starting server on port 4000")
39 | 		if err := server.ListenAndServe(); err != nil && err != http.ErrServerClosed {
40 | 			log.Fatalf("Server failed: %v", err)
41 | 		}
42 | 	}()
43 | 	<-osSignal
44 | 	log.Println("Shutdown signal received. Shutting down...")
45 | 
46 | 	// Timeout to close handlers
47 | 	shutdownCtx, shutdownCancel := context.WithTimeout(ctx, 30*time.Second)
48 | 	defer shutdownCancel()
49 | 
50 | 	// Stop the server
51 | 	if err := server.Shutdown(shutdownCtx); err != nil {
52 | 		log.Fatalf("Server shutdown failed: %v", err)
53 | 	}
54 | }
55 | 


--------------------------------------------------------------------------------
/static/templates/layout_templ.go:
--------------------------------------------------------------------------------
 1 | // Code generated by templ - DO NOT EDIT.
 2 | 
 3 | // templ: version: v0.2.747
 4 | package templates
 5 | 
 6 | //lint:file-ignore SA4006 This context is only used if a nested component is present.
 7 | 
 8 | import "github.com/a-h/templ"
 9 | import templruntime "github.com/a-h/templ/runtime"
10 | 
11 | func Layout(children templ.Component) templ.Component {
12 | 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
13 | 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
14 | 		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
15 | 		if !templ_7745c5c3_IsBuffer {
16 | 			defer func() {
17 | 				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
18 | 				if templ_7745c5c3_Err == nil {
19 | 					templ_7745c5c3_Err = templ_7745c5c3_BufErr
20 | 				}
21 | 			}()
22 | 		}
23 | 		ctx = templ.InitializeContext(ctx)
24 | 		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
25 | 		if templ_7745c5c3_Var1 == nil {
26 | 			templ_7745c5c3_Var1 = templ.NopComponent
27 | 		}
28 | 		ctx = templ.ClearChildren(ctx)
29 | 		templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 1)
30 | 		if templ_7745c5c3_Err != nil {
31 | 			return templ_7745c5c3_Err
32 | 		}
33 | 		templ_7745c5c3_Err = children.Render(ctx, templ_7745c5c3_Buffer)
34 | 		if templ_7745c5c3_Err != nil {
35 | 			return templ_7745c5c3_Err
36 | 		}
37 | 		templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 2)
38 | 		if templ_7745c5c3_Err != nil {
39 | 			return templ_7745c5c3_Err
40 | 		}
41 | 		return templ_7745c5c3_Err
42 | 	})
43 | }
44 | 


--------------------------------------------------------------------------------
/public/style.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
  3 | */
  4 | 
  5 | /*
  6 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  7 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  8 | */
  9 | 
 10 | *,
 11 | ::before,
 12 | ::after {
 13 |   box-sizing: border-box;
 14 |   /* 1 */
 15 |   border-width: 0;
 16 |   /* 2 */
 17 |   border-style: solid;
 18 |   /* 2 */
 19 |   border-color: #e5e7eb;
 20 |   /* 2 */
 21 | }
 22 | 
 23 | ::before,
 24 | ::after {
 25 |   --tw-content: '';
 26 | }
 27 | 
 28 | /*
 29 | 1. Use a consistent sensible line-height in all browsers.
 30 | 2. Prevent adjustments of font size after orientation changes in iOS.
 31 | 3. Use a more readable tab size.
 32 | 4. Use the user's configured `sans` font-family by default.
 33 | 5. Use the user's configured `sans` font-feature-settings by default.
 34 | 6. Use the user's configured `sans` font-variation-settings by default.
 35 | 7. Disable tap highlights on iOS
 36 | */
 37 | 
 38 | html,
 39 | :host {
 40 |   line-height: 1.5;
 41 |   /* 1 */
 42 |   -webkit-text-size-adjust: 100%;
 43 |   /* 2 */
 44 |   -moz-tab-size: 4;
 45 |   /* 3 */
 46 |   -o-tab-size: 4;
 47 |      tab-size: 4;
 48 |   /* 3 */
 49 |   font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 50 |   /* 4 */
 51 |   font-feature-settings: normal;
 52 |   /* 5 */
 53 |   font-variation-settings: normal;
 54 |   /* 6 */
 55 |   -webkit-tap-highlight-color: transparent;
 56 |   /* 7 */
 57 | }
 58 | 
 59 | /*
 60 | 1. Remove the margin in all browsers.
 61 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 62 | */
 63 | 
 64 | body {
 65 |   margin: 0;
 66 |   /* 1 */
 67 |   line-height: inherit;
 68 |   /* 2 */
 69 | }
 70 | 
 71 | /*
 72 | 1. Add the correct height in Firefox.
 73 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 74 | 3. Ensure horizontal rules are visible by default.
 75 | */
 76 | 
 77 | hr {
 78 |   height: 0;
 79 |   /* 1 */
 80 |   color: inherit;
 81 |   /* 2 */
 82 |   border-top-width: 1px;
 83 |   /* 3 */
 84 | }
 85 | 
 86 | /*
 87 | Add the correct text decoration in Chrome, Edge, and Safari.
 88 | */
 89 | 
 90 | abbr:where([title]) {
 91 |   -webkit-text-decoration: underline dotted;
 92 |           text-decoration: underline dotted;
 93 | }
 94 | 
 95 | /*
 96 | Remove the default font size and weight for headings.
 97 | */
 98 | 
 99 | h1,
100 | h2,
101 | h3,
102 | h4,
103 | h5,
104 | h6 {
105 |   font-size: inherit;
106 |   font-weight: inherit;
107 | }
108 | 
109 | /*
110 | Reset links to optimize for opt-in styling instead of opt-out.
111 | */
112 | 
113 | a {
114 |   color: inherit;
115 |   text-decoration: inherit;
116 | }
117 | 
118 | /*
119 | Add the correct font weight in Edge and Safari.
120 | */
121 | 
122 | b,
123 | strong {
124 |   font-weight: bolder;
125 | }
126 | 
127 | /*
128 | 1. Use the user's configured `mono` font-family by default.
129 | 2. Use the user's configured `mono` font-feature-settings by default.
130 | 3. Use the user's configured `mono` font-variation-settings by default.
131 | 4. Correct the odd `em` font sizing in all browsers.
132 | */
133 | 
134 | code,
135 | kbd,
136 | samp,
137 | pre {
138 |   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139 |   /* 1 */
140 |   font-feature-settings: normal;
141 |   /* 2 */
142 |   font-variation-settings: normal;
143 |   /* 3 */
144 |   font-size: 1em;
145 |   /* 4 */
146 | }
147 | 
148 | /*
149 | Add the correct font size in all browsers.
150 | */
151 | 
152 | small {
153 |   font-size: 80%;
154 | }
155 | 
156 | /*
157 | Prevent `sub` and `sup` elements from affecting the line height in all browsers.
158 | */
159 | 
160 | sub,
161 | sup {
162 |   font-size: 75%;
163 |   line-height: 0;
164 |   position: relative;
165 |   vertical-align: baseline;
166 | }
167 | 
168 | sub {
169 |   bottom: -0.25em;
170 | }
171 | 
172 | sup {
173 |   top: -0.5em;
174 | }
175 | 
176 | /*
177 | 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
178 | 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
179 | 3. Remove gaps between table borders by default.
180 | */
181 | 
182 | table {
183 |   text-indent: 0;
184 |   /* 1 */
185 |   border-color: inherit;
186 |   /* 2 */
187 |   border-collapse: collapse;
188 |   /* 3 */
189 | }
190 | 
191 | /*
192 | 1. Change the font styles in all browsers.
193 | 2. Remove the margin in Firefox and Safari.
194 | 3. Remove default padding in all browsers.
195 | */
196 | 
197 | button,
198 | input,
199 | optgroup,
200 | select,
201 | textarea {
202 |   font-family: inherit;
203 |   /* 1 */
204 |   font-feature-settings: inherit;
205 |   /* 1 */
206 |   font-variation-settings: inherit;
207 |   /* 1 */
208 |   font-size: 100%;
209 |   /* 1 */
210 |   font-weight: inherit;
211 |   /* 1 */
212 |   line-height: inherit;
213 |   /* 1 */
214 |   letter-spacing: inherit;
215 |   /* 1 */
216 |   color: inherit;
217 |   /* 1 */
218 |   margin: 0;
219 |   /* 2 */
220 |   padding: 0;
221 |   /* 3 */
222 | }
223 | 
224 | /*
225 | Remove the inheritance of text transform in Edge and Firefox.
226 | */
227 | 
228 | button,
229 | select {
230 |   text-transform: none;
231 | }
232 | 
233 | /*
234 | 1. Correct the inability to style clickable types in iOS and Safari.
235 | 2. Remove default button styles.
236 | */
237 | 
238 | button,
239 | input:where([type='button']),
240 | input:where([type='reset']),
241 | input:where([type='submit']) {
242 |   -webkit-appearance: button;
243 |   /* 1 */
244 |   background-color: transparent;
245 |   /* 2 */
246 |   background-image: none;
247 |   /* 2 */
248 | }
249 | 
250 | /*
251 | Use the modern Firefox focus style for all focusable elements.
252 | */
253 | 
254 | :-moz-focusring {
255 |   outline: auto;
256 | }
257 | 
258 | /*
259 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
260 | */
261 | 
262 | :-moz-ui-invalid {
263 |   box-shadow: none;
264 | }
265 | 
266 | /*
267 | Add the correct vertical alignment in Chrome and Firefox.
268 | */
269 | 
270 | progress {
271 |   vertical-align: baseline;
272 | }
273 | 
274 | /*
275 | Correct the cursor style of increment and decrement buttons in Safari.
276 | */
277 | 
278 | ::-webkit-inner-spin-button,
279 | ::-webkit-outer-spin-button {
280 |   height: auto;
281 | }
282 | 
283 | /*
284 | 1. Correct the odd appearance in Chrome and Safari.
285 | 2. Correct the outline style in Safari.
286 | */
287 | 
288 | [type='search'] {
289 |   -webkit-appearance: textfield;
290 |   /* 1 */
291 |   outline-offset: -2px;
292 |   /* 2 */
293 | }
294 | 
295 | /*
296 | Remove the inner padding in Chrome and Safari on macOS.
297 | */
298 | 
299 | ::-webkit-search-decoration {
300 |   -webkit-appearance: none;
301 | }
302 | 
303 | /*
304 | 1. Correct the inability to style clickable types in iOS and Safari.
305 | 2. Change font properties to `inherit` in Safari.
306 | */
307 | 
308 | ::-webkit-file-upload-button {
309 |   -webkit-appearance: button;
310 |   /* 1 */
311 |   font: inherit;
312 |   /* 2 */
313 | }
314 | 
315 | /*
316 | Add the correct display in Chrome and Safari.
317 | */
318 | 
319 | summary {
320 |   display: list-item;
321 | }
322 | 
323 | /*
324 | Removes the default spacing and border for appropriate elements.
325 | */
326 | 
327 | blockquote,
328 | dl,
329 | dd,
330 | h1,
331 | h2,
332 | h3,
333 | h4,
334 | h5,
335 | h6,
336 | hr,
337 | figure,
338 | p,
339 | pre {
340 |   margin: 0;
341 | }
342 | 
343 | fieldset {
344 |   margin: 0;
345 |   padding: 0;
346 | }
347 | 
348 | legend {
349 |   padding: 0;
350 | }
351 | 
352 | ol,
353 | ul,
354 | menu {
355 |   list-style: none;
356 |   margin: 0;
357 |   padding: 0;
358 | }
359 | 
360 | /*
361 | Reset default styling for dialogs.
362 | */
363 | 
364 | dialog {
365 |   padding: 0;
366 | }
367 | 
368 | /*
369 | Prevent resizing textareas horizontally by default.
370 | */
371 | 
372 | textarea {
373 |   resize: vertical;
374 | }
375 | 
376 | /*
377 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
378 | 2. Set the default placeholder color to the user's configured gray 400 color.
379 | */
380 | 
381 | input::-moz-placeholder, textarea::-moz-placeholder {
382 |   opacity: 1;
383 |   /* 1 */
384 |   color: #9ca3af;
385 |   /* 2 */
386 | }
387 | 
388 | input::placeholder,
389 | textarea::placeholder {
390 |   opacity: 1;
391 |   /* 1 */
392 |   color: #9ca3af;
393 |   /* 2 */
394 | }
395 | 
396 | /*
397 | Set the default cursor for buttons.
398 | */
399 | 
400 | button,
401 | [role="button"] {
402 |   cursor: pointer;
403 | }
404 | 
405 | /*
406 | Make sure disabled buttons don't get the pointer cursor.
407 | */
408 | 
409 | :disabled {
410 |   cursor: default;
411 | }
412 | 
413 | /*
414 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
415 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
416 |    This can trigger a poorly considered lint error in some tools but is included by design.
417 | */
418 | 
419 | img,
420 | svg,
421 | video,
422 | canvas,
423 | audio,
424 | iframe,
425 | embed,
426 | object {
427 |   display: block;
428 |   /* 1 */
429 |   vertical-align: middle;
430 |   /* 2 */
431 | }
432 | 
433 | /*
434 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
435 | */
436 | 
437 | img,
438 | video {
439 |   max-width: 100%;
440 |   height: auto;
441 | }
442 | 
443 | /* Make elements with the HTML hidden attribute stay hidden by default */
444 | 
445 | [hidden] {
446 |   display: none;
447 | }
448 | 
449 | *, ::before, ::after {
450 |   --tw-border-spacing-x: 0;
451 |   --tw-border-spacing-y: 0;
452 |   --tw-translate-x: 0;
453 |   --tw-translate-y: 0;
454 |   --tw-rotate: 0;
455 |   --tw-skew-x: 0;
456 |   --tw-skew-y: 0;
457 |   --tw-scale-x: 1;
458 |   --tw-scale-y: 1;
459 |   --tw-pan-x:  ;
460 |   --tw-pan-y:  ;
461 |   --tw-pinch-zoom:  ;
462 |   --tw-scroll-snap-strictness: proximity;
463 |   --tw-gradient-from-position:  ;
464 |   --tw-gradient-via-position:  ;
465 |   --tw-gradient-to-position:  ;
466 |   --tw-ordinal:  ;
467 |   --tw-slashed-zero:  ;
468 |   --tw-numeric-figure:  ;
469 |   --tw-numeric-spacing:  ;
470 |   --tw-numeric-fraction:  ;
471 |   --tw-ring-inset:  ;
472 |   --tw-ring-offset-width: 0px;
473 |   --tw-ring-offset-color: #fff;
474 |   --tw-ring-color: rgb(59 130 246 / 0.5);
475 |   --tw-ring-offset-shadow: 0 0 #0000;
476 |   --tw-ring-shadow: 0 0 #0000;
477 |   --tw-shadow: 0 0 #0000;
478 |   --tw-shadow-colored: 0 0 #0000;
479 |   --tw-blur:  ;
480 |   --tw-brightness:  ;
481 |   --tw-contrast:  ;
482 |   --tw-grayscale:  ;
483 |   --tw-hue-rotate:  ;
484 |   --tw-invert:  ;
485 |   --tw-saturate:  ;
486 |   --tw-sepia:  ;
487 |   --tw-drop-shadow:  ;
488 |   --tw-backdrop-blur:  ;
489 |   --tw-backdrop-brightness:  ;
490 |   --tw-backdrop-contrast:  ;
491 |   --tw-backdrop-grayscale:  ;
492 |   --tw-backdrop-hue-rotate:  ;
493 |   --tw-backdrop-invert:  ;
494 |   --tw-backdrop-opacity:  ;
495 |   --tw-backdrop-saturate:  ;
496 |   --tw-backdrop-sepia:  ;
497 |   --tw-contain-size:  ;
498 |   --tw-contain-layout:  ;
499 |   --tw-contain-paint:  ;
500 |   --tw-contain-style:  ;
501 | }
502 | 
503 | ::backdrop {
504 |   --tw-border-spacing-x: 0;
505 |   --tw-border-spacing-y: 0;
506 |   --tw-translate-x: 0;
507 |   --tw-translate-y: 0;
508 |   --tw-rotate: 0;
509 |   --tw-skew-x: 0;
510 |   --tw-skew-y: 0;
511 |   --tw-scale-x: 1;
512 |   --tw-scale-y: 1;
513 |   --tw-pan-x:  ;
514 |   --tw-pan-y:  ;
515 |   --tw-pinch-zoom:  ;
516 |   --tw-scroll-snap-strictness: proximity;
517 |   --tw-gradient-from-position:  ;
518 |   --tw-gradient-via-position:  ;
519 |   --tw-gradient-to-position:  ;
520 |   --tw-ordinal:  ;
521 |   --tw-slashed-zero:  ;
522 |   --tw-numeric-figure:  ;
523 |   --tw-numeric-spacing:  ;
524 |   --tw-numeric-fraction:  ;
525 |   --tw-ring-inset:  ;
526 |   --tw-ring-offset-width: 0px;
527 |   --tw-ring-offset-color: #fff;
528 |   --tw-ring-color: rgb(59 130 246 / 0.5);
529 |   --tw-ring-offset-shadow: 0 0 #0000;
530 |   --tw-ring-shadow: 0 0 #0000;
531 |   --tw-shadow: 0 0 #0000;
532 |   --tw-shadow-colored: 0 0 #0000;
533 |   --tw-blur:  ;
534 |   --tw-brightness:  ;
535 |   --tw-contrast:  ;
536 |   --tw-grayscale:  ;
537 |   --tw-hue-rotate:  ;
538 |   --tw-invert:  ;
539 |   --tw-saturate:  ;
540 |   --tw-sepia:  ;
541 |   --tw-drop-shadow:  ;
542 |   --tw-backdrop-blur:  ;
543 |   --tw-backdrop-brightness:  ;
544 |   --tw-backdrop-contrast:  ;
545 |   --tw-backdrop-grayscale:  ;
546 |   --tw-backdrop-hue-rotate:  ;
547 |   --tw-backdrop-invert:  ;
548 |   --tw-backdrop-opacity:  ;
549 |   --tw-backdrop-saturate:  ;
550 |   --tw-backdrop-sepia:  ;
551 |   --tw-contain-size:  ;
552 |   --tw-contain-layout:  ;
553 |   --tw-contain-paint:  ;
554 |   --tw-contain-style:  ;
555 | }
556 | 
557 | .text-3xl {
558 |   font-size: 1.875rem;
559 |   line-height: 2.25rem;
560 | }
561 | 
562 | .font-bold {
563 |   font-weight: 700;
564 | }
565 | 


--------------------------------------------------------------------------------