livingstyleguide 1.0.2 → 1.0.3
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.
- checksums.yaml +4 -4
- data/lib/livingstyleguide/version.rb +1 -1
- data/stylesheets/_livingstyleguide.scss +26 -0
- data/stylesheets/livingstyleguide/_code.scss +8 -5
- data/stylesheets/livingstyleguide/_color-swatches.scss +8 -9
- data/stylesheets/livingstyleguide/_content.scss +11 -8
- data/stylesheets/livingstyleguide/_layout.scss +6 -2
- metadata +31 -161
- data/.gitignore +0 -19
- data/.travis.yml +0 -5
- data/CHANGELOG.md +0 -95
- data/Gemfile +0 -4
- data/MIT-LICENSE.md +0 -11
- data/README.md +0 -111
- data/Rakefile +0 -25
- data/livingstyleguide.gemspec +0 -33
- data/sache.json +0 -6
- data/test/example_test_helper.rb +0 -22
- data/test/fixtures/markdown/code-block-and-example.md +0 -8
- data/test/fixtures/markdown/code-with-highlight-block.md +0 -6
- data/test/fixtures/markdown/code-with-highlight.md +0 -4
- data/test/fixtures/markdown/code.md +0 -6
- data/test/fixtures/markdown/example-with-highlight.md +0 -5
- data/test/fixtures/markdown/example.md +0 -4
- data/test/fixtures/markdown/font-example.md +0 -4
- data/test/fixtures/markdown/full-width-example.md +0 -5
- data/test/fixtures/markdown/haml-example-with-highlight.md +0 -5
- data/test/fixtures/markdown/haml-example.md +0 -5
- data/test/fixtures/markdown/text.md +0 -15
- data/test/fixtures/markdown/variables.md +0 -4
- data/test/fixtures/standalone/config.rb +0 -0
- data/test/fixtures/standalone/modules/_buttons.md +0 -6
- data/test/fixtures/standalone/modules/_buttons.scss +0 -4
- data/test/fixtures/standalone/style.html.lsg +0 -0
- data/test/fixtures/standalone/style.scss +0 -5
- data/test/fixtures/standalone/styleguide-as-json.html.lsg +0 -9
- data/test/fixtures/standalone/styleguide-with-header-footer.html.lsg +0 -7
- data/test/fixtures/standalone/styleguide-with-javascript.html.lsg +0 -8
- data/test/fixtures/standalone/styleguide-with-sass.html.lsg +0 -6
- data/test/fixtures/standalone/styleguide-with-scss.html.lsg +0 -7
- data/test/fixtures/standalone/styleguide-with-style.html.lsg +0 -7
- data/test/fixtures/standalone/styleguide.html.lsg +0 -3
- data/test/fixtures/stylesheets/variables/_more-other-colors.sass +0 -2
- data/test/fixtures/stylesheets/variables/colors.scss +0 -2
- data/test/fixtures/stylesheets/variables/other-colors.sass +0 -2
- data/test/integration/command_line_test.rb +0 -12
- data/test/integration/markdown_test.rb +0 -136
- data/test/integration/sprockets_test.rb +0 -19
- data/test/integration/standalone_test.rb +0 -68
- data/test/integration/variables_test.rb +0 -33
- data/test/test_helper.rb +0 -28
- data/test/unit/code_block_test.rb +0 -53
- data/test/unit/example_test.rb +0 -142
- data/test/unit/filter_hooks_test.rb +0 -46
- data/test/unit/filters/add_wrapper_class_test.rb +0 -15
- data/test/unit/filters/coffee_script_test.rb +0 -19
- data/test/unit/filters/colors_test.rb +0 -65
- data/test/unit/filters/font_example_test.rb +0 -47
- data/test/unit/filters/full_width_test.rb +0 -16
- data/test/unit/filters/haml_test.rb +0 -20
- data/test/unit/filters/highlights_test.rb +0 -26
- data/test/unit/filters/javascript_test.rb +0 -18
- data/test/unit/sass_extensions_test.rb +0 -28
- data/website/.gitignore +0 -22
- data/website/Gemfile +0 -13
- data/website/README.md +0 -32
- data/website/config.rb +0 -37
- data/website/source/.htaccess +0 -144
- data/website/source/changelog.html.md +0 -95
- data/website/source/images/graphics-2x/example-project.png +0 -0
- data/website/source/images/graphics-2x/github.png +0 -0
- data/website/source/images/graphics-2x/hagenburger.png +0 -0
- data/website/source/images/graphics-2x/issues.png +0 -0
- data/website/source/images/graphics-2x/livingstyleguide.png +0 -0
- data/website/source/images/graphics-2x/made-in-berlin.png +0 -0
- data/website/source/images/graphics-2x/rubygems.png +0 -0
- data/website/source/images/graphics-2x/twitter.png +0 -0
- data/website/source/images/graphics/example-project.png +0 -0
- data/website/source/images/graphics/github.png +0 -0
- data/website/source/images/graphics/hagenburger.png +0 -0
- data/website/source/images/graphics/issues.png +0 -0
- data/website/source/images/graphics/livingstyleguide.png +0 -0
- data/website/source/images/graphics/made-in-berlin.png +0 -0
- data/website/source/images/graphics/rubygems.png +0 -0
- data/website/source/images/graphics/twitter.png +0 -0
- data/website/source/index.html.haml +0 -49
- data/website/source/layouts/markdown.html.haml +0 -40
- data/website/source/style/components/_markdown.md +0 -23
- data/website/source/style/components/_markdown.sass +0 -52
- data/website/source/style/styles.sass +0 -286
- data/website/source/styleguide.html.lsg +0 -11
File without changes
|
File without changes
|
@@ -1,9 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"source": "style.scss",
|
3
|
-
"title": "My Nice & Beautiful Living Style Guide",
|
4
|
-
"javascript-before": ["modernizr.js"],
|
5
|
-
"javascript-after": ["http://code.jquery.com/jquery-2.0.3.js", "application.js"],
|
6
|
-
"header": "<h1>Super Style Guide</h1>",
|
7
|
-
"footer": "<p>Made by me</p>"
|
8
|
-
}
|
9
|
-
|
@@ -1,12 +0,0 @@
|
|
1
|
-
require 'test_helper'
|
2
|
-
|
3
|
-
describe "LivingStyleGuide::CommandLineInterface" do
|
4
|
-
|
5
|
-
it "should output the style guide" do
|
6
|
-
`./bin/livingstyleguide compile test/fixtures/standalone/style.html.lsg`
|
7
|
-
File.exists?('test/fixtures/standalone/style.html').must_equal true
|
8
|
-
File.delete 'test/fixtures/standalone/style.html'
|
9
|
-
end
|
10
|
-
|
11
|
-
end
|
12
|
-
|
@@ -1,136 +0,0 @@
|
|
1
|
-
require 'test_helper'
|
2
|
-
require 'tilt'
|
3
|
-
|
4
|
-
class MarkdownTest < Minitest::Test
|
5
|
-
|
6
|
-
def render_markdown(file, options)
|
7
|
-
engine = LivingStyleGuide::Engine.new('', options, {})
|
8
|
-
engine.markdown = File.read(file)
|
9
|
-
engine.html
|
10
|
-
end
|
11
|
-
|
12
|
-
def assert_markdown(expected, file, options = {})
|
13
|
-
expected = expected.gsub(/\s+/m, ' ').gsub(/([\$\(\)\[\]])/) { |s| "\\#{s}" }.strip
|
14
|
-
given = render_markdown(File.join(%W(test fixtures markdown #{file})), options)
|
15
|
-
given = given.gsub(/\s+/m, ' ').strip
|
16
|
-
assert_match /#{expected}/, given
|
17
|
-
end
|
18
|
-
|
19
|
-
def test_examples
|
20
|
-
assert_markdown <<-HTML, 'example.md'
|
21
|
-
<div class="livingstyleguide--example">
|
22
|
-
<button class="button">Test</button>
|
23
|
-
</div>
|
24
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+button.+Test.+button.+</code></pre>
|
25
|
-
HTML
|
26
|
-
end
|
27
|
-
|
28
|
-
def test_full_width_examples
|
29
|
-
assert_markdown <<-HTML, 'full-width-example.md'
|
30
|
-
<div class="livingstyleguide--example -lsg-has-full-width">
|
31
|
-
<button class="button">Test</button>
|
32
|
-
</div>
|
33
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+button.+Test.+button.+</code></pre>
|
34
|
-
HTML
|
35
|
-
end
|
36
|
-
|
37
|
-
def test_haml_example
|
38
|
-
assert_markdown <<-HTML, 'haml-example.md'
|
39
|
-
<div class="livingstyleguide--example">
|
40
|
-
<button class="button">Test</button>
|
41
|
-
</div>
|
42
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><em>%button</em><b>.button</b> Test</code></pre>
|
43
|
-
HTML
|
44
|
-
end
|
45
|
-
|
46
|
-
def test_haml_example_with_highlight
|
47
|
-
assert_markdown <<-HTML, 'haml-example-with-highlight.md'
|
48
|
-
<div class="livingstyleguide--example">
|
49
|
-
<button class="button">Test</button>
|
50
|
-
</div>
|
51
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><em>%button</em><strong class="livingstyleguide--code-highlight">.button</strong> Test</code></pre>
|
52
|
-
HTML
|
53
|
-
end
|
54
|
-
|
55
|
-
def test_text
|
56
|
-
assert_markdown <<-HTML, 'text.md'
|
57
|
-
<h2 class="livingstyleguide--headline" id="hello-world"><a class="livingstyleguide--anchor" href="#hello-world"></a>Hello World</h2>
|
58
|
-
<p class="livingstyleguide--paragraph">Lorem ipsum <strong>dolor</strong> sit amet,
|
59
|
-
<code class="livingstyleguide--code-span livingstyleguide--code"><consectetur> adipiscing</code> elit.
|
60
|
-
Sed a pulvinar turpis.</p>
|
61
|
-
<ul class="livingstyleguide--unordered-list">
|
62
|
-
<li class="livingstyleguide--unordered-list-item">Lorem</li>
|
63
|
-
<li class="livingstyleguide--unordered-list-item">Ipsum</li>
|
64
|
-
<li class="livingstyleguide--unordered-list-item">Dolor</li>
|
65
|
-
</ul>
|
66
|
-
<h3 class="livingstyleguide--sub-headline" id="more-lorem"><a class="livingstyleguide--anchor" href="#more-lorem"></a>More Lorem</h3>
|
67
|
-
<ol class="livingstyleguide--ordered-list">
|
68
|
-
<li class="livingstyleguide--ordered-list-item">Lorem</li>
|
69
|
-
<li class="livingstyleguide--ordered-list-item">Ipsum</li>
|
70
|
-
<li class="livingstyleguide--ordered-list-item">Dolor</li>
|
71
|
-
</ol>
|
72
|
-
<h4 class="livingstyleguide--sub-sub-headline" id="even-more-lorem"><a class="livingstyleguide--anchor" href="#even-more-lorem"></a>Even More Lorem</h4>
|
73
|
-
HTML
|
74
|
-
end
|
75
|
-
|
76
|
-
def test_code
|
77
|
-
assert_markdown <<-HTML, 'code.md'
|
78
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><b><i>.my-class</i></b> {
|
79
|
-
<b>color:</b> <b>red</b>;
|
80
|
-
}</code></pre>
|
81
|
-
HTML
|
82
|
-
end
|
83
|
-
|
84
|
-
def test_code_with_highlight
|
85
|
-
assert_markdown <<-HTML, 'code-with-highlight.md'
|
86
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+<strong class="livingstyleguide--code-highlight">example</strong>.+</code></pre>
|
87
|
-
HTML
|
88
|
-
end
|
89
|
-
|
90
|
-
def test_code_with_highlight_block
|
91
|
-
assert_markdown <<-HTML, 'code-with-highlight-block.md'
|
92
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+<strong class="livingstyleguide--code-highlight-block">.+Block example.+</strong>.+</code></pre>
|
93
|
-
HTML
|
94
|
-
end
|
95
|
-
|
96
|
-
def test_example_with_highlight
|
97
|
-
assert_markdown <<-HTML, 'example-with-highlight.md'
|
98
|
-
<div class="livingstyleguide--example">
|
99
|
-
<img class="inline example">
|
100
|
-
<img class="inline ex-1 ex-2">
|
101
|
-
</div>
|
102
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+<strong class="livingstyleguide--code-highlight">example</strong>.+
|
103
|
-
<strong class="livingstyleguide--code-highlight">ex-1</strong> <strong class="livingstyleguide--code-highlight">ex-2</strong>.+</code></pre>
|
104
|
-
HTML
|
105
|
-
end
|
106
|
-
|
107
|
-
def test_variables
|
108
|
-
assert_markdown <<-HTML, 'variables.md'
|
109
|
-
<ul class="livingstyleguide--color-swatches -lsg-2-columns">
|
110
|
-
<li class="livingstyleguide--color-swatch $blue">$blue</li>
|
111
|
-
<li class="livingstyleguide--color-swatch $green">$green</li>
|
112
|
-
</ul>
|
113
|
-
HTML
|
114
|
-
end
|
115
|
-
|
116
|
-
def test_font_example
|
117
|
-
assert_markdown <<-HTML, 'font-example.md'
|
118
|
-
<div class="livingstyleguide--font-example" style="font: 16px Courier">
|
119
|
-
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
|
120
|
-
abcdefghijklmnopqrstuvwxyz<br>
|
121
|
-
0123456789<br>
|
122
|
-
!&/()$=@;:,.
|
123
|
-
</div>
|
124
|
-
HTML
|
125
|
-
end
|
126
|
-
|
127
|
-
def test_resetting_language
|
128
|
-
assert_markdown <<-HTML, 'code-block-and-example.md', default_language: 'code'
|
129
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">Normal code block</code></pre><div class="livingstyleguide--example">
|
130
|
-
Example
|
131
|
-
</div>
|
132
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">Example</code></pre>
|
133
|
-
HTML
|
134
|
-
end
|
135
|
-
|
136
|
-
end
|
@@ -1,19 +0,0 @@
|
|
1
|
-
require 'test_helper'
|
2
|
-
require 'tilt'
|
3
|
-
|
4
|
-
describe "Sprockets integration" do
|
5
|
-
|
6
|
-
describe "sprockets should know when to invalidate cache" do
|
7
|
-
template = Tilt.new('test/fixtures/standalone/styleguide.html.lsg')
|
8
|
-
context = Minitest::Mock.new
|
9
|
-
%w(style.scss modules/_buttons.scss modules/_buttons.md styleguide.html.lsg).each do |file|
|
10
|
-
context.expect :depend_on, nil, ["test/fixtures/standalone/#{file}"]
|
11
|
-
end
|
12
|
-
|
13
|
-
template.render context
|
14
|
-
|
15
|
-
context.verify
|
16
|
-
end
|
17
|
-
|
18
|
-
end
|
19
|
-
|
@@ -1,68 +0,0 @@
|
|
1
|
-
require 'test_helper'
|
2
|
-
require 'tilt'
|
3
|
-
|
4
|
-
class MarkdownTest < Minitest::Test
|
5
|
-
|
6
|
-
def test_standalone_project
|
7
|
-
html = render('test/fixtures/standalone/styleguide.html.lsg')
|
8
|
-
assert_match %r(background: red), html
|
9
|
-
assert_match %r(<button class="button">), html
|
10
|
-
assert_match %r(<title>My Nice & Beautiful Living Style Guide</title>), html
|
11
|
-
end
|
12
|
-
|
13
|
-
def test_default_source
|
14
|
-
html = render('test/fixtures/standalone/style.html.lsg')
|
15
|
-
assert_match %r(background: red), html
|
16
|
-
assert_match %r(<button class="button">), html
|
17
|
-
end
|
18
|
-
|
19
|
-
def test_custom_styles
|
20
|
-
html = render('test/fixtures/standalone/styleguide-with-style.html.lsg')
|
21
|
-
assert_match %r(.livingstyleguide--ordered-list { color: red;), html
|
22
|
-
assert_match %r(border-radius: 3px), html
|
23
|
-
assert_match %r(em { color: green;), html
|
24
|
-
end
|
25
|
-
|
26
|
-
def test_javascript_includes
|
27
|
-
html = render('test/fixtures/standalone/styleguide-with-javascript.html.lsg')
|
28
|
-
assert_match %r(<script src="modernizr.js"></script>.*</head>), html
|
29
|
-
assert_match %r(<script src="http://code.jquery.com/jquery-2.0.3.js"></script> <script src="application.js"></script> </body>), html
|
30
|
-
end
|
31
|
-
|
32
|
-
def test_additional_scss_code
|
33
|
-
html = render('test/fixtures/standalone/styleguide-with-scss.html.lsg')
|
34
|
-
assert_match %r(#test { color: red; }), html
|
35
|
-
end
|
36
|
-
|
37
|
-
def test_additional_sass_code
|
38
|
-
html = render('test/fixtures/standalone/styleguide-with-sass.html.lsg')
|
39
|
-
assert_match %r(#test { color: green; }), html
|
40
|
-
end
|
41
|
-
|
42
|
-
def test_header_footer
|
43
|
-
html = render('test/fixtures/standalone/styleguide-with-header-footer.html.lsg')
|
44
|
-
assert_match %r(<h1>Super Style Guide</h1>), html
|
45
|
-
assert_match %r(<p>Made by me</p>), html
|
46
|
-
end
|
47
|
-
|
48
|
-
def test_json
|
49
|
-
html = render('test/fixtures/standalone/styleguide-as-json.html.lsg')
|
50
|
-
assert_match %r(<title>My Nice & Beautiful Living Style Guide</title>), html
|
51
|
-
assert_match %r(<script src="modernizr.js"></script>.*</head>), html
|
52
|
-
assert_match %r(<script src="http://code.jquery.com/jquery-2.0.3.js"></script> <script src="application.js"></script> </body>), html
|
53
|
-
assert_match %r(<h1>Super Style Guide</h1>), html
|
54
|
-
assert_match %r(<p>Made by me</p>), html
|
55
|
-
end
|
56
|
-
|
57
|
-
def test_variables
|
58
|
-
html = render('test/fixtures/standalone/styleguide.html.lsg')
|
59
|
-
assert_match %r(\.\\\$my-base-color), html
|
60
|
-
end
|
61
|
-
|
62
|
-
private
|
63
|
-
def render(file)
|
64
|
-
Tilt.new(file).render.gsub(/\s+/, ' ')
|
65
|
-
end
|
66
|
-
|
67
|
-
end
|
68
|
-
|
@@ -1,33 +0,0 @@
|
|
1
|
-
require 'test_helper'
|
2
|
-
require 'fileutils'
|
3
|
-
require 'compass'
|
4
|
-
require 'compass/logger'
|
5
|
-
require 'sass/plugin'
|
6
|
-
|
7
|
-
class VariablesImporterTest < Minitest::Test
|
8
|
-
|
9
|
-
def setup
|
10
|
-
Compass.configure_sass_plugin!
|
11
|
-
end
|
12
|
-
|
13
|
-
def render(scss)
|
14
|
-
scss = %Q(@import "compass"; #{scss})
|
15
|
-
options = Compass.sass_engine_options
|
16
|
-
options[:line_comments] = false
|
17
|
-
options[:style] = :expanded
|
18
|
-
options[:syntax] = :scss
|
19
|
-
options[:compass] ||= {}
|
20
|
-
options[:compass][:logger] ||= Compass::NullLogger.new
|
21
|
-
css = Sass::Engine.new(scss, options).render
|
22
|
-
format_css(css)
|
23
|
-
end
|
24
|
-
|
25
|
-
def format_css(css)
|
26
|
-
css.gsub! %Q(@charset "UTF-8";), ''
|
27
|
-
css.gsub! %r(\n), "\n "
|
28
|
-
css.gsub! %r( +$), ''
|
29
|
-
css.gsub! %r(\n\n+), "\n"
|
30
|
-
css.strip!
|
31
|
-
%Q( #{css}\n)
|
32
|
-
end
|
33
|
-
end
|
data/test/test_helper.rb
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
require 'minitest/autorun'
|
2
|
-
require 'compass'
|
3
|
-
require 'livingstyleguide'
|
4
|
-
require 'heredoc_unindent'
|
5
|
-
|
6
|
-
Compass.configuration.add_import_path File.join(%w(test fixtures stylesheets))
|
7
|
-
|
8
|
-
def parse_file(filename)
|
9
|
-
filename = File.join(File.dirname(__FILE__), 'fixtures', filename.split('/'))
|
10
|
-
syntax = filename[-4..-1].to_sym
|
11
|
-
syntax = :scss unless [:scss, :sass].include?(syntax)
|
12
|
-
options = {
|
13
|
-
:filename => filename,
|
14
|
-
:load_paths => [File.dirname(filename), LivingStyleGuide::Importer.instance],
|
15
|
-
:syntax => syntax,
|
16
|
-
:cache => false,
|
17
|
-
:read_cache => false
|
18
|
-
}
|
19
|
-
Sass::Engine.new(File.read(filename), options)
|
20
|
-
end
|
21
|
-
|
22
|
-
def normalize(html)
|
23
|
-
html.gsub! /\s+/, ' '
|
24
|
-
html.gsub! '><', '> <'
|
25
|
-
html.strip!
|
26
|
-
html
|
27
|
-
end
|
28
|
-
|
@@ -1,53 +0,0 @@
|
|
1
|
-
require 'test_helper'
|
2
|
-
|
3
|
-
describe LivingStyleGuide::CodeBlock do
|
4
|
-
|
5
|
-
before do
|
6
|
-
@code_block = Class.new(LivingStyleGuide::CodeBlock)
|
7
|
-
end
|
8
|
-
|
9
|
-
describe "when no language is given" do
|
10
|
-
it "should output the code" do
|
11
|
-
@code_block.new("My Code").render.must_equal <<-HTML.unindent.strip
|
12
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">My Code</code></pre>
|
13
|
-
HTML
|
14
|
-
end
|
15
|
-
|
16
|
-
it "should html escape the code" do
|
17
|
-
@code_block.new("1 < 2 > 0 &\"").render.must_equal <<-HTML.unindent.strip
|
18
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">1 < 2 > 0 &"</code></pre>
|
19
|
-
HTML
|
20
|
-
end
|
21
|
-
end
|
22
|
-
|
23
|
-
describe "when a language is given" do
|
24
|
-
it "should output the code with syntax highlighting" do
|
25
|
-
@code_block.new("<my-code>", :html).render.must_equal <<-HTML.unindent.strip
|
26
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><b><<em>my-code</em></b><b>></b></code></pre>
|
27
|
-
HTML
|
28
|
-
end
|
29
|
-
end
|
30
|
-
|
31
|
-
describe "when filters are set" do
|
32
|
-
it "should filter the code" do
|
33
|
-
@code_block.filter_code do |code|
|
34
|
-
code.gsub(/ugly/, 'beautiful')
|
35
|
-
end
|
36
|
-
|
37
|
-
@code_block.new("my ugly code").render.must_equal <<-HTML.unindent.strip
|
38
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">my beautiful code</code></pre>
|
39
|
-
HTML
|
40
|
-
end
|
41
|
-
|
42
|
-
it "should use own syntax highlighter" do
|
43
|
-
@code_block.syntax_highlight do |code|
|
44
|
-
code.gsub(/language/, language)
|
45
|
-
end
|
46
|
-
|
47
|
-
@code_block.new("my ugly language code", "html").render.must_equal <<-HTML.unindent.strip
|
48
|
-
<pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">my ugly html code</code></pre>
|
49
|
-
HTML
|
50
|
-
end
|
51
|
-
end
|
52
|
-
end
|
53
|
-
|