Skip to content

Commit 96a67f9

Browse files
dariusrosendahldariusrosendahl
committed
First commit
1 parent 447d27c commit 96a67f9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+5518
-0
lines changed

‎.gitignore‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
*.log
2+
thumbs.db
3+
4+
# Allow castlecss-core in gitignore
5+
node_modules
6+
!node_modules/castlecss-core

‎.npmignore‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
*.log
2+
thumbs.db
3+
4+
node_modules

‎Gruntfile.js‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
/* Grunt Task configuration */
2+
module.exports = function(grunt) {
3+
4+
/* using jit-grunt for automatically loading all required plugins */
5+
require('jit-grunt')(grunt);
6+
7+
grunt.initConfig({
8+
pkg: grunt.file.readJSON('package.json'),
9+
10+
// Compile Sass to CSS and produce SoureMaps;
11+
sass: {
12+
options: {
13+
sourceMap: true,
14+
outputStyle: 'uncompressed'
15+
},
16+
files: {
17+
src: 'scss/main.scss',
18+
dest: 'dist/css/styles.min.css',
19+
ext: '.css'
20+
}
21+
},
22+
23+
// PostCSS for adding prefixers and setting rem to pixels;
24+
postcss: {
25+
dist: {
26+
src: 'dist/css/styles.min.css'
27+
28+
},
29+
options: {
30+
// Rewrite and save sourcemap as seperate file
31+
map: {
32+
annotation: 'styles/'
33+
},
34+
processors: [
35+
// add fallbacks for rem units
36+
require('pixrem')({
37+
atrules: true
38+
}),
39+
// add vendor prefixes
40+
require('autoprefixer')({ browsers: 'iOS >= 7, last 2 versions, ie > 7' }),
41+
// minify the result
42+
require('cssnano')()
43+
]
44+
},
45+
},
46+
47+
watch: {
48+
scss: {
49+
files: 'scss/**/*.scss',
50+
tasks: ['sass', 'postcss'],
51+
options: {
52+
spawn: false,
53+
},
54+
},
55+
nunjucks: {
56+
files: 'views/**/*.html',
57+
tasks: ['nunjucks'],
58+
options: {
59+
spawn: false,
60+
},
61+
}
62+
},
63+
nunjucks: {
64+
render: {
65+
options: {
66+
paths: ['views'],
67+
data: grunt.file.readJSON('templates-data.json')
68+
},
69+
files: [
70+
{
71+
expand: true,
72+
cwd: "views/",
73+
src: "*.html",
74+
dest: "dist/",
75+
ext: ".html"
76+
}
77+
]
78+
}
79+
},
80+
81+
82+
});
83+
84+
grunt.loadNpmTasks('grunt-nunjucks-2-html');
85+
86+
/*
87+
* Grunt tasks
88+
* Run with grunt or grunt <command> in terminal
89+
*/
90+
grunt.registerTask('default', 'run');
91+
grunt.registerTask('run',
92+
[
93+
'nunjucks',
94+
'sass',
95+
'postcss',
96+
'watch'
97+
]
98+
);
99+
grunt.registerTask('create_css',
100+
[
101+
'sass',
102+
'postcss'
103+
]
104+
);
105+
grunt.registerTask('create_html',
106+
[
107+
'nunjucks'
108+
]
109+
);
110+
};

‎LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2016 CastleCSS
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎dist/about.html‎

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>About - CastleCSS</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1" />
7+
8+
<link rel="stylesheet" href="css/styles.min.css" />
9+
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css " />
10+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
11+
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script>
13+
14+
</head>
15+
16+
<body>
17+
<div id="wrapper" class="wrapper">
18+
19+
<div class="g full-height">
20+
21+
<!-- Side -->
22+
<div class="b0_12 b4_08 b5_06 b6_04">
23+
<header id="header" class="nav-container p-3x">
24+
<div class="nav-label">menu</div>
25+
<a class="nav-logo" href="index.html"><img src="img/logo-castlecss.png"></a>
26+
<ul class="doc-menu list-unstyled">
27+
<li><a href="about.html">About CastleCSS</a></li>
28+
<li>
29+
<a href="installation.html">Installation</a>
30+
</li>
31+
<li><a href="variables.html">Variables</a></li>
32+
<li>
33+
<a href="grid.html">Breakpoints &amp; Grid</a>
34+
<ul class="list-unstyled">
35+
<li>
36+
<a href="grid.html#basicexamples">The basics</a>
37+
</li>
38+
<li>
39+
<a href="grid.html#breakpoints">Breakpoints</a>
40+
</li>
41+
<li>
42+
<a href="grid.html#basicexamples">Basic grid examples</a>
43+
</li>
44+
<li>
45+
<a href="grid.html#gutters">Gutters</a>
46+
</li>
47+
<li>
48+
<a href="grid.html#directionalignment">Direction and alignment</a>
49+
</li>
50+
</ul>
51+
</li>
52+
<li><a href="utility.html">Utility classes</a></li>
53+
<li><a href="utility_spacers.html">Utility spacers</a></li>
54+
<li><a href="buttons.html">Buttons</a></li>
55+
<li><a href="notifications.html">Notifications / alerts</a></li>
56+
<li><a href="mixins.html">Mixins</a></li>
57+
</ul>
58+
</header>
59+
60+
</div>
61+
<!-- End side -->
62+
63+
<!-- Main -->
64+
<div class="b0_12 b4_14 b4_push_01">
65+
<div class="p-3x">
66+
67+
<div class="block">
68+
<h1>About CastleCSS</h1>
69+
<p class="intro">A modular, easy to use SCSS Framework</p>
70+
71+
<h2>What is CastleCSS? </h2>
72+
<p >CastleCSS is a mobile first SCSS framework with modular building blocks for the web. It's also fully updateable! No more worrying if your base files are still correct, we keep the files up-to-date for you!</p>
73+
</div>
74+
<div class="block">
75+
<h2>Why did we create CastleCSS?</h2>
76+
<p>Years ago, when the responsive web was on the rise, none of the existing mobile first frameworks lived up to our specific needs. We did not believe in things like device specific classes and the grids did not offer the flexibility we required... So, we started creating our own Fortress in HTML/CSS/JS and have been expanding it ever since.</p>
77+
78+
<p>Now, we want to share our way of working with the world.</p>
79+
</div>
80+
<div class="block">
81+
<h2>What makes CastleCSS different?</h2>
82+
<p>Unlike other Frameworks, we do n&oacute;t include everything, but only what you need. The core is a kickstart to your website, which you can extend with several extensions.</p>
83+
84+
<p>Our philosophy is mobile first, easy to update, self explanatory code. We want to be able to keep you up to date with the latest version of CastleCSS, which is only possible if you follow the installation instructions.</p>
85+
<div>
86+
<a class="btn mb" href="installation.html">Installation instructions</a>
87+
</div>
88+
<div>
89+
<a class="github-button" href="https://github.com/castlecss/castlecss" aria-label="Watch castlecss/castlecss-core on GitHub">Watch</a>
90+
<a class="github-button" href="https://github.com/castlecss/castlecss" aria-label="Star castlecss/castlecss-core on GitHub">Star</a>
91+
<a class="github-button" href="https://github.com/castlecss/castlecss/archive/master.zip" aria-label="Download castlecss/castlecss on GitHub">Download</a>
92+
</div>
93+
</div>
94+
95+
</div>
96+
97+
<!-- Scripts for footer -->
98+
<!-- Scripts for documentation -->
99+
<footer id="footer">
100+
101+
</footer>
102+
<script>
103+
$(function () {
104+
navOpen();
105+
});
106+
function navOpen() {
107+
$('.nav-label, .open-documentation').on('click', function(e) {
108+
$('.nav-container').toggleClass('nav-container-active');
109+
e.preventDefault();
110+
});
111+
}
112+
113+
</script>
114+
115+
<script src="../js/shCore.js"></script>
116+
<script src="../js/shBrushXml.js"></script>
117+
<script src="../js/shBrushSass.js"></script>
118+
<script src="../js/shBrushJScript.js"></script>
119+
<script type="text/javascript">SyntaxHighlighter.all();</script>
120+
<script async defer src="https://buttons.github.io/buttons.js"></script>
121+
122+
</body>
123+
124+
</html>

0 commit comments

Comments
 (0)