Permalink
Browse files

Merge pull request #156 from mobywhale-chan/oocss-sass

New OOCSS Sass stuff
  • Loading branch information...
2 parents 5acad9b + 4c0713b commit 2a0284da309eabf7d751c494d28b006a956cecb0 @mobywhale-chan mobywhale-chan committed May 29, 2013
Showing with 20,304 additions and 3,062 deletions.
  1. +8 −89 README.md
  2. +0 −181 components-list.json
  3. +0 −427 components/_normalize.scss
  4. +0 −38 components/_variables.scss
  5. +0 −5 components/badge/_badge.scss
  6. 0 components/badge/badge.handlebars
  7. 0 components/badge/badge_doc.handlebars
  8. +0 −10 components/box/_box.scss
  9. +0 −11 components/box/box.handlebars
  10. +0 −43 components/box/box_doc.handlebars
  11. +0 −6 components/box/skin/_boxSimple.scss
  12. +0 −5 components/boxAction/_boxAction.scss
  13. 0 components/boxAction/boxAction.handlebars
  14. 0 components/boxAction/boxAction_doc.handlebars
  15. +0 −5 components/button/_button.scss
  16. 0 components/button/button.handlebars
  17. 0 components/button/button_doc.handlebars
  18. +0 −5 components/carousel/_carousel.scss
  19. 0 components/carousel/carousel.handlebars
  20. 0 components/carousel/carousel_doc.handlebars
  21. 0 components/carousel/script/carousel.js
  22. +0 −5 components/divider/_divider.scss
  23. 0 components/divider/divider.handlebars
  24. 0 components/divider/divider_doc.handlebars
  25. +0 −5 components/dropdown/_dropdown.scss
  26. 0 components/dropdown/dropdown.handlebars
  27. 0 components/dropdown/dropdown_doc.handlebars
  28. +0 −5 components/form/_form.scss
  29. 0 components/form/form.handlebars
  30. 0 components/form/form_doc.handlebars
  31. +0 −5 components/frame/_frame.scss
  32. 0 components/frame/frame.handlebars
  33. 0 components/frame/frame_doc.handlebars
  34. +0 −91 components/grid/_grid-responsive.scss
  35. +0 −80 components/grid/_grid.scss
  36. 0 components/grid/grid.handlebars
  37. 0 components/grid/grid.json
  38. +0 −359 components/grid/grid_all.html
  39. +0 −188 components/grid/grid_doc-gutter-test.html
  40. 0 components/grid/grid_doc.handlebars
  41. +0 −247 components/grid/grid_doc.html
  42. 0 components/link/_link.scss
  43. 0 components/link/link.handlebars
  44. 0 components/link/link_doc.handlebars
  45. +0 −8 components/list/_list.scss
  46. 0 components/list/link.handlebars
  47. 0 components/list/list_doc.handlebars
  48. +0 −17 components/list/skin/_listStandard.scss
  49. +0 −5 components/media/_media.scss
  50. 0 components/media/list_doc.handlebars
  51. 0 components/media/media.handlebars
  52. 0 components/media/media_doc.handlebars
  53. +0 −5 components/mediaExt/_mediaExt.scss
  54. 0 components/mediaExt/lmediaHandlebars_doc.handlebars
  55. 0 components/mediaExt/media.handlebars
  56. 0 components/mediaExt/mediaExt.handlebars
  57. 0 components/mediaExt/mediaExt_doc.handlebars
  58. +0 −5 components/menu/_menu.scss
  59. 0 components/menu/list_doc.handlebars
  60. 0 components/menu/media.handlebars
  61. 0 components/menu/menu.handlebars
  62. 0 components/menu/menu_doc.handlebars
  63. +0 −5 components/message/_message.scss
  64. 0 components/message/message.handlebars
  65. 0 components/message/message_doc.handlebars
  66. +0 −5 components/modal/_modal.scss
  67. 0 components/modal/modal.handlebars
  68. 0 components/modal/modal_doc.handlebars
  69. +0 −5 components/navigation/_navigation.scss
  70. 0 components/navigation/navigation.handlebars
  71. 0 components/navigation/navigation_doc.handlebars
  72. +0 −62 components/screen.scss
  73. +0 −7 components/table/_table.scss
  74. 0 components/table/table.handlebars
  75. 0 components/table/table_doc.handlebars
  76. +0 −5 components/tabs/_tabs.scss
  77. 0 components/tabs/tabs.handlebars
  78. 0 components/tabs/tabs_doc.handlebars
  79. +0 −5 components/toggle/_toggle.scss
  80. 0 components/toggle/toggle.handlebars
  81. 0 components/toggle/toggle_doc.handlebars
  82. 0 components/tooltip/_tooltip.scss
  83. 0 components/tooltip/tooltip.handlebars
  84. 0 components/tooltip/tooltip_doc.handlebars
  85. +0 −161 components/typography/_typography.scss
  86. +0 −7 components/typography/typography.handlebars
  87. +0 −61 components/utils/_clearfix-me.scss
  88. +0 −46 components/utils/_hide.scss
  89. +0 −20 components/utils/_imageReplacement.scss
  90. +0 −12 components/utils/_pxToEm.scss
  91. +0 −45 components/video/_video.scss
  92. +0 −131 components/whitespace/_whitespace.scss
  93. +39 −0 createproject.sh
  94. +0 −19 docs/component_doc_template.handlebars
  95. +0 −18 docs/library.handlebars
  96. +0 −84 makefile
  97. +46 −0 oocss/.gitignore
  98. +157 −0 oocss/README.md
  99. +23 −0 oocss/Vagrantfile
  100. +317 −0 oocss/components-list.json
  101. +142 −0 oocss/makefile
  102. BIN oocss/screenshot/terminal-build.png
  103. +410 −0 oocss/src/components/_normalize.scss
  104. +115 −0 oocss/src/components/_variables.scss
  105. +23 −0 oocss/src/components/box/_box.scss
  106. +5 −0 oocss/src/components/box/box.handlebars
  107. +50 −0 oocss/src/components/box/box_doc.handlebars
  108. +11 −0 oocss/src/components/box/skin/_boxBasic.scss
  109. +8 −0 oocss/src/components/boxFoot/boxFoot.handlebars
  110. +14 −0 oocss/src/components/boxFoot/boxFoot_doc.handlebars
  111. +8 −0 oocss/src/components/boxHead/boxHead.handlebars
  112. +15 −0 oocss/src/components/boxHead/boxHead_doc.handlebars
  113. +27 −0 oocss/src/components/button/_button.scss
  114. +11 −0 oocss/src/components/button/_buttonLink.scss
  115. +10 −0 oocss/src/components/button/_buttonSkin.scss
  116. +11 −0 oocss/src/components/button/button.handlebars
  117. +36 −0 oocss/src/components/button/button_doc.handlebars
  118. +14 −0 oocss/src/components/divider/_divider.scss
  119. +1 −0 oocss/src/components/divider/divider.handlebars
  120. +25 −0 oocss/src/components/divider/divider_doc.handlebars
  121. +173 −0 oocss/src/components/doc.scss
  122. +57 −0 oocss/src/components/form/_form.scss
  123. +35 −0 oocss/src/components/form/_formMixins.scss
  124. +50 −0 oocss/src/components/form/checkboxRadio/_checkboxRadio.scss
  125. +34 −0 oocss/src/components/form/checkboxRadio/checkboxRadio.handlebars
  126. +3 −0 oocss/src/components/form/checkboxRadio/checkboxRadio_doc.handlebars
  127. 0 lib/fakelib.js → oocss/src/components/form/dropdown/_dropdown.scss
  128. +3 −0 oocss/src/components/form/dropdown/dropdown.handlebars
  129. +10 −0 oocss/src/components/form/dropdown/dropdown.json
  130. +9 −0 oocss/src/components/form/dropdown/dropdown_doc.handlebars
  131. 0 ...ents/whitespace/whitespace_doc.handlebars → oocss/src/components/form/dropdown/script/dropdown.js
  132. +29 −0 oocss/src/components/form/fieldGroup/_fieldGroup.scss
  133. +81 −0 oocss/src/components/form/fieldGroup/fieldGroup.handlebars
  134. +6 −0 oocss/src/components/form/fieldGroup/fieldGroup_doc.handlebars
  135. +49 −0 oocss/src/components/form/fieldGroupInline/_fieldGroupInline.scss
  136. +41 −0 oocss/src/components/form/fieldGroupInline/fieldGroupInline.handlebars
  137. +6 −0 oocss/src/components/form/fieldGroupInline/fieldGroupInline_doc.handlebars
  138. +20 −0 oocss/src/components/form/fieldRange/_fieldRange.scss
  139. +14 −0 oocss/src/components/form/fieldRange/fieldRange.handlebars
  140. +9 −0 oocss/src/components/form/fieldRange/fieldRange_doc.handlebars
  141. +13 −0 oocss/src/components/form/form.handlebars
  142. +3 −0 oocss/src/components/form/form.json
  143. +108 −0 oocss/src/components/form/form_doc.handlebars
  144. +84 −0 oocss/src/components/form/incFormsComponents.handlebars
  145. +14 −0 oocss/src/components/form/input/_input.scss
  146. +15 −0 oocss/src/components/form/input/input.handlebars
  147. 0 components/whitespace/whitespace.handlebars → oocss/src/components/form/input/input.json
  148. +5 −0 oocss/src/components/form/input/input_doc.handlebars
  149. +25 −0 oocss/src/components/form/label/_label.scss
  150. +3 −0 oocss/src/components/form/label/label.handlebars
  151. +1 −0 oocss/src/components/form/label/label_doc.handlebars
  152. +14 −0 oocss/src/components/form/select/_select.scss
  153. +31 −0 oocss/src/components/form/select/select.handlebars
  154. 0 components/video/video_doc.handlebars → oocss/src/components/form/select/select.json
  155. +5 −0 oocss/src/components/form/select/select_doc.handlebars
  156. +15 −0 oocss/src/components/form/textarea/_textarea.scss
  157. +15 −0 oocss/src/components/form/textarea/textarea.handlebars
  158. +5 −0 oocss/src/components/form/textarea/textarea_doc.handlebars
  159. +120 −0 oocss/src/components/grid/_grid-responsive.scss
  160. +117 −0 oocss/src/components/grid/_grid.scss
  161. +29 −0 oocss/src/components/grid/grid.handlebars
  162. +32 −0 oocss/src/components/grid/grid_doc.handlebars
  163. +21 −0 oocss/src/components/grid/grid_responsive.handlebars
  164. +112 −0 oocss/src/components/grid/grid_responsive_doc.handlebars
  165. +20 −0 oocss/src/components/icon/_icon.scss
  166. +3 −0 oocss/src/components/icon/icon.handlebars
  167. +32 −0 oocss/src/components/icon/icon_doc.handlebars
  168. +11 −0 oocss/src/components/icon/skin/_iconCompact.scss
  169. +12 −0 oocss/src/components/icon/skin/_iconExt.scss
  170. +16 −0 oocss/src/components/link/_link.scss
  171. +1 −0 oocss/src/components/link/link.handlebars
  172. +24 −0 oocss/src/components/link/link_doc.handlebars
  173. +16 −0 oocss/src/components/list/_list.scss
  174. +70 −0 oocss/src/components/list/_listWhitespace.scss
  175. +5 −0 oocss/src/components/list/list.handlebars
  176. +162 −0 oocss/src/components/list/list_doc.handlebars
  177. +19 −0 oocss/src/components/list/skin/_listBordered.scss
  178. +16 −0 oocss/src/components/list/skin/_listBulleted.scss
  179. +17 −0 oocss/src/components/list/skin/_listInline.scss
  180. +23 −0 oocss/src/components/list/skin/_listInlineDivider.scss
  181. +16 −0 oocss/src/components/list/skin/_listOrdered.scss
  182. +5 −0 oocss/src/components/list/skin/_listUnbulleted.scss
  183. +27 −0 oocss/src/components/media/_media.scss
  184. +11 −0 oocss/src/components/media/media.handlebars
  185. +37 −0 oocss/src/components/media/media_doc.handlebars
  186. +15 −0 oocss/src/components/mediaInline/_mediaInline.scss
  187. +9 −0 oocss/src/components/mediaInline/mediaInline.handlebars
  188. +34 −0 oocss/src/components/mediaInline/mediaInline_doc.handlebars
  189. 0 { → oocss/src}/components/print.scss
  190. +151 −0 oocss/src/components/screen.scss
  191. +46 −0 oocss/src/components/table/_table.scss
  192. +76 −0 oocss/src/components/table/_tableWhitespace.scss
  193. +23 −0 oocss/src/components/table/table.handlebars
  194. +131 −0 oocss/src/components/table/table_doc.handlebars
  195. +24 −0 oocss/src/components/template/_template.scss
  196. +13 −0 oocss/src/components/typography/_typeColor.scss
  197. +90 −0 oocss/src/components/typography/_typography.scss
  198. +1 −0 oocss/src/components/typography/skin/_typeHighlight.scss
  199. +1 −0 oocss/src/components/typography/skin/_typeLowlight.scss
  200. +13 −0 oocss/src/components/typography/skin/_typeUpper.scss
  201. +10 −0 oocss/src/components/typography/typography.handlebars
  202. +38 −0 oocss/src/components/typography/typography_doc.handlebars
  203. +15 −0 oocss/src/components/typography/typography_test.handlebars
  204. +70 −0 oocss/src/components/utils/_clearfix-me.scss
  205. +21 −0 oocss/src/components/utils/_fontSize.scss
  206. +16 −0 oocss/src/components/utils/_hideFully.scss
  207. +62 −0 oocss/src/components/utils/_hideText.scss
  208. +33 −0 oocss/src/components/utils/_hideVisually.scss
  209. +14 −0 oocss/src/components/utils/_inlineBlockFix.scss
  210. +26 −0 oocss/src/components/utils/_pxToEm.scss
  211. +33 −0 oocss/src/components/utils/_textAlign.scss
  212. 0 components/video/video.handlebars → oocss/src/components/utils/utils.handlebars
  213. +61 −0 oocss/src/components/utils/utils_doc.handlebars
  214. +121 −0 oocss/src/components/whitespace/_whitespace.scss
  215. +1 −0 oocss/src/components/whitespace/whitespace.handlebars
  216. +95 −0 oocss/src/components/whitespace/whitespace_doc.handlebars
  217. +8 −0 oocss/src/docs/_scripts_doc.handlebars
  218. +31 −0 oocss/src/docs/component_doc_template.handlebars
  219. +46 −0 oocss/src/docs/library.handlebars
  220. +8 −0 oocss/src/includes/_footer.handlebars
  221. +4 −0 oocss/src/includes/_headDoc.handlebars
  222. +16 −0 oocss/src/includes/_headTemplate.handlebars
  223. +6 −0 oocss/src/includes/_header.handlebars
  224. +1 −0 oocss/src/includes/_scripts_after.handlebars
  225. +90 −0 oocss/src/libs/css/github.css
  226. +153 −0 oocss/src/libs/script/docs.js
  227. +496 −0 oocss/src/libs/script/html5shiv-printshiv.js
  228. +9,597 −0 oocss/src/libs/script/jquery-1.9.1.js
  229. +89 −0 oocss/src/libs/script/rainbow/language/css.js
  230. +59 −0 oocss/src/libs/script/rainbow/language/generic.js
  231. +83 −0 oocss/src/libs/script/rainbow/language/html.js
  232. +110 −0 oocss/src/libs/script/rainbow/language/javascript.js
  233. +773 −0 oocss/src/libs/script/rainbow/rainbow.js
  234. +31 −0 oocss/src/template/template.handlebars
  235. 0 components/typography/typography_doc.handlebars → oocss/src/workshop/assets/readme.md
  236. +6 −0 oocss/start/mac-start.command
  237. +5 −0 oocss/start/mac-stop.command
  238. +8 −0 oocss/start/win-start.bat
  239. +7 −0 oocss/start/win-stop.bat
  240. +3 −4 { → oocss}/tools/build.js
  241. +483 −0 oocss/tools/common.js
  242. +32 −0 oocss/tools/component.js
  243. +11 −0 oocss/tools/componentTemplate/_component.scss
  244. +3 −0 oocss/tools/componentTemplate/component.handlebars
  245. +31 −0 oocss/tools/componentTemplate/component_doc.handlebars
  246. +3 −0 oocss/tools/componentTemplate/script/component.js
  247. +39 −0 oocss/tools/config.js
  248. +10 −5 { → oocss/tools}/config/config.rb
  249. +116 −0 oocss/tools/files/Utils.js
  250. +451 −0 oocss/tools/files/handlebars.helpers.js
  251. +57 −0 oocss/tools/files/handlebars.include.js
  252. +581 −0 oocss/tools/files/htmlPrettyPrint.js
  253. +171 −0 oocss/tools/files/watch.js
  254. +3 −2 { → oocss}/tools/package.json
  255. +5 −0 oocss/tools/vagrant/vagrant_user.sh
  256. +66 −0 oocss/tools/vagrant/vagrantfile_ssh
  257. +2 −0 oocss/tools/version
  258. +93 −0 oocss/tools/watch.js
  259. +17 −0 oocss/tools/workshop.js
  260. +0 −4 plugins/breadcrumb/breadcrumb.css
  261. +0 −40 plugins/breadcrumb/breadcrumb.html
  262. +0 −9 plugins/color/color.css
  263. +0 −61 plugins/color/color_doc.html
  264. +0 −9 plugins/color/color_skins.css
  265. +0 −20 plugins/talk/talk.css
  266. +0 −150 plugins/talk/talk_doc.html
  267. +0 −18 plugins/talk/talk_skins.css
  268. +0 −145 tools/common.js
  269. +0 −47 tools/watch.js
  270. +7 −0 vagrant/README.md
  271. +96 −0 vagrant/Vagrantfile_create
  272. +9 −0 vagrant/Vagrantfile_package
  273. +78 −0 vagrant/cookbooks/apache2/README.rdoc
  274. +77 −0 vagrant/cookbooks/apache2/attributes/default.rb
  275. +25 −0 vagrant/cookbooks/apache2/definitions/apache_conf.rb
  276. +43 −0 vagrant/cookbooks/apache2/definitions/apache_module.rb
  277. +40 −0 vagrant/cookbooks/apache2/definitions/apache_site.rb
  278. +49 −0 vagrant/cookbooks/apache2/definitions/web_app.rb
  279. +41 −0 vagrant/cookbooks/apache2/files/default/apache2_module_conf_generate.pl
  280. +497 −0 vagrant/cookbooks/apache2/metadata.json
  281. +197 −0 vagrant/cookbooks/apache2/metadata.rb
  282. +191 −0 vagrant/cookbooks/apache2/recipes/default.rb
  283. +33 −0 vagrant/cookbooks/apache2/recipes/god_monitor.rb
  284. +22 −0 vagrant/cookbooks/apache2/recipes/mod_alias.rb
  285. +20 −0 vagrant/cookbooks/apache2/recipes/mod_auth_basic.rb
  286. +20 −0 vagrant/cookbooks/apache2/recipes/mod_auth_digest.rb
  287. +59 −0 vagrant/cookbooks/apache2/recipes/mod_auth_openid.rb
  288. +20 −0 vagrant/cookbooks/apache2/recipes/mod_authn_file.rb
  289. +20 −0 vagrant/cookbooks/apache2/recipes/mod_authnz_ldap.rb
  290. +20 −0 vagrant/cookbooks/apache2/recipes/mod_authz_default.rb
  291. +20 −0 vagrant/cookbooks/apache2/recipes/mod_authz_groupfile.rb
  292. +20 −0 vagrant/cookbooks/apache2/recipes/mod_authz_host.rb
  293. +20 −0 vagrant/cookbooks/apache2/recipes/mod_authz_user.rb
  294. +22 −0 vagrant/cookbooks/apache2/recipes/mod_autoindex.rb
  295. +20 −0 vagrant/cookbooks/apache2/recipes/mod_cgi.rb
  296. +20 −0 vagrant/cookbooks/apache2/recipes/mod_dav.rb
  297. +22 −0 vagrant/cookbooks/apache2/recipes/mod_dav_svn.rb
  298. +22 −0 vagrant/cookbooks/apache2/recipes/mod_deflate.rb
  299. +22 −0 vagrant/cookbooks/apache2/recipes/mod_dir.rb
  300. +20 −0 vagrant/cookbooks/apache2/recipes/mod_env.rb
Sorry, we could not display the entire diff because too many files (409) changed.
View
97 README.md
@@ -1,93 +1,12 @@
-# OOCSS
+#OOCSS
-## Table of Contents
+##Folders
-1. [Build](#build)
-1. [Directory Structure](#directory-structure)
+- [/oocss](oocss)
+- [/vagrant](vagrant)
-## Build
+###OOCSS folder
+This folder contains all the handlebars, Sass and JavaScript files for the components and documentation. It also contains the scripts you need for starting and stopping the Vagrant box.
-### Required for build
-- NodeJS,
-- NodeJS plugins : handlebars
-
-### How to prepare the build
-- first you must have the node modules :
- - handlebars
-
-- If you don't have them, you can install each by using : npm install <modulename>
-- Or you cas use the package.json file in the build directory.
- - go to the build directory
- `cd build`
-
-## Directory Structure
-
-```
-/components
- /<component name>
- <component name>.json
- <component name>.js
- _<component name>.scss
- <component name>.handlebars
- <component name>_doc.html
- <component name>_test.html
- /img
- /skin
- _<skin name>.sass
-
-/plugins
- /<plugin name>
- <plugin name>.js
- _<plugin name>.scss
- <plugin name>.handlebars
- <plugin name>_doc.html
- <plugin name>-_test.html
- /img
- /skin
- _<skin name>.scss
-/build
-
-/libs
- /jquery
- /handlebars
- /fonts
-/docs
- library.html
- template.html
- form.html
-
-```
-
-### Directory explaination
-
-**`/components`**
-
-* Contains components that have been reviewed and accepted.
-* Each component will be in its own folder e.g. `/box`.
-* Files inside the component folder will always start with the name of the component e.g. `box_doc.html`.
-* `_<component>.scss` - structural CSS of the component.
-* `<component name>_doc.html` - documentation of the component.
-* `<component name>_test.html` - a file for testing purpose only such as testing the different variations and combinations of your component e.g. nesting of a grid.
-* `<skin>` - contains the skinning of a component. You can have multiple ones. Each skin should be in its own SCSS file.
-* `<skin name>` of the component should match the name of the class name e.g. `_boxSimple.scss`.
-
-**`/plugin`**
-
-* Contains proof of concept components only.
-* The structure and files will be the same as the component folder.
-
-**`/build`**
-
-* Contains all the compiled files after running the built script.
-
-**`libs`**
-
-* Contains library or frameworks we use, e.g. jQuery, fonts
-
-**`/docs`**
-
-* `library.html` - all the components and their documentation.
-* `template.html` - the overall page layout. There can be multiple ones.
-* `form.html` - form layouts.
-
-For all files, separate words with an underscore e.g. box_doc.html
+###Vagrant folder
+This folder contains all the vagrant files needed for building a new vagrant box and packaging it.
View
181 components-list.json
@@ -1,181 +0,0 @@
-{
- "parameters":{
- "docsDirectory":"./docs",
- "buildDirectory":"./build",
- "docsBuildDirectory":"./build/docs",
- "componentHandlebarsName":"{name}.handlebars",
- "componentDocName":"{name}_doc.handlebars"
- },
- "components":[
- {
- "name":"box",
- "longname":"Boxes",
- "path":"components/box",
- "skins":[
- {
- "classname":"box1",
- "title":"box2",
- "body":"box3",
- "doc":"this is a doc"
- },
- {
- "classname":"box2",
- "title":"box2",
- "body":"box2"
- }
- ]
- },
- {
- "name":"message",
- "longname":"Messages",
- "path":"components/message",
- "skins":[
- {
- "classname":"warn",
- "title":"Warning",
- "doc":"this is a doc"
- },
- {
- "classname":"error",
- "title":"Error"
- },
- {
- "classname":"info",
- "title":"Information"
- }
- ]
- },
- {
- "name":"badge",
- "longname":"Badges",
- "path":"components/badge",
- "skins":[]
- },
- {
- "name":"boxAction",
- "longname":"Box Action Menu",
- "path":"components/boxAction",
- "skins":[]
- },
- {
- "name":"button",
- "longname":"Button",
- "path":"components/button",
- "skins":[]
- },
- {
- "name":"carousel",
- "longname":"Carousel",
- "path":"components/carousel",
- "skins":[]
- },
- {
- "name":"divider",
- "longname":"Divider",
- "path":"components/divider",
- "skins":[]
- },
- {
- "name":"dropdown",
- "longname":"Dropdown",
- "path":"components/dropdown",
- "skins":[]
- },
- {
- "name":"form",
- "longname":"Form",
- "path":"components/form",
- "skins":[]
- },
- {
- "name":"frame",
- "longname":"Frame",
- "path":"components/frame",
- "skins":[]
- },
- {
- "name":"grid",
- "longname":"Grid",
- "path":"components/grid",
- "skins":[]
- },
- {
- "name":"link",
- "longname":"Link",
- "path":"components/link",
- "skins":[]
- },
- {
- "name":"media",
- "longname":"Media Block",
- "path":"components/media",
- "skins":[]
- },
- {
- "name":"mediaExt",
- "longname":"Media Block Extended",
- "path":"components/mediaExt",
- "skins":[]
- },
- {
- "name":"menu",
- "longname":"Menu",
- "path":"components/menu",
- "skins":[]
- },
- {
- "name":"modal",
- "longname":"Modal",
- "path":"components/modal",
- "skins":[]
- },
- {
- "name":"navigation",
- "longname":"Navigation",
- "path":"components/navigation",
- "skins":[]
- },
- {
- "name":"table",
- "longname":"Table",
- "path":"components/table",
- "skins":[]
- },
- {
- "name":"tabs",
- "longname":"Tabs",
- "path":"components/tabs",
- "skins":[]
- },
- {
- "name":"toggle",
- "longname":"Toggle",
- "path":"components/toggle",
- "skins":[]
- },
- {
- "name":"tooltip",
- "longname":"Tooltip",
- "path":"components/tooltip",
- "skins":[]
- },
- {
- "name":"typography",
- "longname":"Typography",
- "path":"components/typography",
- "skins":[]
- },
- {
- "name":"video",
- "longname":"Video",
- "path":"components/video",
- "skins":[]
- },
- {
- "name":"whitespace",
- "longname":"Whitespace",
- "path":"components/whitespace",
- "skins":[]
- }
- ]
-}
View
427 components/_normalize.scss
@@ -1,427 +0,0 @@
-/**
- * We are using most of Normalize CSS with these modifications:
- *
- * Moved some of the typography styling to _typography.scss, unless it's something we think that should be set as default
- * Set heading to have no margins by default. Set margins in _typography.scss
- * Moved padding fix for list to _listStandard.scss. By default, OOCSS lists don't have any list styles.
- *
- */
-
-@mixin ooNormalize {
- /*! normalize.css v1.0.2 | MIT License | git.io/normalize */
-
- /* ==========================================================================
- HTML5 display definitions
- ========================================================================== */
-
- /*
- * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
- */
-
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- nav,
- section,
- summary {
- display: block;
- }
-
- /*
- * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
- */
-
- audio,
- canvas,
- video {
- display: inline-block;
- *display: inline;
- *zoom: 1;
- }
-
- /*
- * Prevents modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
- audio:not([controls]) {
- display: none;
- height: 0;
- }
-
- /*
- * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
- * and Safari 4.
- * Known issue: no IE 6 support.
- */
-
- [hidden] {
- display: none;
- }
-
- /* ==========================================================================
- Base
- ========================================================================== */
-
- /*
- * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
- * `em` units.
- * 2. Prevents iOS text size adjust after orientation change, without disabling
- * user zoom.
- */
-
- html {
- font-size: 100%; /* 1 */
- -webkit-text-size-adjust: 100%; /* 2 */
- -ms-text-size-adjust: 100%; /* 2 */
- }
-
- /*
- * Addresses margins handled incorrectly in IE 6/7.
- */
-
- body {
- margin: 0;
- }
-
- /* ==========================================================================
- Links
- ========================================================================== */
-
- /*
- * Addresses `outline` inconsistency between Chrome and other browsers.
- */
-
- a:focus {
- outline: thin dotted;
- }
-
- /*
- * Improves readability when focused and also mouse hovered in all browsers.
- */
-
- a:active,
- a:hover {
- outline: 0;
- }
-
- /* ==========================================================================
- Typography
- ========================================================================== */
-
- /*
- * Addresses font sizes and margins set differently in IE 6/7.
- * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
- * and Chrome.
- *
- * [OOCSS] - set heading styles in typography.scss
- *
- */
-
- h1, h2, h3,
- h4, h5, h6 {
- margin: 0;
- }
-
- /*
- * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
- */
-
- abbr[title] {
- border-bottom: 1px dotted;
- }
-
- /*
- * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
- */
-
- b,
- strong {
- font-weight: bold;
- }
-
- /*
- * Addresses styling not present in Safari 5 and Chrome.
- */
-
- dfn {
- font-style: italic;
- }
-
- /*
- * Improves readability of pre-formatted text in all browsers.
- */
-
- pre {
- white-space: pre;
- white-space: pre-wrap;
- word-wrap: break-word;
- }
-
- /*
- * Addresses CSS quotes not supported in IE 6/7.
- */
-
- q {
- quotes: none;
- }
-
- /*
- * Addresses `quotes` property not supported in Safari 4.
- */
-
- q:before,
- q:after {
- content: '';
- content: none;
- }
-
- /*
- * Addresses inconsistent and variable font size in all browsers.
- */
-
- small {
- font-size: 80%;
- }
-
- /*
- * Prevents `sub` and `sup` affecting `line-height` in all browsers.
- */
-
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
-
- sup {
- top: -0.5em;
- }
-
- sub {
- bottom: -0.25em;
- }
-
- /* ==========================================================================
- Lists
- ========================================================================== */
-
- /*
- * [OOCSS] - removed default list style and margins on lists.
- */
-
-
- dl,
- dt,
- dd,
- menu,
- ol,
- ul {
- margin: 0;
- list-style-type: none;
- }
-
- /* ==========================================================================
- Embedded content
- ========================================================================== */
-
- /*
- * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
- * 2. Improves image quality when scaled in IE 7.
- */
-
- img {
- border: 0; /* 1 */
- -ms-interpolation-mode: bicubic; /* 2 */
- }
-
- /*
- * Corrects overflow displayed oddly in IE 9.
- */
-
- svg:not(:root) {
- overflow: hidden;
- }
-
- /* ==========================================================================
- Figures
- ========================================================================== */
-
- /*
- * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
- */
-
- figure {
- margin: 0;
- }
-
- /* ==========================================================================
- Forms
- ========================================================================== */
-
- /*
- * Corrects margin displayed oddly in IE 6/7.
- */
-
- form {
- margin: 0;
- }
-
- /*
- * Define consistent border, margin, and padding.
- */
-
- /*
- * [OOCSS] - removed border bottom styling. Set margin and padding to 0.
- */
- fieldset {
- margin: 0;
- padding: 0;
- }
-
- /*
- * 1. Corrects color not being inherited in IE 6/7/8/9.
- * 2. Corrects text not wrapping in Firefox 3.
- * 3. Corrects alignment displayed oddly in IE 6/7.
- */
-
- legend {
- border: 0; /* 1 */
- padding: 0;
- white-space: normal; /* 2 */
- *margin-left: -7px; /* 3 */
- }
-
- /*
- * 1. Corrects font size not being inherited in all browsers.
- * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
- * and Chrome.
- * 3. Improves appearance and consistency in all browsers.
- */
-
- button,
- input,
- select,
- textarea {
- font-size: 100%; /* 1 */
- margin: 0; /* 2 */
- vertical-align: baseline; /* 3 */
- *vertical-align: middle; /* 3 */
- }
-
- /*
- * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
- button,
- input {
- line-height: normal;
- }
-
- /*
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- * and `video` controls.
- * 2. Corrects inability to style clickable `input` types in iOS.
- * 3. Improves usability and consistency of cursor style between image-type
- * `input` and others.
- * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
- * Known issue: inner spacing remains in IE 6.
- */
-
- button,
- html input[type="button"], /* 1 */
- input[type="reset"],
- input[type="submit"] {
- -webkit-appearance: button; /* 2 */
- cursor: pointer; /* 3 */
- *overflow: visible; /* 4 */
- }
-
- /*
- * Re-set default cursor for disabled elements.
- */
-
- button[disabled],
- input[disabled] {
- cursor: default;
- }
-
- /*
- * 1. Addresses box sizing set to content-box in IE 8/9.
- * 2. Removes excess padding in IE 8/9.
- * 3. Removes excess padding in IE 7.
- * Known issue: excess padding remains in IE 6.
- */
-
- input[type="checkbox"],
- input[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
- *height: 13px; /* 3 */
- *width: 13px; /* 3 */
- }
-
- /*
- * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
- * (include `-moz` to future-proof).
- */
-
- input[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box; /* 2 */
- box-sizing: content-box;
- }
-
- /*
- * Removes inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
- input[type="search"]::-webkit-search-cancel-button,
- input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
- }
-
- /*
- * Removes inner padding and border in Firefox 3+.
- */
-
- button::-moz-focus-inner,
- input::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
-
- /*
- * 1. Removes default vertical scrollbar in IE 6/7/8/9.
- * 2. Improves readability and alignment in all browsers.
- */
-
- textarea {
- overflow: auto; /* 1 */
- vertical-align: top; /* 2 */
- }
-
- /* ==========================================================================
- Tables
- ========================================================================== */
-
- /*
- * Remove most spacing between table cells.
- */
-
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
-}
View
38 components/_variables.scss
@@ -1,38 +0,0 @@
-
-/* colors */
-$typeColor: #333;
-
-/* neutrals */
-//warm neutrals
-//blue neutrals
-//gray neutrals
-
-
-/* typography */
-$baseLineHeight: 1.5em !default; //must be in em
-$baseFontSize: 15px !default; // must be px
-$baseFontFamily: Georgia, "Times New Roman", Times, serif;
-
-/*
- * em-ratio converts between em and px
- * to em divide by this ratio
- * to px mulitply by this ratio
- */
-$emRatio: $baseFontSize/$baseLineHeight;
-
-/* whitespace */
-$guttersH: 15px;
-$guttersV: $baseLineHeight/2em*1rem; // set top and bottom margins to half the base line height so that the total takes up one row of vertical rhythm.
-$spacingHelpers: ($emRatio*$baseLineHeight/3, $emRatio*$baseLineHeight/2, $emRatio*$baseLineHeight); //TODO: convert to px;
-
-/* grids */
-$breakPoints: (); // can be pixel values or if only one value, break points will be made at that increment. (not for now)
-$mobileFirst: true;
-
-
-/* layout */
-$pageWidth: 988px;
-body{ // TODO: move to a template file.
- width: $pageWidth;
- margin: 0 auto;
-}
View
5 components/badge/_badge.scss
@@ -1,5 +0,0 @@
-@mixin ooBadge(){
- .badge {
-
- }
-}
View
0 components/badge/badge.handlebars
No changes.
View
0 components/badge/badge_doc.handlebars
No changes.
View
10 components/box/_box.scss
@@ -1,10 +0,0 @@
-@mixin ooBox(){
- .box {
- .boxHead,
- .boxBody,
- .boxFoot {
- @include clearfix-me(micro);
- padding: 8px;
- }
- }
-}
View
11 components/box/box.handlebars
@@ -1,11 +0,0 @@
-<div class="box {{classname}}">
- <div class="boxHead">
- <h3 class="boxHeading">{{title}}</h3>
- </div>
- <div class="boxBody">
- <p>{{body}}</p>
- </div>
- <div class="boxFoot">
- <p>boxFoot</p>
- </div>
-</div>
View
43 components/box/box_doc.handlebars
@@ -1,43 +0,0 @@
-<h2>{{longname}}</h2>
-<p>Boxes are a common way of grouping related content. They consist of a wrapper with the class <code>box</code> applied. Inside a box, there are three sections the header, body, and footer. All boxes have a body, but some may not have either a header or footer. </p>
-<div class="data codeTable">
- <table>
- <tr>
- <th scope="row">box</th>
- <td>Base class. Required. Skins and subclasses that extend box should add their classname to this element.</td>
- </tr>
- <tr>
- <th scope="row">boxHead</th>
- <td>Subnode of box. Creates a box header which generally contains the box title and/or controls. Can be extended via skin classes. Optional.</td>
- </tr>
- <tr>
- <th scope="row">boxBody</th>
- <td>Subnode of box. Creates the main content area of the box. Required. Any other types of objects may be placed inside the body of a box. A box does not control the display of it's content objects.</td>
- </tr>
- <tr>
- <th scope="row">boxFoot</th>
- <td>Subnode of box. Creates the box footer. Any content can go in the footer including buttons, text, etc. Can be extended via a skin class. Optional.</td>
- </tr>
- </table>
-</div>
-<h3>Box html:</h3>
-<p>This is the html structure on which all the different boxes are built.</p>
-<!-- TODO: how to include box.handlebars here? -->
-
-<pre><code>
- TODO: how to get the box partial to show here?
-</code></pre>
-<h3>Box Contours</h3>
-<ul class="listBoxes">
- {{#each skins}}
- <li>
- {{{this}}}
-
- <p>code :</p>
- <pre><code>
- {{this}}
- </code></pre>
-
- </li>
- {{/each}}
-</ul>
View
6 components/box/skin/_boxSimple.scss
@@ -1,6 +0,0 @@
-@mixin ooBox() {
- .boxSimple {
- border: 1px solid #ccc;
- background: 1px solid #555;
- }
-}
View
5 components/boxAction/_boxAction.scss
@@ -1,5 +0,0 @@
-@mixin ooBoxAction(){
- .boxAction {
-
- }
-}
View
0 components/boxAction/boxAction.handlebars
No changes.
View
0 components/boxAction/boxAction_doc.handlebars
No changes.
View
5 components/button/_button.scss
@@ -1,5 +0,0 @@
-@mixin ooButton(){
- .button {
-
- }
-}
View
0 components/button/button.handlebars
No changes.
View
0 components/button/button_doc.handlebars
No changes.
View
5 components/carousel/_carousel.scss
@@ -1,5 +0,0 @@
-@mixin ooCarousel(){
- .carousel {
-
- }
-}
View
0 components/carousel/carousel.handlebars
No changes.
View
0 components/carousel/carousel_doc.handlebars
No changes.
View
0 components/carousel/script/carousel.js
No changes.
View
5 components/divider/_divider.scss
@@ -1,5 +0,0 @@
-@mixin ooDivider(){
- .divider {
-
- }
-}
View
0 components/divider/divider.handlebars
No changes.
View
0 components/divider/divider_doc.handlebars
No changes.
View
5 components/dropdown/_dropdown.scss
@@ -1,5 +0,0 @@
-@mixin ooDropdown(){
- .dropdown {
-
- }
-}
View
0 components/dropdown/dropdown.handlebars
No changes.
View
0 components/dropdown/dropdown_doc.handlebars
No changes.
View
5 components/form/_form.scss
@@ -1,5 +0,0 @@
-@mixin ooForm(){
- .form {
-
- }
-}
View
0 components/form/form.handlebars
No changes.
View
0 components/form/form_doc.handlebars
No changes.
View
5 components/frame/_frame.scss
@@ -1,5 +0,0 @@
-@mixin ooFrame(){
- .frame {
-
- }
-}
View
0 components/frame/frame.handlebars
No changes.
View
0 components/frame/frame_doc.handlebars
No changes.
View
91 components/grid/_grid-responsive.scss
@@ -1,91 +0,0 @@
-@import "compass/css3";
-
-// hide, show, collapse?, expand
-
-
-//TODO: make it work with ems (or any unit?)
-//TODO: stephen doens't think incremental breakpoints are a good idea
-//TODO: allow developers to choose which types of options get outputted (show, hide, expand, collapse, cols, etc)
-@mixin ooGridResponsive($breakpoints: (699px, 200px, 100px), $mobileFirst: true, $columns: 0){
- $direction:lt;
- $min-max: max;
-
- @if $mobileFirst {
- $direction: gt;
- $min-max: min;
- }
-
- // t-shirt sizing
- //TODO: think about what happens if a site needs to *add* breakpoints later, especially in the middle
-
- $t-shirt-sizes: ();
- @if (length($breakpoints) == 1) {
- $t-shirt-sizes: (med);
- }
- @else if (length($breakpoints) == 2) {
- $t-shirt-sizes: (med, lg);
- }
- @else if (length($breakpoints) == 3) {
- $t-shirt-sizes: (sm, med, lg);
- }
- @else if (length($breakpoints) == 4) {
- $t-shirt-sizes: (sm, med, lg, xl);
- }
- @else if (length($breakpoints) == 5) {
- $t-shirt-sizes: (xs, sm, med, lg, xl);
- }
- @else if (length($breakpoints) == 6) {
- $t-shirt-sizes: (xs, sm, med, lg, xl, xxl);
- }
- @else if (length($breakpoints) == 7) {
- $t-shirt-sizes: (xxs, xs, sm, med, lg, xl, xxl);
- }
- @else if (length($breakpoints) == 8) {
- $t-shirt-sizes: (xxs, xs, sm, med, lg, xl, xxl, xxxl);
- }
- @else if (length($breakpoints) == 9) {
- $t-shirt-sizes: (xxxs, xxs, xs, sm, med, lg, xl, xxl, xxxl);
- }
- @else if (length($breakpoints) > 9) {
- $t-shirt-sizes: $breakpoints;
- @warn "T-shirt sizing doesn't work well with more than 9 breakpoints, we'll have to default to using explicit pixel values. This will make your code less maintainable."
- }
-
- // create breakpoints
- @each $break in $breakpoints {
- //@each $t-shirt-size in $t-shirt-sizes {
- @media screen and (#{$min-max}-width: $break) {
- /* ====== #{t-shirt-size} t-shirt size is equal to #{$break} ====== */
- /* general classes - use on any block level element */
- //TODO: figure out how to add a count var and to reference that item number in var t-shirt-sizes
- //TODO: dont display all sizes
-
- .#{$t-shirt-sizes}-hide{
- display: none;
- }
- // .#{$t-shirt-size}-show{
- // display: block; //problematic depending on what the display was before it was hidden
- // }
-
- // /* grids tools (can be used on grids, media block, template) */
- // .#{$t-shirt-size}-collapse > .unit{
- // width: auto;
- // display: block;
- // float: none;
- // }
- // .#{$t-shirt-size}-expand > .unit{
- // width: auto;
- // }
- // .#{$t-shirt-size}-deepExpand .unit{
- // width: auto;
- // }
-
- /* columns */
- @for $i from 1 through $columns {
- .#{$t-shirt-size}-#{$i}cols {
- @include column-count($i);
- }
- }
- }
- }
-}
View
80 components/grid/_grid.scss
@@ -1,80 +0,0 @@
-@import "compass/utilities/general/hacks";
-@import "compass/css3";
-
-$grids-debug: false;
-$grids-debug-position: false;
-//TODO: make params into variables instead, so they can easily be updated w out changing this file.
-//TODO: Take different units into account, what if gutters are in rems? ems? percentage?
-//TODO: test in IE6 :(
-@mixin oogrids($cols: (2,3,4,5,6), $gutter: $guttersH){
-
- /* ie 7 and earlier need percentage based gutters because they don't do border-box */
- $ie-percent-gutter: percentage($gutter/$pageWidth);
-
- @each $col in $cols {
- @for $i from 1 through $col {
- .size#{$i}of#{$col} {
- width: percentage($i/$col);
- *width: percentage($i/$col)-$ie-percent-gutter; /* IE7- width = normal width - gutter width */
- }
- }
- }
- .line{
- @include clearfix-me(micro);
- margin-left: -$gutter;
-
- .unit{
- float:left;
- zoom:1;
- @if $gutter {
- @include box-sizing(border-box); /*IE8+*/
- padding-left: $gutter;
- }
-
- &.lastUnit {
- @include clearfix-me(facebook);
- float: none;
- _position: relative;
- _left: -3px;
- _margin-right: -3px;
- /* IE 7 */
- *display: block;
- *width: auto;
- *zoom: 1;
- }
- }
- .unitExt { // TODO: handle case where there are two (or more) unitExt in a line.
- float:right;
- zoom:1;
- @if $gutter {
- padding: 0 0 0 $gutter;
- }
- }
- }
-}
-
-@if $grids-debug {
- .unit:before {
- content: "unit";
- display:block;
- min-height: 40px;
- line-height: 40px;
- background-color: #EEE;
- text-align: center;
- border-radius: 3px;
- }
-}
-
-@if $grids-debug-position {
- .line{background-color: #e2e2e2;}
- .unit{background-color:#da0000; border-radius: 7px;}
- .unit:first-child{background-color:green;}
- .unit:first-child, .firstUnit{background-color:blue;}
- .unitExt ~ [class*=size]:last-child,.lastUnit{background-color:purple;}
- .unitExt ~ .unitExt{ background-color: gray;}
-}
-
-// if gutters were true they would need to be % based, so you would need to know page width
-// e.g. 15px gutters / 960px page width = 0.015625 or 1.5625%
-
-// or have them be pixel based and set padding box thingy
View
0 components/grid/grid.handlebars
No changes.
View
0 components/grid/grid.json
No changes.
View
359 components/grid/grid_all.html
@@ -1,359 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title>All combinations of grids - without nesting</title>
-<link rel="stylesheet" type="text/css" media="all" href="../css/sass/screen.css" />
-</head>
-<body>
- <p>TODO: This file is way messed up right now... should be automagically generated by grids params. Also, all the class names are currently wrong.</p>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5 lastUnit">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5 lastUnit">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5 lastUnit">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size3of5">
- <h3>3/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size3of5 lastUnit">
- <h3>3/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size3of5">
- <h3>3/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size2of5">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size3of5 lastUnit">
- <h3>3/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size3of5">
- <h3>3/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of5 lastUnit">
- <h3>2/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of5">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size4of5 lastUnit">
- <h3>4/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size4of5">
- <h3>4/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of5 lastUnit">
- <h3>1/5</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4 lastUnit">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of2">
- <h3>1/2</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4 lastUnit">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of2 lastUnit">
- <h3>1/2</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of2">
- <h3>1/2</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4 lastUnit">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of4">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size3of4 lastUnit">
- <h3>3/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size3of4">
- <h3>3/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of4 lastUnit">
- <h3>1/4</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit 1of3">
- <h3>1/3</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit 1of3">
- <h3>1/3</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit 1of3 lastUnit">
- <h3>1/3</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit 1of3">
- <h3>1/3</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size2of3 lastUnit">
- <h3>2/3</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size2of3">
- <h3>2/3</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit 1of3 lastUnit">
- <h3>1/3</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of2">
- <h3>1/2</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
- <div class="unit size1of2 lastUnit">
- <h3>1/2</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-<div class="line">
- <div class="unit size1of1">
- <h3>1/1</h3>
- <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
- </div>
-</div>
-</body>
-</html>
View
188 components/grid/grid_doc-gutter-test.html
@@ -1,188 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<title>Grids Documentation</title>
-<link rel="stylesheet" type="text/css" media="all" href="../css/screen.css" />
-<style type="text/css">
-dt{font-weight:bold;}
-pre strong, dt strong{color: #0B8C8F;}
-pre{padding: 20px;background-color: #FCF8BC;overflow:auto;width:auto;}
-</style>
-</head>
-<body>
-<h1>Lines &amp; Grids</h1>
-<p class="intro">Grids are used to break any space into fractions, they can be nested. A unit can contain another line or it can contain other objects directly. The sum of the fractional sizes of all children of one line should be equal to one. Grids control width, content controls height.</p>
-<h2>Base Classes</h2>
-<div class="data">
-<table>
- <thead>
- <tr>
- <th>Property</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr class="odd">
- <th scope="row"><code>line</code></th>
- <td>Groups units on one horizontal line. Note: for mobile layout units may be stacked to avoid horizontal scrolling.</td>
- </tr>
- <tr class="even">
- <th scope="row"><code>unit</code></th>
- <td>Base class which divides a line into sections (columns).</td>
- </tr>
- <tr class="odd">
- <th scope="row"><code>size<strong>X</strong>of<strong>Y</strong></code></th>
- <td>Extends <code>unit</code>. Indicates the fractional width of the unit, for example <code>size9of12</code> would take up three quarters, or 75%, of the horizontal space.</td>
- </tr>
- <tr class="even">
- <th scope="row"><code>lastUnit</code></th>
- <td>Extends <code>unit</code>. Applied to the last child of every line.</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div class="line">
- <div class="unit size1of12 firstUnit">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12">1</div>
- <div class="unit size1of12 lastUnit">1</div>
-</div>
-<div class="line">
- <div class="unit size2of12 firstUnit">2</div>
- <div class="unit size2of12">2</div>
- <div class="unit size2of12">2</div>
- <div class="unit size2of12">2</div>
- <div class="unit size2of12">2</div>
- <div class="unit size2of12 lastUnit">2</div>
-</div>
-<div class="line">
- <div class="unit size3of12 firstUnit">3</div>
- <div class="unit size3of12">3</div>
- <div class="unit size3of12">3</div>
- <div class="unit size3of12 lastUnit">3</div>
-</div>
-<div class="line">
- <div class="unit size4of12 firstUnit">4</div>
- <div class="unit size4of12">4</div>
- <div class="unit size4of12 lastUnit">4</div>
-</div>
-<div class="line">
- <div class="unit size5of12 firstUnit">5</div>
- <div class="unit size7of12 lastUnit">7</div>
-</div>
-<div class="line">
- <div class="unit size7of12 firstUnit">7</div>
- <div class="unit size5of12 lastUnit">5</div>
-</div>
-<div class="line">
- <div class="unit size6of12 firstUnit">6</div>
- <div class="unit size6of12 lastUnit">6</div>
-</div>
-<div class="line">
- <div class="unit size8of12 firstUnit">8</div>
- <div class="unit size4of12 lastUnit">4</div>
-</div>
-<div class="line">
- <div class="unit size3of12 firstUnit">3</div>
- <div class="unit size9of12 lastUnit">9</div>
-</div>
-<div class="line">
- <div class="unit size10of12 firstUnit">10</div>
- <div class="unit size2of12 lastUnit">2</div>
-</div>
-<div class="line">
- <div class="unit size1of12 firstUnit">1</div>
- <div class="unit size11of12 lastUnit">11</div>
-</div>
-<div class="line">
- <div class="unit size12of12 firstUnit lastUnit">12</div>
-</div>
-
-
-
-<h2>Halves</h2>
-<div class="line">
- <div class="unit size6of12">
- <h3>6/12</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- <div class="unit size6of12 lastUnit">
- <h3>6/12</h3>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</