magic_stylez 0.0.0.13 → 0.0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -1
  3. data/lib/magic_stylez/engine.rb +3 -6
  4. data/lib/magic_stylez/version.rb +1 -1
  5. data/test/dummy/app/assets/javascripts/app.js.coffee +41 -18
  6. data/test/dummy/app/assets/javascripts/application.js +1 -0
  7. data/test/dummy/app/assets/javascripts/assets.js.coffee.erb +29 -0
  8. data/test/dummy/app/assets/javascripts/blank.js +14 -0
  9. data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +13 -3
  10. data/test/dummy/app/assets/javascripts/views/effects/shadows.jst.eco +24 -24
  11. data/test/dummy/app/assets/javascripts/views/elements/buttons.jst.eco +131 -0
  12. data/test/dummy/app/assets/javascripts/views/elements/circle_diagram.jst.eco +67 -0
  13. data/test/dummy/app/assets/javascripts/views/elements/inputs.jst.eco +185 -0
  14. data/test/dummy/app/assets/javascripts/views/{elements → helper}/arrow_infos.jst.eco +5 -5
  15. data/test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco +33 -0
  16. data/test/dummy/app/assets/javascripts/views/helper/divider.jst.eco +82 -0
  17. data/test/dummy/app/assets/javascripts/views/helper/three_previews.jst.eco +46 -0
  18. data/test/dummy/app/assets/javascripts/views/icons/glyphicons.jst.eco +24 -0
  19. data/test/dummy/app/assets/javascripts/views/icons/icomoon.jst.eco +24 -0
  20. data/test/dummy/app/assets/javascripts/views/icons/magicons.jst.eco +25 -0
  21. data/test/dummy/app/assets/javascripts/views/icons/olicons.jst.eco +1774 -0
  22. data/test/dummy/app/assets/javascripts/views/templates/fixed_header.jst.eco +5 -0
  23. data/test/dummy/app/assets/javascripts/views/templates/responsive_slidebar.jst.eco +5 -0
  24. data/test/dummy/app/assets/stylesheets/application.css.scss +80 -31
  25. data/test/dummy/app/controllers/front_controller.rb +11 -0
  26. data/test/dummy/app/views/front/_aside.html.erb +27 -28
  27. data/test/dummy/app/views/front/start.html.erb +13 -3
  28. data/test/dummy/app/views/front/templates.html.erb +85 -0
  29. data/test/dummy/app/views/layouts/application.html.erb +0 -2
  30. data/test/dummy/app/views/layouts/blank.html.erb +17 -0
  31. data/test/dummy/app/views/templates/_lorem.html.erb +89 -0
  32. data/test/dummy/app/views/templates/fixed-header.html.erb +53 -0
  33. data/test/dummy/app/views/templates/responsive-slidebar.html.erb +55 -0
  34. data/test/dummy/config/application.rb +1 -0
  35. data/test/dummy/config/routes.rb +7 -0
  36. data/test/dummy/public/html/fixed-header.html.erb +158 -0
  37. data/test/dummy/public/html/index.html +173 -0
  38. data/test/dummy/public/html/responsive-slidebar.html.erb +160 -0
  39. data/vendor/assets/fonts/magic/icomoon.eot +0 -0
  40. data/vendor/assets/fonts/magic/icomoon.svg +461 -0
  41. data/vendor/assets/fonts/magic/icomoon.ttf +0 -0
  42. data/vendor/assets/fonts/magic/icomoon.woff +0 -0
  43. data/vendor/assets/images/magic/helper/blank_10.png +0 -0
  44. data/vendor/assets/images/magic/helper/white_10.png +0 -0
  45. data/vendor/assets/javascripts/magic/circle_diagram.js.coffee +146 -0
  46. data/vendor/assets/javascripts/magic/collapse.js.coffee +11 -0
  47. data/vendor/assets/javascripts/magic/helper.js.coffee +19 -0
  48. data/vendor/assets/javascripts/magic-min.js.coffee +22 -0
  49. data/vendor/assets/javascripts/magic-stylez.js.coffee +5 -0
  50. data/vendor/assets/stylesheets/magic/content/_box.scss +14 -5
  51. data/vendor/assets/stylesheets/magic/content/_buttons.scss +285 -0
  52. data/vendor/assets/stylesheets/magic/content/_forms.scss +2 -70
  53. data/vendor/assets/stylesheets/magic/content/_inputs.scss +149 -0
  54. data/vendor/assets/stylesheets/magic/content/_navbar.scss +59 -0
  55. data/vendor/assets/stylesheets/magic/corporate/_fonts.scss +1 -1
  56. data/vendor/assets/stylesheets/magic/corporate/_typo.scss +8 -1
  57. data/vendor/assets/stylesheets/magic/corporate/_variables.scss +1 -3
  58. data/vendor/assets/stylesheets/magic/effects/_noise.scss +36 -0
  59. data/vendor/assets/stylesheets/magic/effects/_shadows.scss +22 -22
  60. data/vendor/assets/stylesheets/magic/elements/_circle_diagram.scss +214 -0
  61. data/vendor/assets/stylesheets/magic/helper/_all.scss +5 -0
  62. data/vendor/assets/stylesheets/magic/helper/_arrow_hints.scss +28 -0
  63. data/vendor/assets/stylesheets/magic/helper/_crossed.scss +22 -0
  64. data/vendor/assets/stylesheets/magic/helper/_divider.scss +48 -0
  65. data/vendor/assets/stylesheets/magic/helper/_dots.scss +26 -0
  66. data/vendor/assets/stylesheets/magic/helper/_three_previews.scss +33 -0
  67. data/vendor/assets/stylesheets/magic/icons/icomoon.scss +1392 -0
  68. data/vendor/assets/stylesheets/magic/layout/_section.scss +18 -2
  69. data/vendor/assets/stylesheets/magic/lib/_animation.scss +0 -6
  70. data/vendor/assets/stylesheets/magic/lib/_helper.scss +92 -0
  71. data/vendor/assets/stylesheets/magic/{layout → xxx}/_body.scss +0 -0
  72. data/vendor/assets/stylesheets/magic/{content → xxx}/_header.scss +0 -0
  73. data/vendor/assets/stylesheets/magic-stylez.scss +18 -79
  74. metadata +103 -41
  75. data/test/dummy/app/assets/javascripts/views/elements/icons.jst.eco +0 -9004
  76. data/test/dummy/public/xindex.html +0 -136
  77. data/vendor/assets/stylesheets/magic/content/_helper.scss +0 -70
@@ -1,136 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html>
4
- <head>
5
- <title>Magic-Stylez</title>
6
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-d3b122d8f6ce4793a8ceb1d31804b121.css" media="all" rel="stylesheet" />
7
- <script src="//berlinmagic.github.io/magic_stylez/assets/application-c68ef355ce4745be03906d4a0f53c9af.js"></script>
8
- <meta content="authenticity_token" name="csrf-param" />
9
- <meta content="uKLQd8KLrMO0Y3oCkfRa7d4nsAzXbyXO6P0G/6jXoB8=" name="csrf-token" />
10
- <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
11
- <script type="text/javascript" charset="utf-8">
12
- App = {};
13
- App.Environment = "production";
14
- </script>
15
- </head>
16
- <body>
17
-
18
- <div id="aside">
19
- <div class="aside-content">
20
-
21
-
22
- <ul class="nav_list dark">
23
- <li class="current active"><a class="app_lnk lst_lnk" data-target="" href="#">Magic-Stylez</a></li>
24
-
25
- <li><a class="lst_lnk" href="#">Layout</a>
26
- <ul class="sub_nav">
27
- <li><a class="app_lnk lst_lnk" data-target="layout/section" href="#">Section</a></li>
28
- <li><a class="app_lnk lst_lnk" data-target="layout/corset" href="#">Corset</a></li>
29
- <li><a class="app_lnk lst_lnk" data-target="layout/fullpage_table" href="#">Fullpage Table</a></li>
30
- </ul>
31
- </li>
32
-
33
- <li><a class="lst_lnk" href="#">Elements</a>
34
- <ul class="sub_nav">
35
- <li><a class="app_lnk lst_lnk" data-target="elements/arrow_infos" href="#">Arrow Infos</a></li>
36
- <li><a class="app_lnk lst_lnk" data-target="elements/icons" href="#">Icons</a></li>
37
- </ul>
38
- </li>
39
-
40
-
41
- <li><a class="lst_lnk" href="#">Effects</a>
42
- <ul class="sub_nav">
43
- <li><a class="app_lnk lst_lnk" data-target="effects/reflections" href="#">Reflections</a></li>
44
- <li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">Shadows</a></li>
45
- </ul>
46
- </li>
47
- </ul>
48
-
49
-
50
- </div>
51
- </div>
52
- <div class="clearfix"></div>
53
- <div id="app_content">
54
- <div class="section head">
55
- <div class="corset">
56
- <h1>magic-stylez</h1>
57
- </div>
58
- </div>
59
-
60
-
61
- <div class="section flatted">
62
- <div class="corset">
63
- <p class="loud"><em>Some style helpers used in a lot of our apps.</em></p>
64
- </div>
65
- </div>
66
-
67
- <div class="section compact hard-top">
68
- <div class="corset center_text">
69
- <h2>Warning</h2>
70
- <p class="loud">This Gem is still work in process, it is not used in a production app!</p>
71
- <p class="loud">Its just the start to outsource my style framework (I mostly rebuild for every app).</p>
72
- <p class="loud">It is mostly driven by my own habits, so I don't know if its usefull for others.</p>
73
- </div>
74
- </div>
75
-
76
- <div class="section compact hard-top">
77
- <div class="corset">
78
- <h3>Dependencies</h3>
79
- <ul>
80
- <li><a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a></li>
81
- <li><a href="http://bourbon.io/" target="_blank">bourbon</a></li>
82
- </ul>
83
- </div>
84
- </div>
85
-
86
- <div class="section compact">
87
- <div class="corset">
88
- <h3>Thanks</h3>
89
- <p class="loud">
90
- A lot of code for this gem is taken from <a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a>,
91
- so thank you guys for the great work.</br>
92
- Same goes for <a href="http://bourbon.io/" target="_blank">bourbon</a> thanks for a lightweight helper set.
93
- </p>
94
- <p class="loud">Also thanks to all the people, how share their knowlegde on <a href="http://stackoverflow.com/" target="_blank">stackoverflow</a>.</p>
95
- </div>
96
- </div>
97
-
98
- <div class="section compact">
99
- <div class="corset">
100
- <h3>Authors</h3>
101
- <ul>
102
- <li><a href="http://twetzel.github.io/" target="_blank">Torsten Wetzel</a></li>
103
- <li>many others ...</li>
104
- </ul>
105
- </div>
106
- </div>
107
-
108
- <div class="section compact">
109
- <div class="corset">
110
- <h3>License</h3>
111
- <p class="loud">MIT-License</p>
112
- </div>
113
- </div>
114
-
115
-
116
-
117
-
118
-
119
-
120
- <div class="section shine-top flat-bottom">
121
- <div class="corset">
122
- <p class="center_text">&copy; 2014 Torsten Wetzel (berlinmagic UG)</p>
123
- </div>
124
- </div>
125
-
126
-
127
-
128
-
129
-
130
-
131
-
132
- </div>
133
- <div class="clearfix"></div>
134
-
135
- </body>
136
- </html>
@@ -1,70 +0,0 @@
1
- .divider {
2
- display: block; position: relative;
3
- background: inherit;
4
- text-align: center;
5
- span {
6
- display: inline-block; position: relative;
7
- margin: 0 auto; padding: 0 15px;
8
- background: inherit;
9
- z-index: 3;
10
- &.white-bg { background: #fff; }
11
- }
12
- &:after {
13
- display: block; position: absolute; content: "";
14
- margin: 0; padding: 0;
15
- top: 50%; height: 1px;
16
- left: 0; right: 0;
17
- background: #ccc;
18
- z-index: 1;
19
- }
20
- }
21
-
22
- .dot {
23
- display: block; display: inline-block; position: relative;
24
- width: 10px; height: 10px;
25
- @include border-radius( 15px );
26
- border: solid 1px $main-border-color;
27
- &.ok { background: #55b8f7; border: solid 1px darken( #55b8f7, 10% ); }
28
- &.warning { background: #f9a538; border: solid 1px darken( #f9a538, 10% ); }
29
- }
30
-
31
-
32
- .number_dot {
33
- display: inline-block;
34
- height: 92px;
35
- line-height: 82px;
36
- width: 92px;
37
- text-align: center;
38
- @include border-radius( 100px );
39
- @include box-shadow (inset 0 1px 1px 0 rgba(51,102,153,0.4));
40
- text-shadow: 0 2px rgba(51,102,153,0.4);
41
- border: solid 5px #fff;
42
- color: #fff;
43
- background-color: $pink;
44
- font-size: 40px;
45
- font-weight: 800;
46
- margin: 0 auto 10px;
47
- }
48
-
49
-
50
- .striked {
51
- display: inline-block;
52
- position: relative;
53
- &:before, &:after {
54
- display: block; position: absolute; content: "";
55
- margin: 0; padding: 0;
56
- }
57
- &:before {
58
- top: -10px; right: -10px; bottom: -6px; left: -8px;
59
- background:transparent image-url('magic/helper/crossed.png') center center no-repeat;
60
- background-size: contain;
61
- }
62
- &:after {
63
- bottom: 100%;
64
- left: 42%;
65
- content: attr(data-text);
66
- color: #369;
67
- font-size: 90%;
68
- font-style: italic;
69
- }
70
- }