stratum 0.2.4 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.editorconfig +7 -0
- data/.gitignore +2 -2
- data/assets/stylesheets/_css3.scss +7 -0
- data/assets/stylesheets/_helpers.scss +7 -0
- data/assets/stylesheets/_stratum.scss +12 -15
- data/assets/stylesheets/css3/_border-radius.scss +2 -2
- data/assets/stylesheets/css3/_user-select.scss +12 -0
- data/assets/stylesheets/helpers/_box.scss +17 -0
- data/assets/stylesheets/{addons → helpers}/_dimensions.scss +7 -4
- data/assets/stylesheets/{addons → helpers}/_group.scss +0 -0
- data/assets/stylesheets/helpers/_icon-map.scss +11 -0
- data/assets/stylesheets/helpers/_icons.scss +177 -0
- data/assets/stylesheets/{addons → helpers}/_position.scss +6 -6
- data/assets/stylesheets/helpers/_triangle.scss +64 -0
- data/assets/stylesheets/{addons → helpers}/_vendor-prefix.scss +0 -0
- data/assets/stylesheets/layout/_grid.scss +4 -5
- data/assets/stylesheets/layout/{_grid-functions.scss → grid/_functions.scss} +12 -11
- data/assets/stylesheets/layout/grid/_guides.scss +123 -0
- data/assets/stylesheets/layout/grid/_mixins.scss +83 -0
- data/assets/stylesheets/layout/grid/_semantics.scss +5 -0
- data/assets/stylesheets/layout/grid/semantics/_core.scss +96 -0
- data/assets/stylesheets/layout/grid/semantics/_nested.scss +34 -0
- data/assets/stylesheets/layout/grid/semantics/_offsets.scss +50 -0
- data/assets/stylesheets/layout/grid/semantics/_overrides.scss +71 -0
- data/assets/stylesheets/layout/grid/semantics/_subdivisions.scss +16 -0
- data/assets/stylesheets/layout/scaffolding.scss +105 -52
- data/bin/stratum +1 -1
- data/lib/stratum/generator.rb +74 -0
- data/lib/stratum/version.rb +3 -0
- data/lib/stratum.rb +2 -73
- data/stratum.gemspec +1 -1
- metadata +27 -38
- data/.gitmodules +0 -3
- data/assets/stylesheets/layout/_grid-guides.scss +0 -93
- data/assets/stylesheets/layout/_grid-mixins.scss +0 -79
- data/assets/stylesheets/layout/_grid-semantics.scss +0 -266
- data/lib/version.rb +0 -3
- data/tests/Gemfile +0 -6
- data/tests/Gemfile.lock +0 -63
- data/tests/Guardfile +0 -11
- data/tests/_config.yml +0 -5
- data/tests/_includes/menu-grids.html +0 -9
- data/tests/_includes/shared-grid-samples.html +0 -58
- data/tests/_layouts/default.html +0 -21
- data/tests/grid/arstechnica.html +0 -70
- data/tests/grid/bbc.html +0 -74
- data/tests/grid/fluid.html +0 -85
- data/tests/grid/guardian.html +0 -248
- data/tests/grid/index.html +0 -5
- data/tests/grid/pixel.html +0 -29
- data/tests/images/arstechnica.png +0 -0
- data/tests/images/bbc.png +0 -0
- data/tests/images/capture.js +0 -15
- data/tests/images/guardian-home.png +0 -0
- data/tests/scss/_mock-block.scss +0 -68
- data/tests/scss/arstechnica.scss +0 -106
- data/tests/scss/bbc.scss +0 -93
- data/tests/scss/fluid-grid.scss +0 -50
- data/tests/scss/guardian.scss +0 -219
- data/tests/scss/main.scss +0 -90
- data/tests/scss/pixel-grid.scss +0 -14
data/tests/Gemfile.lock
DELETED
@@ -1,63 +0,0 @@
|
|
1
|
-
GEM
|
2
|
-
remote: https://rubygems.org/
|
3
|
-
specs:
|
4
|
-
addressable (2.3.2)
|
5
|
-
classifier (1.3.3)
|
6
|
-
fast-stemmer (>= 1.0.0)
|
7
|
-
coderay (1.0.8)
|
8
|
-
directory_watcher (1.4.1)
|
9
|
-
em-websocket (0.3.8)
|
10
|
-
addressable (>= 2.1.1)
|
11
|
-
eventmachine (>= 0.12.9)
|
12
|
-
eventmachine (1.0.0)
|
13
|
-
fast-stemmer (1.0.1)
|
14
|
-
guard (1.6.1)
|
15
|
-
listen (>= 0.6.0)
|
16
|
-
lumberjack (>= 1.0.2)
|
17
|
-
pry (>= 0.9.10)
|
18
|
-
thor (>= 0.14.6)
|
19
|
-
guard-livereload (1.1.3)
|
20
|
-
em-websocket (>= 0.2.0)
|
21
|
-
guard (>= 1.5.0)
|
22
|
-
multi_json (~> 1.0)
|
23
|
-
guard-sass (1.0.1)
|
24
|
-
guard (>= 1.1.0)
|
25
|
-
sass (>= 3.1)
|
26
|
-
jekyll (0.12.0)
|
27
|
-
classifier (~> 1.3)
|
28
|
-
directory_watcher (~> 1.1)
|
29
|
-
kramdown (~> 0.13.4)
|
30
|
-
liquid (~> 2.3)
|
31
|
-
maruku (~> 0.5)
|
32
|
-
pygments.rb (~> 0.3.2)
|
33
|
-
kramdown (0.13.8)
|
34
|
-
liquid (2.4.1)
|
35
|
-
listen (0.7.2)
|
36
|
-
lumberjack (1.0.2)
|
37
|
-
maruku (0.6.1)
|
38
|
-
syntax (>= 1.0.0)
|
39
|
-
method_source (0.8.1)
|
40
|
-
multi_json (1.5.0)
|
41
|
-
posix-spawn (0.3.6)
|
42
|
-
pry (0.9.11.4)
|
43
|
-
coderay (~> 1.0.5)
|
44
|
-
method_source (~> 0.8)
|
45
|
-
slop (~> 3.4)
|
46
|
-
pygments.rb (0.3.7)
|
47
|
-
posix-spawn (~> 0.3.6)
|
48
|
-
yajl-ruby (~> 1.1.0)
|
49
|
-
rb-fsevent (0.9.3)
|
50
|
-
sass (3.2.5)
|
51
|
-
slop (3.4.3)
|
52
|
-
syntax (1.0.0)
|
53
|
-
thor (0.16.0)
|
54
|
-
yajl-ruby (1.1.0)
|
55
|
-
|
56
|
-
PLATFORMS
|
57
|
-
ruby
|
58
|
-
|
59
|
-
DEPENDENCIES
|
60
|
-
guard-livereload
|
61
|
-
guard-sass
|
62
|
-
jekyll
|
63
|
-
rb-fsevent (~> 0.9.1)
|
data/tests/Guardfile
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
guard 'sass',
|
2
|
-
:load_paths => ['../assets/stylesheets'],
|
3
|
-
# :debug_info => true,
|
4
|
-
:input => 'scss',
|
5
|
-
:output => 'css'
|
6
|
-
|
7
|
-
guard 'livereload' do
|
8
|
-
# watch(%r{../assets/stylesheets/.+\.(scss)})
|
9
|
-
watch(%r{grid/.+\.(html)})
|
10
|
-
watch(%r{scss/.+\.(scss)})
|
11
|
-
end
|
data/tests/_config.yml
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
<header id="masthead">
|
2
|
-
<ul class="nav">
|
3
|
-
<li {% if page.id == "pixel" %} class="active"{% endif %}><a href="{{site.baseurl}}/grid/pixel.html">Pixel Grid</a></li>
|
4
|
-
<li {% if page.id == "fluid" %} class="active"{% endif %}><a href="{{site.baseurl}}/grid/fluid.html">Fluid Grid</a></li>
|
5
|
-
<li {% if page.id == "bbc" %} class="active"{% endif %}><a href="{{site.baseurl}}/grid/bbc.html">BBC Homepage Example</a></li>
|
6
|
-
<li {% if page.id == "arstechnica" %} class="active"{% endif %}><a href="{{site.baseurl}}/grid/arstechnica.html">Arstechnica Layout Example</a></li>
|
7
|
-
<li {% if page.id == "guardian" %} class="active"{% endif %}><a href="{{site.baseurl}}/grid/guardian.html">Guardian Homepage Example</a></li>
|
8
|
-
</ul>
|
9
|
-
</header>
|
@@ -1,58 +0,0 @@
|
|
1
|
-
<h2>Normal</h2>
|
2
|
-
<div class="l-row">
|
3
|
-
<div class="l-col m-3">
|
4
|
-
<span>.l-col.m-3</span>
|
5
|
-
</div>
|
6
|
-
<div class="l-col m-3">
|
7
|
-
<span>.l-col.m-3</span>
|
8
|
-
</div>
|
9
|
-
<div class="l-col m-3">
|
10
|
-
<span>.l-col.m-3</span>
|
11
|
-
</div>
|
12
|
-
<div class="l-col m-3">
|
13
|
-
<span>.l-col.m-3</span>
|
14
|
-
</div>
|
15
|
-
</div>
|
16
|
-
|
17
|
-
<h2>Offsets</h2>
|
18
|
-
<div class="l-row">
|
19
|
-
<div class="l-col m-4 m-to-left-1 m-from-right-1">
|
20
|
-
<span>.l-col.m-to-left-1.m-from-right-1</span>
|
21
|
-
</div>
|
22
|
-
<div class="l-col m-4">
|
23
|
-
<span>.l-col.m-4</span>
|
24
|
-
</div>
|
25
|
-
<div class="l-col m-4 m-to-right-1 m-from-left-1">
|
26
|
-
<span>.l-col.m-to-right-1.m-from-left-1</span>
|
27
|
-
</div>
|
28
|
-
</div>
|
29
|
-
|
30
|
-
<header>
|
31
|
-
<h2>No column gutters</h2>
|
32
|
-
<code>.l-row.m-gutterless</code>
|
33
|
-
</header>
|
34
|
-
<div class="l-row m-gutterless">
|
35
|
-
<div class="l-col m-6">
|
36
|
-
<span>.l-col.m-6</span>
|
37
|
-
</div>
|
38
|
-
<div class="l-col m-3">
|
39
|
-
<span>.l-col.m-3</span>
|
40
|
-
</div>
|
41
|
-
<div class="l-col m-3">
|
42
|
-
<span>.l-col.m-3</span>
|
43
|
-
</div>
|
44
|
-
</div>
|
45
|
-
|
46
|
-
<header>
|
47
|
-
<h2>No row</h2>
|
48
|
-
identical to <code>.l-row.m-gutterless</code>
|
49
|
-
</header>
|
50
|
-
<div class="l-col m-6">
|
51
|
-
<span>.l-col.m-6</span>
|
52
|
-
</div>
|
53
|
-
<div class="l-col m-3">
|
54
|
-
<span>.l-col.m-3</span>
|
55
|
-
</div>
|
56
|
-
<div class="l-col m-3">
|
57
|
-
<span>.l-col.m-3</span>
|
58
|
-
</div>
|
data/tests/_layouts/default.html
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
6
|
-
<title>{{ page.title }}</title>
|
7
|
-
<meta name="viewport" content="width=device-width">
|
8
|
-
<link rel="stylesheet" href="{{site.baseurl}}/css/main.css">
|
9
|
-
{% for stylesheet in page.css %}
|
10
|
-
<link rel="stylesheet" href="{{site.baseurl}}/css/{{ stylesheet }}.css">
|
11
|
-
{% endfor %}
|
12
|
-
<script src="{{site.baseurl}}/vendor/livereload-js/dist/livereload.js?host=localhost"></script>
|
13
|
-
</head>
|
14
|
-
<body>
|
15
|
-
{% if page.menu == 'grids' %}
|
16
|
-
{% include menu-grids.html %}
|
17
|
-
{% endif %}
|
18
|
-
|
19
|
-
{{ content }}
|
20
|
-
</body>
|
21
|
-
</html>
|
data/tests/grid/arstechnica.html
DELETED
@@ -1,70 +0,0 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
title: Arstechnica Layout Demo
|
4
|
-
id: arstechnica
|
5
|
-
css: arstechnica
|
6
|
-
menu: grids
|
7
|
-
---
|
8
|
-
|
9
|
-
<div class="reference">
|
10
|
-
<img src="{{site.baseurl}}/images/arstechnica.png" alt="">
|
11
|
-
</div>
|
12
|
-
|
13
|
-
<div id="page" class="l-container">
|
14
|
-
<div class="masthead"></div>
|
15
|
-
<nav></nav>
|
16
|
-
<div class="content l-container m-fluid">
|
17
|
-
<div class="head"></div>
|
18
|
-
<div class="l-row">
|
19
|
-
<div class="content l-col">
|
20
|
-
<div class="l-container">
|
21
|
-
<div class="p-article"></div>
|
22
|
-
<div class="related l-row">
|
23
|
-
<div class="p-title l-col m-1-of-1">
|
24
|
-
<div class="item"></div>
|
25
|
-
</div>
|
26
|
-
<div class="l-col m-1-of-4">
|
27
|
-
<div class="item"></div>
|
28
|
-
</div>
|
29
|
-
<div class="l-col m-1-of-4">
|
30
|
-
<div class="item"></div>
|
31
|
-
</div>
|
32
|
-
<div class="l-col m-1-of-4">
|
33
|
-
<div class="item"></div>
|
34
|
-
</div>
|
35
|
-
<div class="l-col m-1-of-4">
|
36
|
-
<div class="item"></div>
|
37
|
-
</div>
|
38
|
-
<div class="l-col m-1-of-4">
|
39
|
-
<div class="item"></div>
|
40
|
-
</div>
|
41
|
-
<div class="l-col m-1-of-4">
|
42
|
-
<div class="item"></div>
|
43
|
-
</div>
|
44
|
-
<div class="l-col m-1-of-4">
|
45
|
-
<div class="item"></div>
|
46
|
-
</div>
|
47
|
-
<div class="l-col m-1-of-4">
|
48
|
-
<div class="item"></div>
|
49
|
-
</div>
|
50
|
-
</div>
|
51
|
-
</div>
|
52
|
-
</div>
|
53
|
-
<aside class="sidebar l-col"></aside>
|
54
|
-
</div>
|
55
|
-
</div>
|
56
|
-
<footer class="mastfoot l-row m-gutterless">
|
57
|
-
<div class="l-col m-2">
|
58
|
-
<span>2 columns</span>
|
59
|
-
</div>
|
60
|
-
<div class="l-col m-2">
|
61
|
-
<span>2 columns</span>
|
62
|
-
</div>
|
63
|
-
<div class="l-col m-2">
|
64
|
-
<span>2 columns</span>
|
65
|
-
</div>
|
66
|
-
<div class="l-col m-2">
|
67
|
-
<span>2 columns</span>
|
68
|
-
</div>
|
69
|
-
</footer>
|
70
|
-
</div>
|
data/tests/grid/bbc.html
DELETED
@@ -1,74 +0,0 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
title: BBC Layout Demo
|
4
|
-
id: bbc
|
5
|
-
css: bbc
|
6
|
-
menu: grids
|
7
|
-
---
|
8
|
-
|
9
|
-
<div class="reference">
|
10
|
-
<img src="{{site.baseurl}}/images/bbc.png" alt="">
|
11
|
-
</div>
|
12
|
-
|
13
|
-
<div id="page">
|
14
|
-
<div class="top-banner"></div>
|
15
|
-
|
16
|
-
<div class="nav">
|
17
|
-
<div class="l-container">
|
18
|
-
<div class="l-row">
|
19
|
-
<div class="l-col m-8">
|
20
|
-
<span>8 columns</span>
|
21
|
-
</div>
|
22
|
-
</div>
|
23
|
-
</div>
|
24
|
-
</div>
|
25
|
-
|
26
|
-
<div class="hero l-container">
|
27
|
-
<div class="head l-row">
|
28
|
-
<div class="p-title l-col m-4">
|
29
|
-
<span>4 columns</span>
|
30
|
-
</div>
|
31
|
-
<div class="p-weather l-col m-4">
|
32
|
-
<span>4 columns</span>
|
33
|
-
</div>
|
34
|
-
</div>
|
35
|
-
<div class="dashboard l-row m-gutterless">
|
36
|
-
<div class="l-col m-left m-4">
|
37
|
-
<div class="p-item l-col m-1-of-1">
|
38
|
-
<span>4 columns</span>
|
39
|
-
</div>
|
40
|
-
<div class="p-item l-col m-1-of-2">
|
41
|
-
<span>2 columns</span>
|
42
|
-
</div>
|
43
|
-
<div class="p-item l-col m-1-of-2">
|
44
|
-
<span>2 columns</span>
|
45
|
-
</div>
|
46
|
-
</div>
|
47
|
-
<div class="l-col m-right m-4">
|
48
|
-
<div class="p-item l-col m-1-of-2">
|
49
|
-
<span>2 columns</span>
|
50
|
-
</div>
|
51
|
-
<div class="p-item l-col m-1-of-2">
|
52
|
-
<span>2 columns</span>
|
53
|
-
</div>
|
54
|
-
</div>
|
55
|
-
</div>
|
56
|
-
<nav class="l-col m-7 m-centered">
|
57
|
-
<span>7 columns</span>
|
58
|
-
</nav>
|
59
|
-
</div>
|
60
|
-
|
61
|
-
<div class="content l-container">
|
62
|
-
<div class="l-col m-3">
|
63
|
-
<span>3 columns</span>
|
64
|
-
</div>
|
65
|
-
<div class="l-col m-3">
|
66
|
-
<span>3 columns</span>
|
67
|
-
</div>
|
68
|
-
<div class="l-col m-2">
|
69
|
-
<span>2 columns</span>
|
70
|
-
</div>
|
71
|
-
</div>
|
72
|
-
|
73
|
-
<div class="footer l-container"></div>
|
74
|
-
</div>
|
data/tests/grid/fluid.html
DELETED
@@ -1,85 +0,0 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
title: Fluid Grid Examples
|
4
|
-
id: fluid
|
5
|
-
css: fluid-grid
|
6
|
-
menu: grids
|
7
|
-
---
|
8
|
-
|
9
|
-
<div id="page">
|
10
|
-
<div class="l-container">
|
11
|
-
{% include shared-grid-samples.html %}
|
12
|
-
</div>
|
13
|
-
|
14
|
-
<div class="l-container">
|
15
|
-
<h2>Nested row</h2>
|
16
|
-
<div class="l-row">
|
17
|
-
<div class="l-col m-3">
|
18
|
-
<span>l-col m-3</span>
|
19
|
-
</div>
|
20
|
-
<div class="l-col m-6">
|
21
|
-
<span>l-col m-3</span>
|
22
|
-
<div class="l-row">
|
23
|
-
<div class="l-col m-3">
|
24
|
-
<span>l-col m-3</span>
|
25
|
-
</div>
|
26
|
-
<div class="l-col m-3">
|
27
|
-
<span>l-col m-3</span>
|
28
|
-
</div>
|
29
|
-
<div class="l-col m-3">
|
30
|
-
<span>l-col m-3</span>
|
31
|
-
</div>
|
32
|
-
<div class="l-col m-3">
|
33
|
-
<span>l-col m-3</span>
|
34
|
-
</div>
|
35
|
-
</div>
|
36
|
-
</div>
|
37
|
-
<div class="l-col m-3">
|
38
|
-
<span>l-col m-3</span>
|
39
|
-
</div>
|
40
|
-
</div>
|
41
|
-
</div>
|
42
|
-
|
43
|
-
<div class="l-container m-pixel">
|
44
|
-
<header>
|
45
|
-
<h2>Forced pixel grid</h2>
|
46
|
-
<code>.l-container.m-pixel</code> with no row
|
47
|
-
</header>
|
48
|
-
|
49
|
-
<div class="l-col m-6">
|
50
|
-
<span>.l-col-m-6</span>
|
51
|
-
</div>
|
52
|
-
<div class="l-col m-3">
|
53
|
-
<span>.l-col-m-6</span>
|
54
|
-
</div>
|
55
|
-
<div class="l-col m-3">
|
56
|
-
<span>.l-col-m-6</span>
|
57
|
-
</div>
|
58
|
-
|
59
|
-
<div class="l-row m-gutterless">
|
60
|
-
<div class="l-col m-9">
|
61
|
-
<span>.l-col-m-9</span>
|
62
|
-
<div class="l-container">
|
63
|
-
<h2>Nested grid: 6 columns in a 9 column cell</h2>
|
64
|
-
<div class="l-row">
|
65
|
-
<div class="l-col m-2-of-8">
|
66
|
-
<span>.l-col-m-2-of-6</span>
|
67
|
-
</div>
|
68
|
-
<div class="l-col m-2-of-8">
|
69
|
-
<span>.l-col-m-2-of-6</span>
|
70
|
-
</div>
|
71
|
-
<div class="l-col m-2-of-8">
|
72
|
-
<span>.l-col-m-2-of-6</span>
|
73
|
-
</div>
|
74
|
-
<div class="l-col m-2-of-8">
|
75
|
-
<span>.l-col-m-2-of-6</span>
|
76
|
-
</div>
|
77
|
-
</div>
|
78
|
-
</div>
|
79
|
-
</div>
|
80
|
-
<div class="l-col m-3">
|
81
|
-
<span>.l-col-m-3</span>
|
82
|
-
</div>
|
83
|
-
</div>
|
84
|
-
</div>
|
85
|
-
</div>
|
data/tests/grid/guardian.html
DELETED
@@ -1,248 +0,0 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
title: Guardian Home Layout Demo
|
4
|
-
id: guardian
|
5
|
-
css: guardian
|
6
|
-
menu: grids
|
7
|
-
---
|
8
|
-
|
9
|
-
<div class="reference">
|
10
|
-
<img src="{{site.baseurl}}/images/guardian-home.png" alt="">
|
11
|
-
</div>
|
12
|
-
|
13
|
-
<div id="page">
|
14
|
-
|
15
|
-
<div class="l-container">
|
16
|
-
<div class="top-bar"></div>
|
17
|
-
<div class="header">
|
18
|
-
<div class="p-info"></div>
|
19
|
-
<div class="p-search"></div>
|
20
|
-
<div class="masthead l-row">
|
21
|
-
<div class="p-logo l-col m-6">
|
22
|
-
<span>l-col m-6</span>
|
23
|
-
</div>
|
24
|
-
<div class="p-weather l-col m-6">
|
25
|
-
<span>l-col m-6</span>
|
26
|
-
</div>
|
27
|
-
</div>
|
28
|
-
<div class="nav">
|
29
|
-
<div class="p-main"></div>
|
30
|
-
<div class="p-sub"></div>
|
31
|
-
</div>
|
32
|
-
<div class="ticker"></div>
|
33
|
-
</div>
|
34
|
-
|
35
|
-
<div class="content l-row">
|
36
|
-
<div class="left l-col m-4">
|
37
|
-
<div class="item m-1">
|
38
|
-
<span>l-col m4</span>
|
39
|
-
</div>
|
40
|
-
<div class="item m-2">
|
41
|
-
<span>l-col m4</span>
|
42
|
-
</div>
|
43
|
-
<div class="item m-3">
|
44
|
-
<span>l-col m4</span>
|
45
|
-
</div>
|
46
|
-
</div>
|
47
|
-
<div class="main l-col m-6">
|
48
|
-
<div class="item m-feat">
|
49
|
-
<span>l-col m6</span>
|
50
|
-
</div>
|
51
|
-
|
52
|
-
<div class="l-row">
|
53
|
-
<div class="l-col m-2">
|
54
|
-
<div class="item m-1">
|
55
|
-
<span>l-col m2</span>
|
56
|
-
</div>
|
57
|
-
<div class="item m-2">
|
58
|
-
<span>l-col m2</span>
|
59
|
-
</div>
|
60
|
-
<div class="item m-3">
|
61
|
-
<span>l-col m2</span>
|
62
|
-
</div>
|
63
|
-
<div class="item m-3">
|
64
|
-
<span>l-col m2</span>
|
65
|
-
</div>
|
66
|
-
<div class="item m-3">
|
67
|
-
<span>l-col m2</span>
|
68
|
-
</div>
|
69
|
-
<div class="item m-3">
|
70
|
-
<span>l-col m2</span>
|
71
|
-
</div>
|
72
|
-
<div class="item m-3">
|
73
|
-
<span>l-col m2</span>
|
74
|
-
</div>
|
75
|
-
<div class="item m-4">
|
76
|
-
<span>l-col m2</span>
|
77
|
-
</div>
|
78
|
-
<div class="item m-3">
|
79
|
-
<span>l-col m2</span>
|
80
|
-
</div>
|
81
|
-
<div class="item m-3">
|
82
|
-
<span>l-col m2</span>
|
83
|
-
</div>
|
84
|
-
<div class="item m-3">
|
85
|
-
<span>l-col m2</span>
|
86
|
-
</div>
|
87
|
-
<div class="item m-3">
|
88
|
-
<span>l-col m2</span>
|
89
|
-
</div>
|
90
|
-
<div class="item m-3">
|
91
|
-
<span>l-col m2</span>
|
92
|
-
</div>
|
93
|
-
<div class="item m-3">
|
94
|
-
<span>l-col m2</span>
|
95
|
-
</div>
|
96
|
-
<div class="item m-3">
|
97
|
-
<span>l-col m2</span>
|
98
|
-
</div>
|
99
|
-
<div class="item m-3">
|
100
|
-
<span>l-col m2</span>
|
101
|
-
</div>
|
102
|
-
<div class="item m-3">
|
103
|
-
<span>l-col m2</span>
|
104
|
-
</div>
|
105
|
-
<div class="item m-3">
|
106
|
-
<span>l-col m2</span>
|
107
|
-
</div>
|
108
|
-
<div class="item m-3">
|
109
|
-
<span>l-col m2</span>
|
110
|
-
</div>
|
111
|
-
<div class="item m-3">
|
112
|
-
<span>l-col m2</span>
|
113
|
-
</div>
|
114
|
-
<div class="item m-3">
|
115
|
-
<span>l-col m2</span>
|
116
|
-
</div>
|
117
|
-
<div class="item m-3">
|
118
|
-
<span>l-col m2</span>
|
119
|
-
</div>
|
120
|
-
<div class="item m-3">
|
121
|
-
<span>l-col m2</span>
|
122
|
-
</div>
|
123
|
-
<div class="item m-5">
|
124
|
-
<span>l-col m2</span>
|
125
|
-
</div>
|
126
|
-
</div>
|
127
|
-
<div class="l-col m-4">
|
128
|
-
<div class="item m-1">
|
129
|
-
<span>l-col m4</span>
|
130
|
-
</div>
|
131
|
-
<div class="item m-2">
|
132
|
-
<span>l-col m4</span>
|
133
|
-
</div>
|
134
|
-
<div class="item m-3">
|
135
|
-
<span>l-col m4</span>
|
136
|
-
</div>
|
137
|
-
<div class="item m-4">
|
138
|
-
<span>l-col m4</span>
|
139
|
-
</div>
|
140
|
-
<div class="item m-5">
|
141
|
-
<span>l-col m4</span>
|
142
|
-
</div>
|
143
|
-
<div class="item m-6">
|
144
|
-
<span>l-col m4</span>
|
145
|
-
</div>
|
146
|
-
<div class="item m-7">
|
147
|
-
<span>l-col m4</span>
|
148
|
-
</div>
|
149
|
-
<div class="item m-8">
|
150
|
-
<span>l-col m4</span>
|
151
|
-
</div>
|
152
|
-
</div>
|
153
|
-
</div>
|
154
|
-
</div>
|
155
|
-
<div class="right l-col m-2">
|
156
|
-
<div class="item m-1">
|
157
|
-
<span>l-col m2</span>
|
158
|
-
</div>
|
159
|
-
<div class="item m-2">
|
160
|
-
<span>l-col m2</span>
|
161
|
-
</div>
|
162
|
-
<div class="item m-3">
|
163
|
-
<span>l-col m2</span>
|
164
|
-
</div>
|
165
|
-
<div class="item m-4">
|
166
|
-
<span>l-col m2</span>
|
167
|
-
</div>
|
168
|
-
<div class="item m-5">
|
169
|
-
<span>l-col m2</span>
|
170
|
-
</div>
|
171
|
-
<div class="item m-6">
|
172
|
-
<span>l-col m2</span>
|
173
|
-
</div>
|
174
|
-
<div class="item m-7">
|
175
|
-
<span>l-col m2</span>
|
176
|
-
</div>
|
177
|
-
<div class="item m-8">
|
178
|
-
<span>l-col m2</span>
|
179
|
-
</div>
|
180
|
-
<div class="item m-9">
|
181
|
-
<span>l-col m2</span>
|
182
|
-
</div>
|
183
|
-
<div class="item m-10">
|
184
|
-
<span>l-col m2</span>
|
185
|
-
</div>
|
186
|
-
<div class="item m-11">
|
187
|
-
<span>l-col m2</span>
|
188
|
-
</div>
|
189
|
-
<div class="item m-12">
|
190
|
-
<span>l-col m2</span>
|
191
|
-
</div>
|
192
|
-
<div class="item m-13">
|
193
|
-
<span>l-col m2</span>
|
194
|
-
</div>
|
195
|
-
</div>
|
196
|
-
</div>
|
197
|
-
|
198
|
-
<div class="shop">
|
199
|
-
<header></header>
|
200
|
-
<div class="l-row">
|
201
|
-
<div class="l-col m-2">
|
202
|
-
<span>l-col m2</span>
|
203
|
-
</div>
|
204
|
-
<div class="l-col m-2">
|
205
|
-
<span>l-col m2</span>
|
206
|
-
</div>
|
207
|
-
<div class="l-col m-2">
|
208
|
-
<span>l-col m2</span>
|
209
|
-
</div>
|
210
|
-
<div class="l-col m-2">
|
211
|
-
<span>l-col m2</span>
|
212
|
-
</div>
|
213
|
-
<div class="l-col m-2">
|
214
|
-
<span>l-col m2</span>
|
215
|
-
</div>
|
216
|
-
<div class="l-col m-2">
|
217
|
-
<span>l-col m2</span>
|
218
|
-
</div>
|
219
|
-
</div>
|
220
|
-
</div>
|
221
|
-
|
222
|
-
<div class="simple-news">
|
223
|
-
<header></header>
|
224
|
-
<div class="l-row">
|
225
|
-
<div class="l-col m-2">
|
226
|
-
<span>l-col m2</span>
|
227
|
-
</div>
|
228
|
-
<div class="l-col m-2">
|
229
|
-
<span>l-col m2</span>
|
230
|
-
</div>
|
231
|
-
<div class="l-col m-2">
|
232
|
-
<span>l-col m2</span>
|
233
|
-
</div>
|
234
|
-
<div class="l-col m-2">
|
235
|
-
<span>l-col m2</span>
|
236
|
-
</div>
|
237
|
-
<div class="l-col m-2">
|
238
|
-
<span>l-col m2</span>
|
239
|
-
</div>
|
240
|
-
<div class="l-col m-2">
|
241
|
-
<span>l-col m2</span>
|
242
|
-
</div>
|
243
|
-
</div>
|
244
|
-
</div>
|
245
|
-
|
246
|
-
<div class="mastfoot"></div>
|
247
|
-
</div>
|
248
|
-
</div>
|