Unified Diff: includes/styleguide/grid/all-column-widths.html
Issue 29491561:
Issue 5413 - Create basic style guide for website-defaults (Closed)
Patch Set: Separate Content and Developer Styleguides
Created Aug. 21, 2017, 10:18 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« includes/styleguide/grid/4-column.html ('k')
|
includes/styleguide/grid/index.html » ('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: includes/styleguide/grid/all-column-widths.html |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/includes/styleguide/grid/all-column-widths.html |
| @@ -0,0 +1,13 @@ |
| + |
| +<div class="row"> |
| + <div class="one-half column"><p class="inverse-text">A (one half)</p></div> |
| + <div class="one-half column"><p class="inverse-text">B (one half)</p></div> |
| +</div> |
| +<div class="row"> |
| + <div class="one-third column"><p class="inverse-text">C (one third)</p></div> |
| + <div class="two-thirds column"><p class="inverse-text">D (two thirds)</p></div> |
| +</div> |
| +<div class="row"> |
| + <div class="one-fourth column"><p class="inverse-text">E (one fourth)</p></div> |
| + <div class="three-fourths column"><p class="inverse-text">F (three fourths)</p></div> |
| +</div> |
« no previous file with comments
|
« includes/styleguide/grid/4-column.html ('k')
|
includes/styleguide/grid/index.html » ('j')
|
no next file with comments »
