OLD | NEW |
(Empty) | |
| 1 title=Styleguide |
| 2 |
| 3 <link rel="stylesheet" href="https://acceptableads.com/css/main.css?241"> |
| 4 <? include styleguide/style ?> |
| 5 |
| 6 <div class="sg-body"> |
| 7 <header class="sg-section"> |
| 8 <h1 class="sg-h1">Styleguide</h1> |
| 9 <p class="sg-p">This is the styleguide for acceptableads.com. Anything not i
n this colour and font is styled by the site's CSS.</p> |
| 10 <br> |
| 11 <div class="sg-input-group"> |
| 12 <label for="direction">Change Direction</label> |
| 13 <select name="direction" id="direction"> |
| 14 <option value="ltr" selected>Left to Right</option> |
| 15 <option value="rtl">Right to Left</option> |
| 16 </select> |
| 17 </div> |
| 18 </header> |
| 19 |
| 20 <section class="sg-section"> |
| 21 <? include styleguide/typography/index ?> |
| 22 </section> |
| 23 |
| 24 <section class="sg-section"> |
| 25 <? include styleguide/lists/index ?> |
| 26 </section> |
| 27 |
| 28 <section class="sg-section"> |
| 29 <? include styleguide/colors/index ?> |
| 30 </section> |
| 31 |
| 32 <section class="sg-section"> |
| 33 <? include styleguide/forms/index ?> |
| 34 </section> |
| 35 |
| 36 <section class="sg-section"> |
| 37 <? include styleguide/media/index ?> |
| 38 </section> |
| 39 |
| 40 <section class="sg-section"> |
| 41 <? include styleguide/misc/index ?> |
| 42 </section> |
| 43 </div> |
| 44 |
| 45 <script> |
| 46 document.getElementById('direction').addEventListener('change', function(e) { |
| 47 document.documentElement.setAttribute('dir', e.target.value); |
| 48 }, false); |
| 49 </script> |
OLD | NEW |