magic_stylez 0.0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +11 -0
- data/Gemfile +14 -0
- data/MIT-LICENSE +20 -0
- data/README.md +33 -0
- data/Rakefile +32 -0
- data/lib/magic_stylez/engine.rb +10 -0
- data/lib/magic_stylez/version.rb +3 -0
- data/lib/magic_stylez.rb +53 -0
- data/lib/tasks/magic_stylez_tasks.rake +4 -0
- data/magic_stylez.gemspec +38 -0
- data/test/dummy/README.rdoc +28 -0
- data/test/dummy/Rakefile +6 -0
- data/test/dummy/app/assets/images/.keep +0 -0
- data/test/dummy/app/assets/javascripts/application.js +15 -0
- data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +71 -0
- data/test/dummy/app/assets/javascripts/views/effects/reflections.jst.eco +70 -0
- data/test/dummy/app/assets/javascripts/views/effects/shadows.jst.eco +1528 -0
- data/test/dummy/app/assets/javascripts/views/elements/arrow_infos.jst.eco +46 -0
- data/test/dummy/app/assets/javascripts/views/layout/corset.jst.eco +27 -0
- data/test/dummy/app/assets/javascripts/views/layout/fullpage_table.jst.eco +76 -0
- data/test/dummy/app/assets/javascripts/views/layout/section.jst.eco +109 -0
- data/test/dummy/app/assets/javascripts/views/layout/slide_boxes.jst.eco +33 -0
- data/test/dummy/app/assets/stylesheets/application.css.scss +180 -0
- data/test/dummy/app/controllers/application_controller.rb +6 -0
- data/test/dummy/app/controllers/concerns/.keep +0 -0
- data/test/dummy/app/controllers/front_controller.rb +7 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/mailers/.keep +0 -0
- data/test/dummy/app/models/.keep +0 -0
- data/test/dummy/app/models/concerns/.keep +0 -0
- data/test/dummy/app/views/front/_aside.html.erb +36 -0
- data/test/dummy/app/views/front/start.html.erb +77 -0
- data/test/dummy/app/views/layouts/application.html.erb +24 -0
- data/test/dummy/bin/bundle +3 -0
- data/test/dummy/bin/rails +4 -0
- data/test/dummy/bin/rake +4 -0
- data/test/dummy/config/application.rb +32 -0
- data/test/dummy/config/boot.rb +5 -0
- data/test/dummy/config/database.yml +25 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +49 -0
- data/test/dummy/config/environments/production.rb +88 -0
- data/test/dummy/config/environments/test.rb +39 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/initializers/session_store.rb +3 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +23 -0
- data/test/dummy/config/routes.rb +61 -0
- data/test/dummy/config/secrets.yml +20 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/lib/assets/.keep +0 -0
- data/test/dummy/log/.keep +0 -0
- data/test/dummy/public/404.html +67 -0
- data/test/dummy/public/422.html +67 -0
- data/test/dummy/public/500.html +66 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/dummy/public/xindex.html +135 -0
- data/test/magic_stylez_test.rb +7 -0
- data/test/test_helper.rb +21 -0
- data/vendor/assets/filter/magic/filter.svg +10 -0
- data/vendor/assets/filter/magic/noise.svg +70 -0
- data/vendor/assets/fonts/magic/magicons-regular-webfont.eot +0 -0
- data/vendor/assets/fonts/magic/magicons-regular-webfont.svg +461 -0
- data/vendor/assets/fonts/magic/magicons-regular-webfont.ttf +0 -0
- data/vendor/assets/fonts/magic/magicons-regular-webfont.woff +0 -0
- data/vendor/assets/fonts/magic/orderlifticons-webfont.eot +0 -0
- data/vendor/assets/fonts/magic/orderlifticons-webfont.svg +172 -0
- data/vendor/assets/fonts/magic/orderlifticons-webfont.ttf +0 -0
- data/vendor/assets/fonts/magic/orderlifticons-webfont.woff +0 -0
- data/vendor/assets/images/magic/arrows/arrow-round1-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow-round1-b.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow-round2-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow-round2-b.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow1-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow1-b.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow1.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow2-1.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow2-2.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow2-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow2-b.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow3-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow3-b.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow4-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow4-b.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow5-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow5-b.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow6-a.png +0 -0
- data/vendor/assets/images/magic/arrows/arrow6-b.png +0 -0
- data/vendor/assets/images/magic/bgs/hdr_landsberger.jpg +0 -0
- data/vendor/assets/images/magic/bgs/rain-flower.jpg +0 -0
- data/vendor/assets/images/magic/bgs/seucide.jpg +0 -0
- data/vendor/assets/javascripts/magic/render_eco.js.coffee +9 -0
- data/vendor/assets/javascripts/magic-stylez.js.coffee +49 -0
- data/vendor/assets/stylesheets/magic/_animation.scss +3 -0
- data/vendor/assets/stylesheets/magic/_forms.scss +42 -0
- data/vendor/assets/stylesheets/magic/_text.scss +41 -0
- data/vendor/assets/stylesheets/magic/content/_banner.scss +77 -0
- data/vendor/assets/stylesheets/magic/corporate/_colors.scss +244 -0
- data/vendor/assets/stylesheets/magic/corporate/_fonts.scss +152 -0
- data/vendor/assets/stylesheets/magic/corporate/_typo.scss +57 -0
- data/vendor/assets/stylesheets/magic/corporate/_variables.scss +636 -0
- data/vendor/assets/stylesheets/magic/effects/_reflections.scss +52 -0
- data/vendor/assets/stylesheets/magic/effects/_shadows.scss +255 -0
- data/vendor/assets/stylesheets/magic/icons/magicons.scss +706 -0
- data/vendor/assets/stylesheets/magic/icons/orderlifticons.scss +258 -0
- data/vendor/assets/stylesheets/magic/layout/_corset.scss +60 -0
- data/vendor/assets/stylesheets/magic/layout/_fullpage_table.scss +176 -0
- data/vendor/assets/stylesheets/magic/layout/_section.scss +126 -0
- data/vendor/assets/stylesheets/magic/layout/_tables.scss +513 -0
- data/vendor/assets/stylesheets/magic/lib/_cross_browser.scss +51 -0
- data/vendor/assets/stylesheets/magic/lib/_media_querries.scss +59 -0
- data/vendor/assets/stylesheets/magic/lib/_twbs.scss +55 -0
- data/vendor/assets/stylesheets/magic/lists/_nav.scss +207 -0
- data/vendor/assets/stylesheets/magic-stylez.scss +140 -0
- metadata +397 -0
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
|
|
2
|
+
<!DOCTYPE html>
|
|
3
|
+
<html>
|
|
4
|
+
<head>
|
|
5
|
+
<title>Magic-Stylez</title>
|
|
6
|
+
<link href="//berlinmagic.github.io/magic_stylez/assets/application-0fd8e069982889b5803466f8147bbaf2.css" media="all" rel="stylesheet" />
|
|
7
|
+
<script src="//berlinmagic.github.io/magic_stylez/assets/application-e4b9d00f9d991d06f0f4dfb825a45cb8.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" 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
|
+
</ul>
|
|
37
|
+
</li>
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
<li><a class="lst_lnk" href="#">Effects</a>
|
|
41
|
+
<ul class="sub_nav">
|
|
42
|
+
<li><a class="app_lnk lst_lnk" data-target="effects/reflections" href="#">Reflections</a></li>
|
|
43
|
+
<li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">Shadows</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
</li>
|
|
46
|
+
</ul>
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="clearfix"></div>
|
|
52
|
+
<div id="app_content">
|
|
53
|
+
<div class="section head">
|
|
54
|
+
<div class="corset">
|
|
55
|
+
<h1>magic-stylez</h1>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
<div class="section flatted">
|
|
61
|
+
<div class="corset">
|
|
62
|
+
<p class="loud"><em>Some style helpers used in a lot of our apps.</em></p>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div class="section compact hard-top">
|
|
67
|
+
<div class="corset center_text">
|
|
68
|
+
<h2>Warning</h2>
|
|
69
|
+
<p class="loud">This Gem is still work in process, it is not used in a production app!</p>
|
|
70
|
+
<p class="loud">Its just the start to outsource my style framework (I mostly rebuild for every app).</p>
|
|
71
|
+
<p class="loud">It is mostly driven by my own habits, so I don't know if its usefull for others.</p>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<div class="section compact hard-top">
|
|
76
|
+
<div class="corset">
|
|
77
|
+
<h3>Dependencies</h3>
|
|
78
|
+
<ul>
|
|
79
|
+
<li><a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a></li>
|
|
80
|
+
<li><a href="http://bourbon.io/" target="_blank">bourbon</a></li>
|
|
81
|
+
</ul>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
|
|
85
|
+
<div class="section compact">
|
|
86
|
+
<div class="corset">
|
|
87
|
+
<h3>Thanks</h3>
|
|
88
|
+
<p class="loud">
|
|
89
|
+
A lot of code for this gem is taken from <a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a>,
|
|
90
|
+
so thank you guys for the great work.</br>
|
|
91
|
+
Same goes for <a href="http://bourbon.io/" target="_blank">bourbon</a> thanks for a lightweight helper set.
|
|
92
|
+
</p>
|
|
93
|
+
<p class="loud">Also thanks to all the people, how share their knowlegde on <a href="http://stackoverflow.com/" target="_blank">stackoverflow</a>.</p>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
<div class="section compact">
|
|
98
|
+
<div class="corset">
|
|
99
|
+
<h3>Authors</h3>
|
|
100
|
+
<ul>
|
|
101
|
+
<li><a href="http://twetzel.github.io/" target="_blank">Torsten Wetzel</a></li>
|
|
102
|
+
<li>many others ...</li>
|
|
103
|
+
</ul>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
|
|
107
|
+
<div class="section compact">
|
|
108
|
+
<div class="corset">
|
|
109
|
+
<h3>License</h3>
|
|
110
|
+
<p class="loud">MIT-License</p>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
<div class="section shine-top flat-bottom">
|
|
120
|
+
<div class="corset">
|
|
121
|
+
<p class="center_text">© 2014 Torsten Wetzel (berlinmagic UG)</p>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
</div>
|
|
132
|
+
<div class="clearfix"></div>
|
|
133
|
+
|
|
134
|
+
</body>
|
|
135
|
+
</html>
|
data/test/test_helper.rb
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Configure Rails Environment
|
|
2
|
+
ENV["RAILS_ENV"] = "test"
|
|
3
|
+
|
|
4
|
+
require File.expand_path("../dummy/config/environment.rb", __FILE__)
|
|
5
|
+
|
|
6
|
+
require 'test/unit'
|
|
7
|
+
|
|
8
|
+
require 'sass'
|
|
9
|
+
require 'lib/bootstrap-sass/sass_functions'
|
|
10
|
+
|
|
11
|
+
require "rails/test_help"
|
|
12
|
+
|
|
13
|
+
Rails.backtrace_cleaner.remove_silencers!
|
|
14
|
+
|
|
15
|
+
# Load support files
|
|
16
|
+
Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }
|
|
17
|
+
|
|
18
|
+
# Load fixtures from the engine
|
|
19
|
+
if ActiveSupport::TestCase.method_defined?(:fixture_path=)
|
|
20
|
+
ActiveSupport::TestCase.fixture_path = File.expand_path("../fixtures", __FILE__)
|
|
21
|
+
end
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<?xml version="1.0" standalone="no"?>
|
|
2
|
+
<svg width="1" height="1" version="1.1"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4
|
+
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
5
|
+
<defs>
|
|
6
|
+
<filter id="blur">
|
|
7
|
+
<feGaussianBlur in="SourceGraphic" stdDeviation="2 3" />
|
|
8
|
+
</filter>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
<?xml version="1.0"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
|
|
3
|
+
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg width="450px" height="325px" viewBox="0 0 450 325"
|
|
5
|
+
xmlns="http://www.w3.org/2000/svg" version="1.1">
|
|
6
|
+
<title>Example feTurbulence - Examples of feTurbulence operations</title>
|
|
7
|
+
<desc>Six rectangular areas showing the effects of
|
|
8
|
+
various parameter settings for feTurbulence.</desc>
|
|
9
|
+
<g font-family="Verdana" text-anchor="middle" font-size="10" >
|
|
10
|
+
<defs>
|
|
11
|
+
<filter id="Turb1" filterUnits="objectBoundingBox"
|
|
12
|
+
x="0%" y="0%" width="100%" height="100%">
|
|
13
|
+
<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/>
|
|
14
|
+
</filter>
|
|
15
|
+
<filter id="Turb2" filterUnits="objectBoundingBox"
|
|
16
|
+
x="0%" y="0%" width="100%" height="100%">
|
|
17
|
+
<feTurbulence type="turbulence" baseFrequency="0.1" numOctaves="2"/>
|
|
18
|
+
</filter>
|
|
19
|
+
<filter id="Turb3" filterUnits="objectBoundingBox"
|
|
20
|
+
x="0%" y="0%" width="100%" height="100%">
|
|
21
|
+
<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="8"/>
|
|
22
|
+
</filter>
|
|
23
|
+
<filter id="Turb4" filterUnits="objectBoundingBox"
|
|
24
|
+
x="0%" y="0%" width="100%" height="100%">
|
|
25
|
+
<feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="4"/>
|
|
26
|
+
</filter>
|
|
27
|
+
<filter id="Turb5" filterUnits="objectBoundingBox"
|
|
28
|
+
x="0%" y="0%" width="100%" height="100%">
|
|
29
|
+
<feTurbulence type="fractalNoise" baseFrequency="0.4" numOctaves="4"/>
|
|
30
|
+
</filter>
|
|
31
|
+
<filter id="Turb6" filterUnits="objectBoundingBox"
|
|
32
|
+
x="0%" y="0%" width="100%" height="100%">
|
|
33
|
+
<feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="1"/>
|
|
34
|
+
</filter>
|
|
35
|
+
</defs>
|
|
36
|
+
|
|
37
|
+
<rect x="1" y="1" width="448" height="323"
|
|
38
|
+
fill="none" stroke="blue" stroke-width="1" />
|
|
39
|
+
|
|
40
|
+
<rect x="25" y="25" width="100" height="75" filter="url(#Turb1)" />
|
|
41
|
+
<text x="75" y="117">type=turbulence</text>
|
|
42
|
+
<text x="75" y="129">baseFrequency=0.05</text>
|
|
43
|
+
<text x="75" y="141">numOctaves=2</text>
|
|
44
|
+
|
|
45
|
+
<rect x="175" y="25" width="100" height="75" filter="url(#Turb2)" />
|
|
46
|
+
<text x="225" y="117">type=turbulence</text>
|
|
47
|
+
<text x="225" y="129">baseFrequency=0.1</text>
|
|
48
|
+
<text x="225" y="141">numOctaves=2</text>
|
|
49
|
+
|
|
50
|
+
<rect x="325" y="25" width="100" height="75" filter="url(#Turb3)" />
|
|
51
|
+
<text x="375" y="117">type=turbulence</text>
|
|
52
|
+
<text x="375" y="129">baseFrequency=0.05</text>
|
|
53
|
+
<text x="375" y="141">numOctaves=8</text>
|
|
54
|
+
|
|
55
|
+
<rect x="25" y="180" width="100" height="75" filter="url(#Turb4)" />
|
|
56
|
+
<text x="75" y="272">type=fractalNoise</text>
|
|
57
|
+
<text x="75" y="284">baseFrequency=0.1</text>
|
|
58
|
+
<text x="75" y="296">numOctaves=4</text>
|
|
59
|
+
|
|
60
|
+
<rect x="175" y="180" width="100" height="75" filter="url(#Turb5)" />
|
|
61
|
+
<text x="225" y="272">type=fractalNoise</text>
|
|
62
|
+
<text x="225" y="284">baseFrequency=0.4</text>
|
|
63
|
+
<text x="225" y="296">numOctaves=4</text>
|
|
64
|
+
|
|
65
|
+
<rect x="325" y="180" width="100" height="75" filter="url(#Turb6)" />
|
|
66
|
+
<text x="375" y="272">type=fractalNoise</text>
|
|
67
|
+
<text x="375" y="284">baseFrequency=0.1</text>
|
|
68
|
+
<text x="375" y="296">numOctaves=1</text>
|
|
69
|
+
</g>
|
|
70
|
+
</svg>
|
|
Binary file
|