diff --git a/_includes/footer.html b/_includes/footer.html index 6e05d0a..e652743 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,4 +1 @@ -
-

License & credit

-

Ratchet is under the the MIT license, meaning you're basically free to use the framework as you please. Ratchet was lovingly crafted by Dave Gamache, Connor Sears, and Jacob Thornton.

-
+ diff --git a/components.html b/components.html index 504011f..55a5e91 100644 --- a/components.html +++ b/components.html @@ -568,7 +568,7 @@ base_url: "../" -
+

Buttons with badges

@@ -896,7 +896,9 @@ document
-

The contents of my modal

+
+

The contents of my modal

+
@@ -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 // --------------------------------------------------