Public
- Public
- Network
- Groups
- Popular
- People

Screenshot: Code editor on left, web browser on right. Code editor contents: export default () => { return { markup: html` <kitten water syntax-highlighting-theme='color-brewer' > <markdown> # Water ![Water CSS library logo: the letters CSS with waves showing through them.](https://github.com/kognise/water.css/raw/master/assets/logo.svg) ## What is it? [Water](https://watercss.kognise.dev/)[^1] is a minimalist CSS stylesheet for semantic HTML that is responsive and has light and dark mode support. It’s… Web browser contents: Title: Water Image: Water CSS library logo: the letters CSS with waves showing through them. Heading: What is it? Water[1] is a minimalist CSS stylesheet for semantic HTML that is responsive and has light and dark mode support. It’s convenient for quick experiments, teaching, and demos and could also be used as a good base stylesheet for your Small Web sites and apps. Heading (top half visible): How do you use it in Kitten? …

Download link

Screenshot: Code editor on left, web browser on right. Code editor contents: export default () => { return { markup: html` <kitten water syntax-highlighting-theme='color-brewer' > <markdown> # Water ![Water CSS library logo: the letters CSS with waves showing through them.](https://github.com/kognise/water.css/raw/master/assets/logo.svg) ## What is it? [Water](https://watercss.kognise.dev/)[^1] is a minimalist CSS stylesheet for semantic HTML that is responsive and has light and dark mode support. It’s… Web browser contents: Title: Water Image: Water CSS library logo: the letters CSS with waves showing through them. Heading: What is it? Water[1] is a minimalist CSS stylesheet for semantic HTML that is responsive and has light and dark mode support. It’s convenient for quick experiments, teaching, and demos and could also be used as a good base stylesheet for your Small Web sites and apps. Heading (top half visible): How do you use it in Kitten? …
https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/459/260/082/665/919/original/3437dc50a1ed5ca5.png

Notices where this attachment appears

Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 31-May-2023 04:33:17 JST Aral Balkan

Coming soon to Kitten¹: the *drumroll* <kitten> tag
You’ll soon be able to specify common <head> attributes, the syntax highlighting theme, and which libraries to include (htmx, alpine, water) declaratively.
(You can still return an object from your routes or use the HEAD slot to add any custom code to the head of your pages. The advantage of the <kitten> tag method is you can use it in pages as well as in fragments/components.)
:kitten: 💕
¹ https://codeberg.org/kitten/app
#Kitten #SmallWeb

In conversation Wednesday, 31-May-2023 04:33:17 JST from mastodon.ar.al permalink