diff --git a/docs/examples.html b/docs/examples.html
index 305b597..8719c6c 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -1,11 +1,13 @@
+
Examples | Yaff - Yet another front-end framework.
+
+
\ No newline at end of file
diff --git a/docs/yaff.css b/docs/yaff.css
index 3b4b666..501a714 100644
--- a/docs/yaff.css
+++ b/docs/yaff.css
@@ -15,6 +15,7 @@
--link-hover-color: #3b3b3b;
--menu-bar-color: #e9e9e9;
--article-border: #e0e0e0;
+ --input-border: #e0e0e0;
}
* {
@@ -60,7 +61,7 @@ h6 {
.yaff.button {
display: inline-block;
- margin: 0 2px;
+ margin: 4px;
padding: 6px 14px;
color: var(--button-text);
background-color: var(--button-color);
@@ -77,10 +78,11 @@ h6 {
.yaff.simple-button {
display: inline-block;
- margin: 2px;
+ margin: 4px;
padding: 6px 14px;
color: var(--simple-button-text);
border-radius: 4px;
+ text-decoration: none;
}
.yaff.simple-button:hover {
@@ -122,12 +124,23 @@ h6 {
background-color: var(--menu-bar-color);
}
+.yaff.input {
+ margin: 4px;
+ padding: 6px;
+ border: 1px solid var(--input-border);
+ border-radius: 4px;
+}
+
+.yaff.label {
+ margin: 4px;
+}
+
.yaff.segment {
text-align: center;
min-width: 100%;
}
-.yaff.segment > * {
+.yaff.segment>* {
margin-left: auto;
margin-right: auto;
}
@@ -164,4 +177,4 @@ h6 {
.yaff.simple-article {
width: 90%;
}
-}
+}
\ No newline at end of file
diff --git a/yaff.css b/yaff.css
index 09ffa1e..501a714 100644
--- a/yaff.css
+++ b/yaff.css
@@ -15,6 +15,7 @@
--link-hover-color: #3b3b3b;
--menu-bar-color: #e9e9e9;
--article-border: #e0e0e0;
+ --input-border: #e0e0e0;
}
* {
@@ -60,7 +61,7 @@ h6 {
.yaff.button {
display: inline-block;
- margin: 0 2px;
+ margin: 4px;
padding: 6px 14px;
color: var(--button-text);
background-color: var(--button-color);
@@ -77,7 +78,7 @@ h6 {
.yaff.simple-button {
display: inline-block;
- margin: 2px;
+ margin: 4px;
padding: 6px 14px;
color: var(--simple-button-text);
border-radius: 4px;
@@ -123,12 +124,23 @@ h6 {
background-color: var(--menu-bar-color);
}
+.yaff.input {
+ margin: 4px;
+ padding: 6px;
+ border: 1px solid var(--input-border);
+ border-radius: 4px;
+}
+
+.yaff.label {
+ margin: 4px;
+}
+
.yaff.segment {
text-align: center;
min-width: 100%;
}
-.yaff.segment > * {
+.yaff.segment>* {
margin-left: auto;
margin-right: auto;
}
@@ -165,4 +177,4 @@ h6 {
.yaff.simple-article {
width: 90%;
}
-}
+}
\ No newline at end of file