Skip to content

Commit db46075

Browse files
author
Pascal Alferink
committed
start documentation castlecss-tabs
1 parent 2ab1794 commit db46075

19 files changed

+492
-150
lines changed

‎dist/about.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" >Mixins</a>
9296

9397
</li>

‎dist/breadcrumbs.html

+151-147
Original file line numberDiff line numberDiff line change
@@ -1,106 +1,110 @@
1-
<!DOCTYPE html>
2-
<html>
3-
4-
<head>
5-
<title>Breadcrumbs - CastleCSS</title>
6-
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1" />
7-
<link rel="stylesheet" href="css/styles.min.css" />
8-
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
9-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script>
10-
</head>
11-
12-
<body>
13-
14-
<!-- Google Tag Manager -->
15-
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N85PTX"
16-
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
17-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
18-
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
19-
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
20-
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
21-
})(window,document,'script','dataLayer','GTM-N85PTX');</script>
22-
23-
<div id="wrapper" class="wrapper ">
24-
25-
<div class="g full-height">
26-
27-
<!-- Side -->
28-
<div class="b0_12 b4_08 b5_06 b6_04">
29-
<!-- End Google Tag Manager -->
30-
<header id="header" class="nav-container">
31-
<div class="nav-label">menu</div>
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">
34-
35-
<ul class="doc-menu list-unstyled">
36-
37-
<li><a href="/about.html" >About CastleCSS</a>
38-
39-
</li>
40-
41-
<li><a href="/installation.html" >Installation</a>
42-
43-
</li>
44-
45-
<li><a href="/variables.html" >Variables</a>
46-
47-
</li>
48-
49-
<li><a href="/grid.html" >Breakpoints &amp; Grid</a>
50-
51-
<ul class="list-unstyled">
52-
53-
<li><a href="grid.html#basicexamples">The basics</a>
54-
55-
<li><a href="grid.html#breakpoints">Breakpoints</a>
56-
57-
<li><a href="grid.html#basicexamples">Basic grid examples</a>
58-
59-
<li><a href="grid.html#gutters">Gutters</a>
60-
61-
<li><a href="grid.html#directionalignment">Direction and alignment</a>
62-
63-
</ul>
64-
65-
</li>
66-
67-
<li><a href="/utility.html" >Utility classes</a>
68-
69-
</li>
70-
71-
<li><a href="/utility_spacers.html" >Utility spacers</a>
72-
73-
</li>
74-
75-
<li><a href="/icons.html" >Icons</a>
76-
77-
</li>
78-
79-
<li><a href="/buttons.html" >Buttons</a>
80-
81-
</li>
82-
83-
<li><a href="/notifications.html" >Notifications / alerts</a>
84-
85-
</li>
86-
87-
<li><a href="/breadcrumbs.html" class="active">Breadcrumbs</a>
88-
89-
</li>
90-
91-
<li><a href="/mixins.html" >Mixins</a>
92-
93-
</li>
94-
95-
</ul>
96-
</div>
97-
98-
99-
100-
</header>
101-
102-
</div>
103-
<!-- End side -->
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Breadcrumbs - CastleCSS</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1" />
7+
<link rel="stylesheet" href="css/styles.min.css" />
8+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
9+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script>
10+
</head>
11+
12+
<body>
13+
14+
<!-- Google Tag Manager -->
15+
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N85PTX"
16+
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
17+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
18+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
19+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
20+
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
21+
})(window,document,'script','dataLayer','GTM-N85PTX');</script>
22+
23+
<div id="wrapper" class="wrapper ">
24+
25+
<div class="g full-height">
26+
27+
<!-- Side -->
28+
<div class="b0_12 b4_08 b5_06 b6_04">
29+
<!-- End Google Tag Manager -->
30+
<header id="header" class="nav-container">
31+
<div class="nav-label">menu</div>
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">
34+
35+
<ul class="doc-menu list-unstyled">
36+
37+
<li><a href="/about.html" >About CastleCSS</a>
38+
39+
</li>
40+
41+
<li><a href="/installation.html" >Installation</a>
42+
43+
</li>
44+
45+
<li><a href="/variables.html" >Variables</a>
46+
47+
</li>
48+
49+
<li><a href="/grid.html" >Breakpoints &amp; Grid</a>
50+
51+
<ul class="list-unstyled">
52+
53+
<li><a href="grid.html#basicexamples">The basics</a>
54+
55+
<li><a href="grid.html#breakpoints">Breakpoints</a>
56+
57+
<li><a href="grid.html#basicexamples">Basic grid examples</a>
58+
59+
<li><a href="grid.html#gutters">Gutters</a>
60+
61+
<li><a href="grid.html#directionalignment">Direction and alignment</a>
62+
63+
</ul>
64+
65+
</li>
66+
67+
<li><a href="/utility.html" >Utility classes</a>
68+
69+
</li>
70+
71+
<li><a href="/utility_spacers.html" >Utility spacers</a>
72+
73+
</li>
74+
75+
<li><a href="/icons.html" >Icons</a>
76+
77+
</li>
78+
79+
<li><a href="/buttons.html" >Buttons</a>
80+
81+
</li>
82+
83+
<li><a href="/notifications.html" >Notifications / alerts</a>
84+
85+
</li>
86+
87+
<li><a href="/breadcrumbs.html" class="active">Breadcrumbs</a>
88+
89+
</li>
90+
91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
95+
<li><a href="/mixins.html" >Mixins</a>
96+
97+
</li>
98+
99+
</ul>
100+
</div>
101+
102+
103+
104+
</header>
105+
106+
</div>
107+
<!-- End side -->
104108

105109

106110
<!-- Main -->
@@ -195,47 +199,47 @@ <h2>Seo</h2>
195199
</div>
196200
<!-- End main -->
197201

198-
<!-- Scripts for documentation -->
199-
<footer id="footer">
200-
201-
</footer>
202-
<script>
203-
$(function () {
204-
navOpen();
205-
206-
window.onscroll = function(e) {
207-
offSetManager();
208-
}
209-
});
210-
211-
function offSetManager(){
212-
213-
var yOffset = 110;
214-
var currYOffSet = window.pageYOffset;
215-
var menuHeight = $('.doc-menu').height();
216-
var windowHeight = $(window).height();
217-
218-
if((yOffset < currYOffSet) && (menuHeight < windowHeight)) {
219-
$('.nav-wrap').addClass('fixed');
220-
} else if(yOffset > currYOffSet){
221-
$('.nav-wrap').removeClass('fixed');
222-
}
223-
}
224-
225-
function navOpen() {
226-
$('.nav-label, .open-documentation').on('click', function(e) {
227-
$('.nav-container').toggleClass('nav-container-active');
228-
e.preventDefault();
229-
});
230-
}
231-
232-
</script>
233-
234-
<script src="js/shCore.js"></script>
235-
<script src="js/shBrushXml.js"></script>
236-
<script src="js/shBrushSass.js"></script>
237-
<script src="js/shBrushJScript.js"></script>
238-
<script type="text/javascript">SyntaxHighlighter.all();</script>
239-
<script async defer src="https://buttons.github.io/buttons.js"></script>
240-
</body>
241-
</html>
202+
<!-- Scripts for documentation -->
203+
<footer id="footer">
204+
205+
</footer>
206+
<script>
207+
$(function () {
208+
navOpen();
209+
210+
window.onscroll = function(e) {
211+
offSetManager();
212+
}
213+
});
214+
215+
function offSetManager(){
216+
217+
var yOffset = 110;
218+
var currYOffSet = window.pageYOffset;
219+
var menuHeight = $('.doc-menu').height();
220+
var windowHeight = $(window).height();
221+
222+
if((yOffset < currYOffSet) && (menuHeight < windowHeight)) {
223+
$('.nav-wrap').addClass('fixed');
224+
} else if(yOffset > currYOffSet){
225+
$('.nav-wrap').removeClass('fixed');
226+
}
227+
}
228+
229+
function navOpen() {
230+
$('.nav-label, .open-documentation').on('click', function(e) {
231+
$('.nav-container').toggleClass('nav-container-active');
232+
e.preventDefault();
233+
});
234+
}
235+
236+
</script>
237+
238+
<script src="js/shCore.js"></script>
239+
<script src="js/shBrushXml.js"></script>
240+
<script src="js/shBrushSass.js"></script>
241+
<script src="js/shBrushJScript.js"></script>
242+
<script type="text/javascript">SyntaxHighlighter.all();</script>
243+
<script async defer src="https://buttons.github.io/buttons.js"></script>
244+
</body>
245+
</html>

‎dist/buttons.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" >Mixins</a>
9296

9397
</li>

‎dist/css/styles.min.css

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

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

+3-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/grid.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" >Mixins</a>
9296

9397
</li>

‎dist/icons.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" >Mixins</a>
9296

9397
</li>

‎dist/index.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" >Mixins</a>
9296

9397
</li>

‎dist/installation.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" >Mixins</a>
9296

9397
</li>

‎dist/mixins.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" class="active">Mixins</a>
9296

9397
</li>

‎dist/notifications.html

+4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888

8989
</li>
9090

91+
<li><a href="/tabs.html" >Tabs</a>
92+
93+
</li>
94+
9195
<li><a href="/mixins.html" >Mixins</a>
9296

9397
</li>

0 commit comments

Comments
 (0)