Unified Diff: pages/styleguide.html
Issue 29491561:
Issue 5413 - Create basic style guide for website-defaults (Closed)
Patch Set:
Created July 18, 2017, 6:53 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« includes/styleguide/media/images.md ('K')
|
« pages/index.html ('k')
|
settings.ini » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: pages/styleguide.html |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/pages/styleguide.html |
| @@ -0,0 +1,49 @@ |
| +title=Styleguide |
| + |
| +<link rel="stylesheet" href="https://acceptableads.com/css/main.css?241"> |
| +<? include styleguide/style ?> |
| + |
| +<div class="sg-body"> |
| + <header class="sg-section"> |
| + <h1 class="sg-h1">Styleguide</h1> |
| + <p class="sg-p">This is the styleguide for acceptableads.com. Anything not in this colour and font is styled by the site's CSS.</p> |
| + <br> |
| + <div class="sg-input-group"> |
|
ire
2017/07/18 06:57:20
Not sure whether this should actually be included
|
| + <label for="direction">Change Direction</label> |
| + <select name="direction" id="direction"> |
| + <option value="ltr" selected>Left to Right</option> |
| + <option value="rtl">Right to Left</option> |
| + </select> |
| + </div> |
| + </header> |
| + |
| + <section class="sg-section"> |
| + <? include styleguide/typography/index ?> |
| + </section> |
| + |
| + <section class="sg-section"> |
| + <? include styleguide/lists/index ?> |
| + </section> |
| + |
| + <section class="sg-section"> |
| + <? include styleguide/colors/index ?> |
| + </section> |
| + |
| + <section class="sg-section"> |
| + <? include styleguide/forms/index ?> |
| + </section> |
| + |
| + <section class="sg-section"> |
| + <? include styleguide/media/index ?> |
| + </section> |
| + |
| + <section class="sg-section"> |
| + <? include styleguide/misc/index ?> |
| + </section> |
| +</div> |
| + |
| +<script> |
| + document.getElementById('direction').addEventListener('change', function(e) { |
| + document.documentElement.setAttribute('dir', e.target.value); |
| + }, false); |
| +</script> |
« includes/styleguide/media/images.md ('K')
|
« pages/index.html ('k')
|
settings.ini » ('j')
|
no next file with comments »
