modularis 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +8 -8
  2. data/Gemfile.lock +2 -2
  3. data/README.md +2 -4
  4. data/lib/modularis/version.rb +1 -1
  5. metadata +1 -91
  6. data/docs/CHANGELOG.md +0 -260
  7. data/docs/Capfile +0 -4
  8. data/docs/Gemfile +0 -13
  9. data/docs/Gemfile.lock +0 -45
  10. data/docs/Procfile +0 -2
  11. data/docs/README.md +0 -1
  12. data/docs/_sidebar-components.html.erb +0 -115
  13. data/docs/_sidebar.html.erb +0 -115
  14. data/docs/changelog.html.erb +0 -33
  15. data/docs/compile.rb +0 -34
  16. data/docs/components/alert-boxes.html.erb +0 -204
  17. data/docs/components/block-grid.html.erb +0 -132
  18. data/docs/components/breadcrumbs.html.erb +0 -156
  19. data/docs/components/button-groups.html.erb +0 -230
  20. data/docs/components/buttons.html.erb +0 -222
  21. data/docs/components/clearing.html.erb +0 -152
  22. data/docs/components/custom-forms.html.erb +0 -309
  23. data/docs/components/dropdown-buttons.html.erb +0 -235
  24. data/docs/components/dropdown.html.erb +0 -188
  25. data/docs/components/flex-video.html.erb +0 -95
  26. data/docs/components/forms.html.erb +0 -477
  27. data/docs/components/global.html.erb +0 -92
  28. data/docs/components/grid.html.erb +0 -366
  29. data/docs/components/inline-lists.html.erb +0 -91
  30. data/docs/components/joyride.html.erb +0 -183
  31. data/docs/components/keystrokes.html.erb +0 -76
  32. data/docs/components/kitchen-sink.html.erb +0 -870
  33. data/docs/components/labels.html.erb +0 -102
  34. data/docs/components/magellan.html.erb +0 -86
  35. data/docs/components/orbit.html.erb +0 -276
  36. data/docs/components/pagination.html.erb +0 -183
  37. data/docs/components/panels.html.erb +0 -123
  38. data/docs/components/pricing-tables.html.erb +0 -156
  39. data/docs/components/progress-bars.html.erb +0 -123
  40. data/docs/components/reveal.html.erb +0 -162
  41. data/docs/components/section.html.erb +0 -496
  42. data/docs/components/side-nav.html.erb +0 -124
  43. data/docs/components/split-buttons.html.erb +0 -220
  44. data/docs/components/sub-nav.html.erb +0 -122
  45. data/docs/components/switch.html.erb +0 -290
  46. data/docs/components/tables.html.erb +0 -125
  47. data/docs/components/thumbnails.html.erb +0 -89
  48. data/docs/components/tooltips.html.erb +0 -75
  49. data/docs/components/top-bar.html.erb +0 -283
  50. data/docs/components/type.html.erb +0 -396
  51. data/docs/components/visibility.html.erb +0 -110
  52. data/docs/config/deploy.rb +0 -36
  53. data/docs/config.ru +0 -12
  54. data/docs/controller.rb +0 -53
  55. data/docs/css/_coderay.scss +0 -116
  56. data/docs/css/_settings.scss +0 -1
  57. data/docs/css/docs.scss +0 -185
  58. data/docs/css/normalize.scss +0 -396
  59. data/docs/css/qunit-composite.css +0 -13
  60. data/docs/css/qunit.css +0 -235
  61. data/docs/faq.html.erb +0 -63
  62. data/docs/img/demos/demo1-th.jpg +0 -0
  63. data/docs/img/demos/demo1.jpg +0 -0
  64. data/docs/img/demos/demo2-th.jpg +0 -0
  65. data/docs/img/demos/demo2.jpg +0 -0
  66. data/docs/img/demos/demo3-th.jpg +0 -0
  67. data/docs/img/demos/demo3.jpg +0 -0
  68. data/docs/img/demos/demo4-th.jpg +0 -0
  69. data/docs/img/demos/demo4.jpg +0 -0
  70. data/docs/img/demos/demo5-th.jpg +0 -0
  71. data/docs/img/demos/demo5.jpg +0 -0
  72. data/docs/index.html.erb +0 -285
  73. data/docs/javascript.html.erb +0 -134
  74. data/docs/js/docs.js +0 -3
  75. data/docs/js/qunit-composite.js +0 -105
  76. data/docs/js/qunit.js +0 -1977
  77. data/docs/js/tests/tabs/simple_tabs.html +0 -57
  78. data/docs/js/tests/tabs/simple_tabs.js +0 -54
  79. data/docs/js/tests/tooltips/tooltips.html +0 -39
  80. data/docs/js/tests/tooltips/tooltips.js +0 -11
  81. data/docs/layout.html.erb +0 -128
  82. data/docs/media-queries.html.erb +0 -96
  83. data/docs/rails.html.erb +0 -76
  84. data/docs/rtl.html.erb +0 -53
  85. data/docs/sass.html.erb +0 -1295
  86. data/docs/support.html.erb +0 -143
  87. data/docs/test/_test-scripts.html.erb +0 -36
  88. data/docs/test/cards.html.erb +0 -77
  89. data/docs/test/flexbox-grid.html.erb +0 -68
  90. data/docs/test/flip-nav.html.erb +0 -54
  91. data/docs/test/layout.html.erb +0 -15
  92. data/docs/test/off-canvas1.html.erb +0 -64
  93. data/docs/test/off-canvas2.html.erb +0 -75
  94. data/docs/test/off-canvas3.html.erb +0 -65
  95. data/docs/test_layout.html.erb +0 -128
data/docs/components/keystrokes.html.erb DELETED
@@ -1,76 +0,0 @@
1
- <% @side_nav = "type" %>
2
-
3
- <div class="row">
4
- <div class="large-9 push-3 columns">
5
-
6
- <% @page_title = "Keystrokes" %>
7
- <div class="row">
8
- <div class="large-12 columns">
9
- <h2><%= @page_title %></h2>
10
- <h4 class="subheader">If you have keyboard affordances, you might need to explain them. To that end, there's a simple keystroke character affordance in Modularis.</h4>
11
- </div>
12
- </div>
13
-
14
- <div class="row">
15
- <div class="large-12 columns">
16
- <p>For example, to close your browser hit <kbd>Cmd</kbd> + <kbd>Q</kbd>. Don't actually do it. There's more docs to read.</p>
17
-
18
- <hr>
19
-
20
- <h3>Build With Predefined HTML Classes</h3>
21
- <p>There are two ways to build keystrokes in Modularis 4: with our predefined HTML or with our mixins. Building keystrokes using our predefined classes is simple, you simply wrap <code>kbd</code> or <code>.keystroke</code> around whatever you want to call out.</p>
22
-
23
- <%= code_example '
24
- <p>For example, to close your browser hit <kbd>Cmd</kbd> + <kbd>Q</kbd>', :html %>
25
-
26
- <p>For these styles to come across, make sure you have the default Modularis CSS package or that you've selected keystrokes from a custom package. These should be linked up following our <a href="../index.html">default HTML page structure.</a></p>
27
-
28
- <hr>
29
-
30
- <h3>Build with a Mixin</h3>
31
- <p>We've included SCSS mixins used to style keystrokes. To use the mixin, you'll need to have the <a href="../sass.html">extension installed</a> or grab <a href="https://github.com/themepile/modularis/blob/master/scss/modularis/_modularis-global.scss">_modularis-global.scss</a>, <a href="https://github.com/themepile/modularis/blob/master/scss/modularis/components/_global.scss">_global.scss</a> and <a href="https://github.com/themepile/modularis/blob/master/scss/modularis/components/_keystrokes.scss">_keystrokes.scss</a> from Github and throw them into a Modularis folder in your project directory. From there, you can import the files at the top of your own SCSS stylesheet, like so:</p>
32
-
33
- <%= code_example '
34
- @import "modularis/modularis-global", "modularis/components/global", "modularis/components/keystrokes";
35
- ', :css %>
36
-
37
- <h5>Quick Mixin</h5>
38
- <p>You can build your keystrokes using our global mixin by including it on your custom class or the <code>kbd</code> element in your own stylesheet. The mixin contains options for changing the background color, which also controls the border and text color. The rest of the defaults can be modified using the available variables. The global mixin looks like this:</p>
39
-
40
- <%= code_example '
41
- .your-class-name { @include keystroke($bg); }
42
-
43
- /* You can set the background color of your keystrokes, which also effects text and border */
44
- $bg: $keystroke-bg', :css %>
45
-
46
- <p class="custom-keystroke">Here's an example of a custom <kbd>keystroke</kbd> style.</p>
47
-
48
- <h5>Default SCSS Variables</h5>
49
-
50
- <%= code_example '
51
- /* We use these to control text styles. */
52
- $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
53
- $keystroke-font-size: emCalc(15px);
54
- $keystroke-font-color: #222;
55
- $keystroke-font-color-alt: #fff;
56
- $keystroke-function-factor: 7%;
57
-
58
- /* We use this to control keystroke padding. */
59
- $keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px);
60
-
61
- /* We use these to control background and border styles. */
62
- $keystroke-bg: darken(#fff, $keystroke-function-factor);
63
- $keystroke-border-style: solid;
64
- $keystroke-border-width: 1px;
65
- $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor);
66
- $keystroke-radius: $global-radius;', :css %>
67
-
68
- <p><strong>Note:</strong> <code>emCalc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>. It is included in <strong>_modularis-global.scss</strong>.</p>
69
-
70
- </div>
71
- </div>
72
- </div>
73
- <div class="large-3 pull-9 columns">
74
- <%= render "_sidebar-components.html.erb" %>
75
- </div>
76
- </div>