stylio 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 +9 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +21 -0
- data/README.md +62 -0
- data/Rakefile +10 -0
- data/bin/console +14 -0
- data/bin/setup +7 -0
- data/bin/stylio +15 -0
- data/config.ru +5 -0
- data/lib/stylio/app.rb +74 -0
- data/lib/stylio/assets.rb +52 -0
- data/lib/stylio/version.rb +3 -0
- data/lib/stylio/views/component.erb +9 -0
- data/lib/stylio/views/components.erb +8 -0
- data/lib/stylio/views/elements.erb +151 -0
- data/lib/stylio/views/header.erb +3 -0
- data/lib/stylio/views/layout.erb +1 -0
- data/lib/stylio/views/layouts.erb +8 -0
- data/lib/stylio/views/menu.erb +8 -0
- data/lib/stylio/views/styleguide.erb +3 -0
- data/lib/stylio.rb +5 -0
- data/stylio.gemspec +29 -0
- metadata +154 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 0d805b18c5b21f6a6ea8a44f875e57ac6618a914
|
4
|
+
data.tar.gz: 7cdf42da621a213e63cb6b3b63c4f65a77b21b73
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 8b0a7ddeedb38269effe59375123ab5aab472c23e4347f467629fea08d136a2a52d8c07c11b16d9371be49c0e6e41c418955d0fd7ddbefa112aa7a4fa6353067
|
7
|
+
data.tar.gz: a3543ed4ef9d6d543c3bf1961b385a718c393ec44adc440dab0292a26df5a5e21ab078d0599a844fbe2b2872c582906bc6c515095d6dbac571a194eb60784716
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2016 Substrakt
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
13
|
+
all copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,62 @@
|
|
1
|
+
# Stylio
|
2
|
+
|
3
|
+
Stylio is a Sinatra based frameowrk to make a living styleguide that can easily be ported into a Rails application.
|
4
|
+
|
5
|
+
Currently supports Sass and ERB
|
6
|
+
|
7
|
+
## Installation
|
8
|
+
|
9
|
+
Add this line to your application's Gemfile:
|
10
|
+
|
11
|
+
```ruby
|
12
|
+
gem 'stylio'
|
13
|
+
```
|
14
|
+
|
15
|
+
And then execute:
|
16
|
+
|
17
|
+
`bundle install`
|
18
|
+
|
19
|
+
Or install it yourself as:
|
20
|
+
|
21
|
+
`gem install stylio`
|
22
|
+
|
23
|
+
Add framework folders
|
24
|
+
|
25
|
+
`mkdir components && mkdir layouts`
|
26
|
+
|
27
|
+
## Usage
|
28
|
+
|
29
|
+
Run `stylio` in your project folder to start the server.
|
30
|
+
|
31
|
+
See (stylio-example)[http://github.com/substrakt/stylio-example] to see an example setup.
|
32
|
+
|
33
|
+
Stylesheets are added to the `assets/stylesheets` folder which you will need to create.
|
34
|
+
|
35
|
+
## Adding components
|
36
|
+
|
37
|
+
`mkdir COMPONENT_NAME` and then add two files in this folder:
|
38
|
+
|
39
|
+
An erb partial `touch _COMPONENT_NAME.html.erb`
|
40
|
+
A fixture file `touch COMPONENT_NAME.yml`
|
41
|
+
|
42
|
+
The root level yaml parameters create multiple examples of the partial. Any data below the root level is accessed in the partial e.g. `<%= params[:title] %>`
|
43
|
+
|
44
|
+
See (stylio-example)[http://github.com/substrakt/stylio-example] to see an example setup.
|
45
|
+
|
46
|
+
## Adding layouts
|
47
|
+
|
48
|
+
`mkdir LAYOUT_NAME` and then add a file in this folder:
|
49
|
+
|
50
|
+
An erb template `touch LAYOUT_NAME.html.erb`
|
51
|
+
|
52
|
+
No parameters can be referenced on this page except for `<%= yield_example %>`. When moving to a Rails app, simply change `yield_example` to `yield`
|
53
|
+
|
54
|
+
See (stylio-example)[http://github.com/substrakt/stylio-example] to see an example setup.
|
55
|
+
|
56
|
+
## Contributing
|
57
|
+
|
58
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/substrakt/stylio. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](contributor-covenant.org) code of conduct.
|
59
|
+
|
60
|
+
## License
|
61
|
+
|
62
|
+
The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
data/Rakefile
ADDED
data/bin/console
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
#!/usr/bin/env ruby
|
2
|
+
|
3
|
+
require "bundler/setup"
|
4
|
+
require "stylio"
|
5
|
+
|
6
|
+
# You can add fixtures and/or initialization code here to make experimenting
|
7
|
+
# with your gem easier. You can also use a different console, if you like.
|
8
|
+
|
9
|
+
# (If you use this, don't forget to add pry to your Gemfile!)
|
10
|
+
# require "pry"
|
11
|
+
# Pry.start
|
12
|
+
|
13
|
+
require "irb"
|
14
|
+
IRB.start
|
data/bin/setup
ADDED
data/bin/stylio
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
#!/usr/bin/env ruby
|
2
|
+
|
3
|
+
lib = File.expand_path(File.dirname(__FILE__) + '/../lib')
|
4
|
+
$LOAD_PATH.unshift(lib) if File.directory?(lib) && !$LOAD_PATH.include?(lib)
|
5
|
+
|
6
|
+
require 'bundler/setup'
|
7
|
+
require 'stylio'
|
8
|
+
|
9
|
+
args = ARGV.dup
|
10
|
+
ARGV.clear
|
11
|
+
command = args.shift.strip rescue 'help'
|
12
|
+
|
13
|
+
Stylio::App.new
|
14
|
+
Stylio::App.set :app_path, Dir.pwd
|
15
|
+
Stylio::App.run!
|
data/config.ru
ADDED
data/lib/stylio/app.rb
ADDED
@@ -0,0 +1,74 @@
|
|
1
|
+
require 'sinatra'
|
2
|
+
require 'yaml'
|
3
|
+
|
4
|
+
module Stylio
|
5
|
+
class App < Sinatra::Base
|
6
|
+
enable :run
|
7
|
+
register Sinatra::Assets
|
8
|
+
Bundler.require :default
|
9
|
+
|
10
|
+
set :root, File.realpath(File.dirname(__FILE__))
|
11
|
+
set :app_path, ''
|
12
|
+
set :views, [settings.app_path, File.join(settings.root, 'views')]
|
13
|
+
set :assets, File.join(settings.app_path, 'assets')
|
14
|
+
set :components, File.join(settings.app_path, 'components')
|
15
|
+
set :layouts, File.join(settings.app_path, 'layouts')
|
16
|
+
set :styles, File.join(settings.app_path, 'assets', 'stylesheets')
|
17
|
+
|
18
|
+
get '/' do
|
19
|
+
erb :elements, layout: :styleguide
|
20
|
+
end
|
21
|
+
|
22
|
+
get '/elements' do
|
23
|
+
erb :elements, layout: :styleguide
|
24
|
+
end
|
25
|
+
|
26
|
+
get '/components' do
|
27
|
+
components = File.join(settings.app_path, 'components')
|
28
|
+
directories = Dir.entries(components).select {|f| !File.directory? f}
|
29
|
+
erb :components,
|
30
|
+
locals: {
|
31
|
+
components: directories
|
32
|
+
}, layout: :styleguide
|
33
|
+
end
|
34
|
+
|
35
|
+
get '/components/:id' do
|
36
|
+
name = params[:id]
|
37
|
+
path = File.join(settings.app_path, 'components', name)
|
38
|
+
|
39
|
+
erb :component,
|
40
|
+
locals: {
|
41
|
+
name: name,
|
42
|
+
path: path,
|
43
|
+
fixtures: YAML.load_file(File.join(path, "#{ name }.yml"))
|
44
|
+
}, layout: :styleguide
|
45
|
+
end
|
46
|
+
|
47
|
+
get '/layouts' do
|
48
|
+
directories = Dir.entries(settings.layouts).select {|f| !File.directory? f}
|
49
|
+
erb :layouts,
|
50
|
+
locals: {
|
51
|
+
layouts: directories
|
52
|
+
}, layout: :styleguide
|
53
|
+
end
|
54
|
+
|
55
|
+
get '/layouts/:id' do
|
56
|
+
name = params[:id]
|
57
|
+
path = File.join(settings.layouts, name)
|
58
|
+
original_file_name = File.join(path, "#{ name }.scss")
|
59
|
+
|
60
|
+
erb :layout,
|
61
|
+
locals: {
|
62
|
+
name: name,
|
63
|
+
}, layout: :styleguide
|
64
|
+
end
|
65
|
+
|
66
|
+
helpers do
|
67
|
+
def render_component(name, key)
|
68
|
+
path = File.join(settings.components, name)
|
69
|
+
yaml = YAML.load_file(File.join(path, "#{ name }.yml"))
|
70
|
+
erb :"../components/#{name}/_#{name}.html", locals: { params: yaml[key.to_s] }
|
71
|
+
end
|
72
|
+
end
|
73
|
+
end
|
74
|
+
end
|
@@ -0,0 +1,52 @@
|
|
1
|
+
require 'sinatra'
|
2
|
+
|
3
|
+
module Sinatra
|
4
|
+
module Assets
|
5
|
+
module Helpers
|
6
|
+
def css_link
|
7
|
+
"<link href='/assets/application.css' rel='stylesheet' type='text/css' />"
|
8
|
+
end
|
9
|
+
|
10
|
+
def image_link(file)
|
11
|
+
"/assets/images/#{ file }"
|
12
|
+
end
|
13
|
+
|
14
|
+
def find_template(views, name, engine, &block)
|
15
|
+
Array(views).each do |v|
|
16
|
+
super(v, name, engine, &block)
|
17
|
+
end
|
18
|
+
end
|
19
|
+
end
|
20
|
+
|
21
|
+
def self.registered(app)
|
22
|
+
app.helpers Assets::Helpers
|
23
|
+
|
24
|
+
app.get "/assets/application.css" do
|
25
|
+
content_type("text/css")
|
26
|
+
Sass::Engine.for_file(File.join(options.assets, "stylesheets", "application.scss"), {
|
27
|
+
cache: false,
|
28
|
+
syntax: :scss,
|
29
|
+
style: :compressed
|
30
|
+
}).render
|
31
|
+
end
|
32
|
+
|
33
|
+
app.get "/assets/application.js" do
|
34
|
+
content_type("text/js")
|
35
|
+
Sass::Engine.for_file(File.join(options.assets, "stylesheets", "application.scss"), {
|
36
|
+
cache: false,
|
37
|
+
syntax: :scss,
|
38
|
+
style: :compressed
|
39
|
+
}).render
|
40
|
+
end
|
41
|
+
|
42
|
+
%w{jpg png}.each do |format|
|
43
|
+
app.get "/assets/images/:image.#{format}" do |image|
|
44
|
+
content_type("image/#{format}")
|
45
|
+
File.join(options.assets, "images", "#{image}.#{format}")
|
46
|
+
end
|
47
|
+
end
|
48
|
+
end
|
49
|
+
end
|
50
|
+
|
51
|
+
register Assets
|
52
|
+
end
|
@@ -0,0 +1,151 @@
|
|
1
|
+
<h1>CSS Basic Elements</h1>
|
2
|
+
|
3
|
+
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
|
4
|
+
|
5
|
+
<hr />
|
6
|
+
|
7
|
+
<h1 id="headings">Headings</h1>
|
8
|
+
|
9
|
+
<h1>Heading 1</h1>
|
10
|
+
<h2>Heading 2</h2>
|
11
|
+
<h3>Heading 3</h3>
|
12
|
+
<h4>Heading 4</h4>
|
13
|
+
<h5>Heading 5</h5>
|
14
|
+
<h6>Heading 6</h6>
|
15
|
+
|
16
|
+
<small><a href="#wrapper">[top]</a></small>
|
17
|
+
<hr />
|
18
|
+
|
19
|
+
|
20
|
+
<h1 id="paragraph">Paragraph</h1>
|
21
|
+
|
22
|
+
<img style="width:250px;height:125px;float:right" src="images/css_gods_language.png" alt="CSS | God's Language" />
|
23
|
+
<p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
|
24
|
+
|
25
|
+
<p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
|
26
|
+
|
27
|
+
<small><a href="#wrapper">[top]</a></small>
|
28
|
+
<hr />
|
29
|
+
|
30
|
+
<h1 id="list_types">List Types</h1>
|
31
|
+
|
32
|
+
<h3>Definition List</h3>
|
33
|
+
<dl>
|
34
|
+
<dt>Definition List Title</dt>
|
35
|
+
<dd>This is a definition list division.</dd>
|
36
|
+
</dl>
|
37
|
+
|
38
|
+
<h3>Ordered List</h3>
|
39
|
+
<ol>
|
40
|
+
<li>List Item 1</li>
|
41
|
+
<li>List Item 2</li>
|
42
|
+
<li>List Item 3</li>
|
43
|
+
</ol>
|
44
|
+
|
45
|
+
<h3>Unordered List</h3>
|
46
|
+
<ul>
|
47
|
+
<li>List Item 1</li>
|
48
|
+
<li>List Item 2</li>
|
49
|
+
<li>List Item 3</li>
|
50
|
+
</ul>
|
51
|
+
|
52
|
+
<small><a href="#wrapper">[top]</a></small>
|
53
|
+
<hr />
|
54
|
+
|
55
|
+
<h1 id="form_elements">Fieldsets, Legends, and Form Elements</h1>
|
56
|
+
|
57
|
+
<fieldset>
|
58
|
+
<legend>Legend</legend>
|
59
|
+
|
60
|
+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p>
|
61
|
+
|
62
|
+
<form>
|
63
|
+
<h2>Form Element</h2>
|
64
|
+
|
65
|
+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</p>
|
66
|
+
|
67
|
+
<p><label for="text_field">Text Field:</label><br />
|
68
|
+
<input type="text" id="text_field" /></p>
|
69
|
+
|
70
|
+
<p><label for="text_area">Text Area:</label><br />
|
71
|
+
<textarea id="text_area"></textarea></p>
|
72
|
+
|
73
|
+
<p><label for="select_element">Select Element:</label><br />
|
74
|
+
<select name="select_element">
|
75
|
+
<optgroup label="Option Group 1">
|
76
|
+
<option value="1">Option 1</option>
|
77
|
+
<option value="2">Option 2</option>
|
78
|
+
<option value="3">Option 3</option>
|
79
|
+
</optgroup>
|
80
|
+
<optgroup label="Option Group 2">
|
81
|
+
<option value="1">Option 1</option>
|
82
|
+
<option value="2">Option 2</option>
|
83
|
+
<option value="3">Option 3</option>
|
84
|
+
</optgroup>
|
85
|
+
</select></p>
|
86
|
+
|
87
|
+
<p><label for="radio_buttons">Radio Buttons:</label><br />
|
88
|
+
<input type="radio" class="radio" name="radio_button" value="radio_1" /> Radio 1<br/>
|
89
|
+
<input type="radio" class="radio" name="radio_button" value="radio_2" /> Radio 2<br/>
|
90
|
+
<input type="radio" class="radio" name="radio_button" value="radio_3" /> Radio 3<br/>
|
91
|
+
</p>
|
92
|
+
|
93
|
+
<p><label for="checkboxes">Checkboxes:</label><br />
|
94
|
+
<input type="checkbox" class="checkbox" name="checkboxes" value="check_1" /> Radio 1<br/>
|
95
|
+
<input type="checkbox" class="checkbox" name="checkboxes" value="check_2" /> Radio 2<br/>
|
96
|
+
<input type="checkbox" class="checkbox" name="checkboxes" value="check_3" /> Radio 3<br/>
|
97
|
+
</p>
|
98
|
+
|
99
|
+
<p><label for="password">Password:</label><br />
|
100
|
+
<input type="password" class="password" name="password" />
|
101
|
+
</p>
|
102
|
+
|
103
|
+
<p><label for="file">File Input:</label><br />
|
104
|
+
<input type="file" class="file" name="file" />
|
105
|
+
</p>
|
106
|
+
|
107
|
+
|
108
|
+
<p><input class="button" type="reset" value="Clear" /> <input class="button" type="submit" value="Submit" />
|
109
|
+
</p>
|
110
|
+
|
111
|
+
|
112
|
+
|
113
|
+
</form>
|
114
|
+
|
115
|
+
</fieldset>
|
116
|
+
|
117
|
+
<small><a href="#wrapper">[top]</a></small>
|
118
|
+
<hr />
|
119
|
+
|
120
|
+
<h1 id="tables">Tables</h1>
|
121
|
+
|
122
|
+
<table cellspacing="0" cellpadding="0">
|
123
|
+
<tr>
|
124
|
+
<th>Table Header 1</th><th>Table Header 2</th><th>Table Header 3</th>
|
125
|
+
</tr>
|
126
|
+
<tr>
|
127
|
+
<td>Division 1</td><td>Division 2</td><td>Division 3</td>
|
128
|
+
</tr>
|
129
|
+
<tr class="even">
|
130
|
+
<td>Division 1</td><td>Division 2</td><td>Division 3</td>
|
131
|
+
</tr>
|
132
|
+
<tr>
|
133
|
+
<td>Division 1</td><td>Division 2</td><td>Division 3</td>
|
134
|
+
</tr>
|
135
|
+
|
136
|
+
</table>
|
137
|
+
|
138
|
+
<small><a href="#wrapper">[top]</a></small>
|
139
|
+
<hr />
|
140
|
+
|
141
|
+
<h1 id="misc">Misc Stuff - abbr, acronym, pre, code, sub, sup, etc.</h1>
|
142
|
+
|
143
|
+
<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>
|
144
|
+
|
145
|
+
<pre><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p></pre>
|
146
|
+
|
147
|
+
<blockquote>
|
148
|
+
"This stylesheet is going to help so freaking much." <br />-Blockquote
|
149
|
+
</blockquote>
|
150
|
+
|
151
|
+
<small><a href="#wrapper">[top]</a></small>
|
@@ -0,0 +1 @@
|
|
1
|
+
<%= erb :"../layouts/#{name}/#{name}.html", locals: { yield_placeholder: 'Yielded content' } %>
|
@@ -0,0 +1,8 @@
|
|
1
|
+
<div style="font-family: arial; background: #000; color: #FFF; padding: 10px 20px;">
|
2
|
+
<ul>
|
3
|
+
<li style="display: inline;">A Substrakt Styleguide</li>
|
4
|
+
<li style="display: inline;"><a style="color: #FFF;" href="/elements">Elements</a></li>
|
5
|
+
<li style="display: inline;"><a style="color: #FFF;" href="/components">Components</a></li>
|
6
|
+
<li style="display: inline;"><a style="color: #FFF;" href="/layouts">Layouts</a></li>
|
7
|
+
</ul>
|
8
|
+
</div>
|
data/lib/stylio.rb
ADDED
data/stylio.gemspec
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'stylio/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |spec|
|
7
|
+
spec.name = "stylio"
|
8
|
+
spec.version = Stylio::VERSION
|
9
|
+
spec.authors = ["Substrakt"]
|
10
|
+
spec.email = ["dev@substrakt.com"]
|
11
|
+
|
12
|
+
spec.summary = %q{An independent living styleguide with simple Rails portability}
|
13
|
+
spec.description = %q{Let designers design with Rails in mind without the complication of having to learn or install Rails}
|
14
|
+
spec.homepage = "http://github.com/substrakt/stylio"
|
15
|
+
spec.license = "MIT"
|
16
|
+
|
17
|
+
spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
|
18
|
+
spec.bindir = "bin"
|
19
|
+
spec.executables << "stylio"
|
20
|
+
spec.require_paths = ["lib", "lib/stylio", "bin"]
|
21
|
+
|
22
|
+
spec.add_dependency "sinatra"
|
23
|
+
spec.add_dependency "sass"
|
24
|
+
|
25
|
+
spec.add_development_dependency "bundler", "~> 1.10"
|
26
|
+
spec.add_development_dependency "rake", "~> 10.0"
|
27
|
+
spec.add_development_dependency "rack-test"
|
28
|
+
spec.add_development_dependency "minitest"
|
29
|
+
end
|
metadata
ADDED
@@ -0,0 +1,154 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: stylio
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.1
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Substrakt
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2016-06-14 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: sinatra
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - ">="
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '0'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - ">="
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '0'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: sass
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - ">="
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '0'
|
34
|
+
type: :runtime
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - ">="
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '0'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: bundler
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '1.10'
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '1.10'
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: rake
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - "~>"
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '10.0'
|
62
|
+
type: :development
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - "~>"
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '10.0'
|
69
|
+
- !ruby/object:Gem::Dependency
|
70
|
+
name: rack-test
|
71
|
+
requirement: !ruby/object:Gem::Requirement
|
72
|
+
requirements:
|
73
|
+
- - ">="
|
74
|
+
- !ruby/object:Gem::Version
|
75
|
+
version: '0'
|
76
|
+
type: :development
|
77
|
+
prerelease: false
|
78
|
+
version_requirements: !ruby/object:Gem::Requirement
|
79
|
+
requirements:
|
80
|
+
- - ">="
|
81
|
+
- !ruby/object:Gem::Version
|
82
|
+
version: '0'
|
83
|
+
- !ruby/object:Gem::Dependency
|
84
|
+
name: minitest
|
85
|
+
requirement: !ruby/object:Gem::Requirement
|
86
|
+
requirements:
|
87
|
+
- - ">="
|
88
|
+
- !ruby/object:Gem::Version
|
89
|
+
version: '0'
|
90
|
+
type: :development
|
91
|
+
prerelease: false
|
92
|
+
version_requirements: !ruby/object:Gem::Requirement
|
93
|
+
requirements:
|
94
|
+
- - ">="
|
95
|
+
- !ruby/object:Gem::Version
|
96
|
+
version: '0'
|
97
|
+
description: Let designers design with Rails in mind without the complication of having
|
98
|
+
to learn or install Rails
|
99
|
+
email:
|
100
|
+
- dev@substrakt.com
|
101
|
+
executables:
|
102
|
+
- stylio
|
103
|
+
extensions: []
|
104
|
+
extra_rdoc_files: []
|
105
|
+
files:
|
106
|
+
- ".gitignore"
|
107
|
+
- Gemfile
|
108
|
+
- LICENSE.txt
|
109
|
+
- README.md
|
110
|
+
- Rakefile
|
111
|
+
- bin/console
|
112
|
+
- bin/setup
|
113
|
+
- bin/stylio
|
114
|
+
- config.ru
|
115
|
+
- lib/stylio.rb
|
116
|
+
- lib/stylio/app.rb
|
117
|
+
- lib/stylio/assets.rb
|
118
|
+
- lib/stylio/version.rb
|
119
|
+
- lib/stylio/views/component.erb
|
120
|
+
- lib/stylio/views/components.erb
|
121
|
+
- lib/stylio/views/elements.erb
|
122
|
+
- lib/stylio/views/header.erb
|
123
|
+
- lib/stylio/views/layout.erb
|
124
|
+
- lib/stylio/views/layouts.erb
|
125
|
+
- lib/stylio/views/menu.erb
|
126
|
+
- lib/stylio/views/styleguide.erb
|
127
|
+
- stylio.gemspec
|
128
|
+
homepage: http://github.com/substrakt/stylio
|
129
|
+
licenses:
|
130
|
+
- MIT
|
131
|
+
metadata: {}
|
132
|
+
post_install_message:
|
133
|
+
rdoc_options: []
|
134
|
+
require_paths:
|
135
|
+
- lib
|
136
|
+
- lib/stylio
|
137
|
+
- bin
|
138
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
139
|
+
requirements:
|
140
|
+
- - ">="
|
141
|
+
- !ruby/object:Gem::Version
|
142
|
+
version: '0'
|
143
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
144
|
+
requirements:
|
145
|
+
- - ">="
|
146
|
+
- !ruby/object:Gem::Version
|
147
|
+
version: '0'
|
148
|
+
requirements: []
|
149
|
+
rubyforge_project:
|
150
|
+
rubygems_version: 2.4.5.1
|
151
|
+
signing_key:
|
152
|
+
specification_version: 4
|
153
|
+
summary: An independent living styleguide with simple Rails portability
|
154
|
+
test_files: []
|