itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-09-30 22:41:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs update

Browse Source
This commit is contained in:
carson 2020-05-13 19:17:47 -07:00
parent 3a0472ef67
commit 3b2db2e1fc
3 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
www/_includes/layout.njk
View File

@ -59,7 +59,7 @@
</div>
</div>
<div class="content c">
<div class="c content">
{{ content | safe }}
</div>
</body>

7
www/css/site.scss
View File

@ -23,6 +23,10 @@ body {
.light {
}
.content{
padding: 0 1em 1em 1em !important;
}
.top-nav {
line-height: 30px;
border-bottom: 1px solid #d0d0d0;
@ -128,6 +132,9 @@ a {
}
h2 {
margin-top: 42px;
}
h3 {
margin-top: 32px;
}

23
www/docs.md
View File

@ -447,13 +447,22 @@ a delay. This can be used to create CSS transition effects.
Here are some examples:
```html
<div kt-classes="add foo"/> <!-- adds the class "foo" after 100ms -->
<div kt-classes="remove bar:1s"/> <!-- removes the class "bar" after 1s -->
<div kt-classes="remove bar:1s, add foo:1s"/> <!-- removes the class "bar" after 1s
then adds the class "foo" 1s after that -->
<div kt-classes="remove bar:1s & add foo:1s"/> <!-- removes the class "bar" and adds
class "foo" after 1s -->
<div kt-classes="toggle foo:1s"/> <!-- toggles the class "foo" every 1s -->
<!-- adds the class "foo" after 100ms -->
<div kt-classes="add foo"/>
<!-- removes the class "bar" after 1s -->
<div kt-classes="remove bar:1s"/>
<!-- removes the class "bar" after 1s
then adds the class "foo" 1s after that -->
<div kt-classes="remove bar:1s, add foo:1s"/>
<!-- removes the class "bar" and adds
class "foo" after 1s -->
<div kt-classes="remove bar:1s & add foo:1s"/>
<!-- toggles the class "foo" every 1s -->
<div kt-classes="toggle foo:1s"/>
```
Full documentation is available [on the documentation page.](/attributes/kt-classes)