Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side 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.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
(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">
ire 2017/07/18 06:57:20 Not sure whether this should actually be included
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>
OLDNEW
« includes/styleguide/media/images.md ('K') | « pages/index.html ('k') | settings.ini » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld