Skip to content

Commit c979ca0

Browse files
drewbarontinidrewbarontini
committed
Mobile responsiveness
1 parent 25eb587 commit c979ca0

File tree

22 files changed

+292
-12
lines changed

22 files changed

+292
-12
lines changed

‎build/application/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<a class='btn--a' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
1515
<p><a href="/changelog/">Changelog (v3.0.0)</a></p>
1616
</div>
17+
<a class='l-sidebar-toggle' href='#'>Navigation</a>
1718
<div class='l-sidebar'>
1819
<header class='l-header'>
1920
<div class='c-logo'>
@@ -75,5 +76,19 @@ <h2>Inbox</h2>
7576

7677
<p>The inbox allows developers, and those not actively working on the CSS, to quickly add styles that are easily seen by the maintainer of the file. This section of the Application has worked wonders for us.</p>
7778
</div>
79+
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
80+
<script>
81+
(function() {
82+
83+
$(function() {
84+
return $('.l-sidebar-toggle').on('click', function(e) {
85+
e.preventDefault();
86+
$(this).toggleClass('is-active');
87+
return $('body').toggleClass('is-sidebar-toggled');
88+
});
89+
});
90+
91+
}).call(this);
92+
</script>
7893
</body>
7994
</html>

‎build/assets/stylesheets/application.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/changelog/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<a class='btn--a' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
1515
<p><a href="/changelog/">Changelog (v3.0.0)</a></p>
1616
</div>
17+
<a class='l-sidebar-toggle' href='#'>Navigation</a>
1718
<div class='l-sidebar'>
1819
<header class='l-header'>
1920
<div class='c-logo'>
@@ -102,5 +103,19 @@ <h2>v2.0.0</h2>
102103
<li>Initial version applied</li>
103104
</ul>
104105
</div>
106+
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
107+
<script>
108+
(function() {
109+
110+
$(function() {
111+
return $('.l-sidebar-toggle').on('click', function(e) {
112+
e.preventDefault();
113+
$(this).toggleClass('is-active');
114+
return $('body').toggleClass('is-sidebar-toggled');
115+
});
116+
});
117+
118+
}).call(this);
119+
</script>
105120
</body>
106121
</html>

‎build/core/base/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<a class='btn--a' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
1515
<p><a href="/changelog/">Changelog (v3.0.0)</a></p>
1616
</div>
17+
<a class='l-sidebar-toggle' href='#'>Navigation</a>
1718
<div class='l-sidebar'>
1819
<header class='l-header'>
1920
<div class='c-logo'>
@@ -63,5 +64,19 @@ <h1>Base</h1>
6364

6465
<p><a class="btn--b" href="/core/content/">Next &rarr;</a></p>
6566
</div>
67+
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
68+
<script>
69+
(function() {
70+
71+
$(function() {
72+
return $('.l-sidebar-toggle').on('click', function(e) {
73+
e.preventDefault();
74+
$(this).toggleClass('is-active');
75+
return $('body').toggleClass('is-sidebar-toggled');
76+
});
77+
});
78+
79+
}).call(this);
80+
</script>
6681
</body>
6782
</html>

‎build/core/content/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<a class='btn--a' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
1515
<p><a href="/changelog/">Changelog (v3.0.0)</a></p>
1616
</div>
17+
<a class='l-sidebar-toggle' href='#'>Navigation</a>
1718
<div class='l-sidebar'>
1819
<header class='l-header'>
1920
<div class='c-logo'>
@@ -137,5 +138,19 @@ <h2>Custom Submodules</h2>
137138

138139
<p><a class="btn--b" href="/core/layout/">Next &rarr;</a></p>
139140
</div>
141+
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
142+
<script>
143+
(function() {
144+
145+
$(function() {
146+
return $('.l-sidebar-toggle').on('click', function(e) {
147+
e.preventDefault();
148+
$(this).toggleClass('is-active');
149+
return $('body').toggleClass('is-sidebar-toggled');
150+
});
151+
});
152+
153+
}).call(this);
154+
</script>
140155
</body>
141156
</html>

‎build/core/helpers/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<a class='btn--a' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
1515
<p><a href="/changelog/">Changelog (v3.0.0)</a></p>
1616
</div>
17+
<a class='l-sidebar-toggle' href='#'>Navigation</a>
1718
<div class='l-sidebar'>
1819
<header class='l-header'>
1920
<div class='c-logo'>
@@ -70,5 +71,19 @@ <h1>Helpers</h1>
7071

7172
<p><a class="btn--b" href="/core/base/">Next &rarr;</a></p>
7273
</div>
74+
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
75+
<script>
76+
(function() {
77+
78+
$(function() {
79+
return $('.l-sidebar-toggle').on('click', function(e) {
80+
e.preventDefault();
81+
$(this).toggleClass('is-active');
82+
return $('body').toggleClass('is-sidebar-toggled');
83+
});
84+
});
85+
86+
}).call(this);
87+
</script>
7388
</body>
7489
</html>

‎build/core/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<a class='btn--a' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
1515
<p><a href="/changelog/">Changelog (v3.0.0)</a></p>
1616
</div>
17+
<a class='l-sidebar-toggle' href='#'>Navigation</a>
1718
<div class='l-sidebar'>
1819
<header class='l-header'>
1920
<div class='c-logo'>
@@ -85,5 +86,19 @@ <h2>6. <a href="/core/layout/">Layout</a></h2>
8586

8687
<p>Base-level layout (margin, padding, sizing).</p>
8788
</div>
89+
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
90+
<script>
91+
(function() {
92+
93+
$(function() {
94+
return $('.l-sidebar-toggle').on('click', function(e) {
95+
e.preventDefault();
96+
$(this).toggleClass('is-active');
97+
return $('body').toggleClass('is-sidebar-toggled');
98+
});
99+
});
100+
101+
}).call(this);
102+
</script>
88103
</body>
89104
</html>

‎build/core/layout/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<a class='btn--a' href='https://github.com/mvcss/mvcss'>View Code &rarr;</a>
1515
<p><a href="/changelog/">Changelog (v3.0.0)</a></p>
1616
</div>
17+
<a class='l-sidebar-toggle' href='#'>Navigation</a>
1718
<div class='l-sidebar'>
1819
<header class='l-header'>
1920
<div class='c-logo'>
@@ -76,5 +77,19 @@ <h2>Utilities &amp; Custom Submodules</h2>
7677

7778
<p>Just like <a href="/core/content/">Core - Content</a>, there are default utilities provided to you, and you can create your own custom submodules as well. Be sure to read through the <strong>MVCSS</strong> project files to get familiarized.</p>
7879
</div>
80+
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
81+
<script>
82+
(function() {
83+
84+
$(function() {
85+
return $('.l-sidebar-toggle').on('click', function(e) {
86+
e.preventDefault();
87+
$(this).toggleClass('is-active');
88+
return $('body').toggleClass('is-sidebar-toggled');
89+
});
90+
});
91+
92+
}).call(this);
93+
</script>
7994
</body>
8095
</html>

0 commit comments

Comments
 (0)