Skip to content

Commit 71e7026

Browse files
gerwinbeumergerwinbeumer
committed
Tweaks op het docs framework
1 parent c1e7448 commit 71e7026

31 files changed

+905
-659
lines changed

‎dist/about.html‎

Lines changed: 56 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -27,68 +27,69 @@
2727
<!-- Side -->
2828
<div class="b0_12 b4_08 b5_06 b6_04">
2929
<!-- End Google Tag Manager -->
30-
<header id="header" class="nav-container p-3x">
30+
<header id="header" class="nav-container">
3131
<div class="nav-label">menu</div>
32-
<a class="nav-logo" href="index.html"><img src="img/logo-castlecss.png"></a>
32+
<a class="nav-logo p-b4-3x" href="index.html"><img src="img/logo-castlecss.png"></a>
33+
<div class="nav-wrap pl-3x pr-3x">
3334

34-
<ul class="doc-menu list-unstyled">
35+
<ul class="doc-menu list-unstyled">
3536

36-
<li><a href="/about.html" class="active">About CastleCSS</a>
37+
<li><a href="/about.html" class="active">About CastleCSS</a>
3738

38-
</li>
39+
</li>
3940

40-
<li><a href="/installation.html" >Installation</a>
41+
<li><a href="/installation.html" >Installation</a>
4142

42-
</li>
43+
</li>
4344

44-
<li><a href="/variables.html" >Variables</a>
45+
<li><a href="/variables.html" >Variables</a>
4546

46-
</li>
47+
</li>
4748

48-
<li><a href="/grid.html" >Breakpoints &amp; Grid</a>
49+
<li><a href="/grid.html" >Breakpoints &amp; Grid</a>
4950

50-
<ul class="list-unstyled">
51+
<ul class="list-unstyled">
5152

52-
<li><a href="grid.html#basicexamples">The basics</a>
53+
<li><a href="grid.html#basicexamples">The basics</a>
5354

54-
<li><a href="grid.html#breakpoints">Breakpoints</a>
55+
<li><a href="grid.html#breakpoints">Breakpoints</a>
5556

56-
<li><a href="grid.html#basicexamples">Basic grid examples</a>
57+
<li><a href="grid.html#basicexamples">Basic grid examples</a>
5758

58-
<li><a href="grid.html#gutters">Gutters</a>
59+
<li><a href="grid.html#gutters">Gutters</a>
5960

60-
<li><a href="grid.html#directionalignment">Direction and alignment</a>
61+
<li><a href="grid.html#directionalignment">Direction and alignment</a>
6162

62-
</ul>
63+
</ul>
6364

64-
</li>
65+
</li>
6566

66-
<li><a href="/utility.html" >Utility classes</a>
67+
<li><a href="/utility.html" >Utility classes</a>
6768

68-
</li>
69+
</li>
6970

70-
<li><a href="/utility_spacers.html" >Utility spacers</a>
71+
<li><a href="/utility_spacers.html" >Utility spacers</a>
7172

72-
</li>
73+
</li>
7374

74-
<li><a href="/icons.html" >Icons</a>
75+
<li><a href="/icons.html" >Icons</a>
7576

76-
</li>
77+
</li>
7778

78-
<li><a href="/buttons.html" >Buttons</a>
79+
<li><a href="/buttons.html" >Buttons</a>
7980

80-
</li>
81+
</li>
8182

82-
<li><a href="/notifications.html" >Notifications / alerts</a>
83+
<li><a href="/notifications.html" >Notifications / alerts</a>
8384

84-
</li>
85+
</li>
8586

86-
<li><a href="/mixins.html" >Mixins</a>
87+
<li><a href="/mixins.html" >Mixins</a>
8788

88-
</li>
89-
90-
</ul>
89+
</li>
9190

91+
</ul>
92+
</div>
9293

9394

9495

@@ -100,7 +101,7 @@
100101

101102
<!-- Main -->
102103
<div class="b0_12 b4_14 b4_push_01">
103-
<div class="p-3x">
104+
<div class="p p-b3-3x">
104105
<div class="block">
105106
<h1>About CastleCSS</h1>
106107
<p class="intro">A modular, easy to use SCSS Framework</p>
@@ -136,7 +137,29 @@ <h2>What makes CastleCSS different?</h2>
136137
<script>
137138
$(function () {
138139
navOpen();
140+
141+
// window.onscroll = function(e) {
142+
// offSetManager();
143+
// }
139144
});
145+
146+
function offSetManager(){
147+
148+
var yOffset = 110;
149+
var currYOffSet = window.pageYOffset;
150+
151+
if(yOffset < currYOffSet) {
152+
$('.nav-wrap').addClass('fixed');
153+
}
154+
else {
155+
156+
if(currYOffSet < yOffset){
157+
$('.nav-wrap').removeClass('fixed');
158+
}
159+
}
160+
161+
}
162+
140163
function navOpen() {
141164
$('.nav-label, .open-documentation').on('click', function(e) {
142165
$('.nav-container').toggleClass('nav-container-active');

‎dist/buttons.html‎

Lines changed: 57 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -27,68 +27,69 @@
2727
<!-- Side -->
2828
<div class="b0_12 b4_08 b5_06 b6_04">
2929
<!-- End Google Tag Manager -->
30-
<header id="header" class="nav-container p-3x">
30+
<header id="header" class="nav-container">
3131
<div class="nav-label">menu</div>
32-
<a class="nav-logo" href="index.html"><img src="img/logo-castlecss.png"></a>
32+
<a class="nav-logo p-b4-3x" href="index.html"><img src="img/logo-castlecss.png"></a>
33+
<div class="nav-wrap pl-3x pr-3x">
3334

34-
<ul class="doc-menu list-unstyled">
35+
<ul class="doc-menu list-unstyled">
3536

36-
<li><a href="/about.html" >About CastleCSS</a>
37+
<li><a href="/about.html" >About CastleCSS</a>
3738

38-
</li>
39+
</li>
3940

40-
<li><a href="/installation.html" >Installation</a>
41+
<li><a href="/installation.html" >Installation</a>
4142

42-
</li>
43+
</li>
4344

44-
<li><a href="/variables.html" >Variables</a>
45+
<li><a href="/variables.html" >Variables</a>
4546

46-
</li>
47+
</li>
4748

48-
<li><a href="/grid.html" >Breakpoints &amp; Grid</a>
49+
<li><a href="/grid.html" >Breakpoints &amp; Grid</a>
4950

50-
<ul class="list-unstyled">
51+
<ul class="list-unstyled">
5152

52-
<li><a href="grid.html#basicexamples">The basics</a>
53+
<li><a href="grid.html#basicexamples">The basics</a>
5354

54-
<li><a href="grid.html#breakpoints">Breakpoints</a>
55+
<li><a href="grid.html#breakpoints">Breakpoints</a>
5556

56-
<li><a href="grid.html#basicexamples">Basic grid examples</a>
57+
<li><a href="grid.html#basicexamples">Basic grid examples</a>
5758

58-
<li><a href="grid.html#gutters">Gutters</a>
59+
<li><a href="grid.html#gutters">Gutters</a>
5960

60-
<li><a href="grid.html#directionalignment">Direction and alignment</a>
61+
<li><a href="grid.html#directionalignment">Direction and alignment</a>
6162

62-
</ul>
63+
</ul>
6364

64-
</li>
65+
</li>
6566

66-
<li><a href="/utility.html" >Utility classes</a>
67+
<li><a href="/utility.html" >Utility classes</a>
6768

68-
</li>
69+
</li>
6970

70-
<li><a href="/utility_spacers.html" >Utility spacers</a>
71+
<li><a href="/utility_spacers.html" >Utility spacers</a>
7172

72-
</li>
73+
</li>
7374

74-
<li><a href="/icons.html" >Icons</a>
75+
<li><a href="/icons.html" >Icons</a>
7576

76-
</li>
77+
</li>
7778

78-
<li><a href="/buttons.html" class="active">Buttons</a>
79+
<li><a href="/buttons.html" class="active">Buttons</a>
7980

80-
</li>
81+
</li>
8182

82-
<li><a href="/notifications.html" >Notifications / alerts</a>
83+
<li><a href="/notifications.html" >Notifications / alerts</a>
8384

84-
</li>
85+
</li>
8586

86-
<li><a href="/mixins.html" >Mixins</a>
87+
<li><a href="/mixins.html" >Mixins</a>
8788

88-
</li>
89-
90-
</ul>
89+
</li>
9190

91+
</ul>
92+
</div>
9293

9394

9495

@@ -100,7 +101,7 @@
100101

101102
<!-- Main -->
102103
<div class="b0_12 b4_14 b4_push_01">
103-
<div class="p-3x">
104+
<div class="p p-b3-3x">
104105
<div class="block">
105106
<h1>Buttons</h1>
106107
<p class="intro">Get your visitors clicking</p>
@@ -125,8 +126,7 @@ <h1>Buttons</h1>
125126
<a href="#" class="btn-theme03"></a>
126127
<a href="#" class="btn-theme04"></a>
127128
<a href="#" class="btn-theme05"></a>
128-
<a href="#" class="btn btn-full"></a>
129-
</pre>
129+
<a href="#" class="btn btn-full"></a></pre>
130130
</div>
131131
</div>
132132
</div>
@@ -139,7 +139,29 @@ <h1>Buttons</h1>
139139
<script>
140140
$(function () {
141141
navOpen();
142+
143+
// window.onscroll = function(e) {
144+
// offSetManager();
145+
// }
142146
});
147+
148+
function offSetManager(){
149+
150+
var yOffset = 110;
151+
var currYOffSet = window.pageYOffset;
152+
153+
if(yOffset < currYOffSet) {
154+
$('.nav-wrap').addClass('fixed');
155+
}
156+
else {
157+
158+
if(currYOffSet < yOffset){
159+
$('.nav-wrap').removeClass('fixed');
160+
}
161+
}
162+
163+
}
164+
143165
function navOpen() {
144166
$('.nav-label, .open-documentation').on('click', function(e) {
145167
$('.nav-container').toggleClass('nav-container-active');

‎dist/css/styles.min.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/styles.min.css.map‎

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

0 commit comments

Comments
 (0)