Skip to content

Commit d16e430

Browse files
jimfrenettejimfrenette
committed
'easybs'
1 parent bf21ed6 commit d16e430

10 files changed

+231
-0
lines changed

‎easybs/css/style.css

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

‎easybs/gulpfile.js

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
'use strict';
2+
var gulp = require('gulp');
3+
var browserSync = require('browser-sync').create();
4+
var sass = require('gulp-sass');
5+
var reload = browserSync.reload;
6+
7+
var path = {
8+
html: './**/*.html',
9+
scss: 'src/sass/**/*.scss',
10+
js: 'src/js/**/*.js',
11+
dist: {
12+
css: 'css',
13+
js: 'js'
14+
}
15+
};
16+
17+
// BrowserSync static server + watching scss and html files
18+
gulp.task('server', ['sass'], function() {
19+
browserSync.init({
20+
server: {
21+
baseDir: './',
22+
directory: false,
23+
index: 'index.html'
24+
}
25+
});
26+
27+
gulp.watch(src.scss, ['sass']);
28+
gulp.watch(src.html).on('change', reload);
29+
});
30+
31+
// Compile sass into css
32+
gulp.task('sass', function() {
33+
return gulp.src(path.scss)
34+
.pipe(sass())
35+
.pipe(gulp.dest(path.dist.css))
36+
.pipe(reload({stream: true}));
37+
});
38+
39+
gulp.task('default', ['serve']);

‎easybs/index.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="x-ua-compatible" content="ie=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Site Title</title>
8+
<link rel="stylesheet" type="text/css" href="css/style.css">
9+
<!--[if lt IE 9]>
10+
<link rel="stylesheet" type="text/css" href="style-ie8.css" />
11+
<![endif]-->
12+
</head>
13+
<body>
14+
15+
<h1>HTML Template</h1>
16+
17+
</body>
18+
</html>

‎easybs/package.json

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"name": "site",
3+
"version": "1.0.0",
4+
"description": "",
5+
"main": "index.js",
6+
"scripts": {
7+
"test": "echo \"Error: no test specified\" && exit 1"
8+
},
9+
"author": "",
10+
"license": "MIT",
11+
"devDependencies": {
12+
"browser-sync": "^2.10.1",
13+
"gulp": "^3.9.0",
14+
"gulp-sass": "^2.1.1"
15+
}
16+
}

‎easybs/src/sass/base/_base.scss

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
@import "variables";
2+
@import "fonts";
3+
@import "scaffolding";
4+
@import "typography";

‎easybs/src/sass/base/_fonts.scss

+12
Large diffs are not rendered by default.

‎easybs/src/sass/base/_scaffolding.scss

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
html {
2+
box-sizing: border-box;
3+
height: 100%;
4+
font-size: 100%;
5+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
6+
}
7+
*, *:before, *:after {
8+
box-sizing: inherit;
9+
}
10+
11+
html, button {
12+
color: $text-color;
13+
-webkit-font-smoothing: antialiased;
14+
}
15+
16+
body {
17+
font-family: $font-family-base;
18+
font-weight: $font-weight-base;
19+
font-size: $font-size-base;
20+
line-height: $line-height-base;
21+
-ms-text-size-adjust: none;
22+
margin: 0;
23+
padding: 0;
24+
}
25+
26+
::-moz-selection {
27+
background: $text-selection-bg-color;
28+
text-shadow: none;
29+
}
30+
31+
::selection {
32+
background: $text-selection-bg-color;
33+
text-shadow: none;
34+
}
35+
36+
// Links
37+
a {
38+
color: $link-color;
39+
text-decoration: none;
40+
&:hover, &:focus {
41+
color: $link-hover-color;
42+
text-decoration: underline;
43+
}
44+
}
45+
46+
img {
47+
height: auto;
48+
vertical-align: middle;
49+
border: 0;
50+
max-width: 100%;
51+
}

‎easybs/src/sass/base/_typography.scss

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
h1, h2, h3, h4, h5, h6 {
2+
font-family: $font-family-regular;
3+
line-height: 1;
4+
}

‎easybs/src/sass/base/_variables.scss

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
// General
2+
$white: #fff; // 255,255,255
3+
$black: #000; // 0,0,0
4+
$gray: #999;
5+
6+
// Scaffolding
7+
$font-family-base: Helvetica, Arial, sans-serif !default;
8+
$font-size-base: 16px !default;
9+
$line-height-base: 1 !default;
10+
$font-weight-base: normal !default;
11+
$text-color: $black !default;
12+
$body-bg: $gray !default;
13+
$text-selection-bg-color: #b3d4fc;
14+
$link-color: $white;
15+
$link-hover-color: $white;
16+
17+
// Layouts
18+
$container-width: 992px !default;
19+
20+
// Type
21+
$font-family-regular: "Roboto", Helvetica, Arial, sans-serif !default;

‎easybs/src/sass/style.scss

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
@import "base/base";
2+
3+
// tablet
4+
@media screen and (min-width:601px) {
5+
}
6+
// wide
7+
@media screen and (min-width:1401px) {
8+
}

0 commit comments

Comments
 (0)