Buttons with badges
@@ -896,7 +896,9 @@ document
@@ -912,7 +914,9 @@ document
-
The contents of my modal
+
+
The contents of my modal
+
-
{% endhighlight %}
diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css
index d867e80..6c7dbea 100644
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@@ -266,6 +266,12 @@ body {
color: #fff;
}
+.docs-mini-footer {
+ padding-top: 40px;
+ padding-bottom: 20px;
+ color: #777;
+}
+
.platform-toggle {
padding-top: 15px;
padding-bottom: 90px;
@@ -369,6 +375,52 @@ body {
word-wrap: normal;
}
+#buttonsInDevice [class*="button"],
+#buttonsBadgesInDevice [class*="button"] {
+ margin-top: 10px;
+ margin-right: 100px;
+ margin-left: 10px;
+}
+
+#blockButtonsInDevice .button-block {
+ margin: 10px;
+}
+
+#segmentedControllersInDevice .segmented-controller {
+ margin-right: 10px;
+ margin-left: 10px;
+}
+#segmentedControllersInDevice .card p {
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
+#badgesInDevice {
+ text-align: center;
+}
+#badgesInDevice [class*="badge"] {
+ margin-top: 10px;
+}
+
+#formsInDevice form {
+ margin: 10px;
+}
+#formsInDevice form.input-group {
+ margin: 0;
+}
+
+#togglesInDevice .toggle {
+ margin: 10px auto;
+}
+
+#modalsInDevice #iwindow > .button {
+ margin: 10px;
+}
+#modalsInDevice .card p {
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
.device {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 17px;
diff --git a/index.html b/index.html
index 30094fb..10cc5e0 100644
--- a/index.html
+++ b/index.html
@@ -112,7 +112,7 @@ base_url: "./"
diff --git a/lib/sass/docs.scss b/lib/sass/docs.scss
index bc85a61..033a481 100644
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@@ -279,6 +279,11 @@ body {
}
}
}
+.docs-mini-footer {
+ padding-top: 40px;
+ padding-bottom: 20px;
+ color: #777;
+}
// Platform toggle
@@ -388,6 +393,65 @@ body {
word-wrap: normal;
}
+// Buttons
+#buttonsInDevice,
+#buttonsBadgesInDevice {
+ [class*="button"] {
+ margin-top: 10px;
+ margin-right: 100px;
+ margin-left: 10px;
+ }
+}
+#blockButtonsInDevice .button-block {
+ margin: 10px;
+}
+
+//Segmented Control
+#segmentedControllersInDevice {
+ .segmented-controller {
+ margin-right: 10px;
+ margin-left: 10px;
+ }
+ .card p {
+ padding-right: 10px;
+ padding-left: 10px;
+ }
+}
+
+// Badges
+#badgesInDevice {
+ text-align: center;
+
+ [class*="badge"] {
+ margin-top: 10px;
+ }
+}
+
+// Forms
+#formsInDevice form {
+ margin: 10px;
+
+ &.input-group {
+ margin: 0;
+ }
+}
+
+// Toggles
+#togglesInDevice .toggle {
+ margin: 10px auto;
+}
+
+// Modals
+#modalsInDevice {
+ #iwindow > .button {
+ margin: 10px;
+ }
+ .card p {
+ padding-right: 10px;
+ padding-left: 10px;
+ }
+}
+
// Misc
// --------------------------------------------------
The contents of my modal
+
+
The contents of my modal
+