@@ -13,7 +13,6 @@ nbproject/ | |||
# Vagrant | |||
.vagrant/ | |||
src | |||
# FE Setup | |||
.bin/node_modules/ |
@@ -0,0 +1,24 @@ | |||
pre, .pre { | |||
overflow-x: auto; | |||
overflow-y: hidden; | |||
overflow: scroll; | |||
} | |||
pre code { | |||
display: block; | |||
padding: 1.5em 1.5em; | |||
white-space: normal; | |||
font-size: .875rem; | |||
line-height: 2; | |||
} | |||
pre { | |||
background-color: #222; | |||
color: #ddd; | |||
white-space: pre; | |||
hyphens: none; | |||
position: relative; | |||
} |
@@ -0,0 +1,27 @@ | |||
/* pagination.html: https://github.com/spf13/hugo/blob/master/tpl/tplimpl/template_embedded.go#L117 */ | |||
.pagination { | |||
margin: 3rem 0; | |||
} | |||
.pagination li { | |||
display: inline-block; | |||
margin-right: .375rem; | |||
font-size: .875rem; | |||
margin-bottom: 2.5em; | |||
} | |||
.pagination li a { | |||
padding: .5rem .625rem; | |||
background-color: white; | |||
color: #333; | |||
border: 1px solid #ddd; | |||
border-radius: 3px; | |||
text-decoration: none; | |||
} | |||
.pagination li.disabled { | |||
display: none; | |||
} | |||
.pagination li.active a:link, | |||
.pagination li.active a:active, | |||
.pagination li.active a:visited { | |||
background-color: #ddd; | |||
} |
@@ -0,0 +1,18 @@ | |||
.facebook, .twitter, .instagram, .youtube { | |||
fill: #BABABA; | |||
} | |||
.facebook:hover { | |||
fill: #3b5998; | |||
} | |||
.twitter:hover { | |||
fill: #55acee; | |||
} | |||
.instagram:hover { | |||
fill: #e95950; | |||
} | |||
.youtube:hover { | |||
fill: #bb0000; | |||
} |
@@ -0,0 +1 @@ | |||
/* Put your custom styles here and run `npm start` from the "src" directory on */ |
@@ -0,0 +1,94 @@ | |||
/*! TACHYONS v4.7.0 | http://tachyons.io */ | |||
/* | |||
* | |||
* ________ ______ | |||
* ___ __/_____ _________ /______ ______________________ | |||
* __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ | |||
* _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) | |||
* /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ | |||
* /____/ | |||
* | |||
* TABLE OF CONTENTS | |||
* | |||
* 1. External Library Includes | |||
* - Normalize.css | http://normalize.css.github.io | |||
* 2. Tachyons Modules | |||
* 3. Variables | |||
* - Media Queries | |||
* - Colors | |||
* 4. Debugging | |||
* - Debug all | |||
* - Debug children | |||
* | |||
*/ | |||
/* External Library Includes */ | |||
@import 'tachyons/src/_normalize'; | |||
/* Modules */ | |||
@import 'tachyons/src/_box-sizing'; | |||
@import 'tachyons/src/_aspect-ratios'; | |||
@import 'tachyons/src/_images'; | |||
@import 'tachyons/src/_background-size'; | |||
@import 'tachyons/src/_background-position'; | |||
@import 'tachyons/src/_outlines'; | |||
@import 'tachyons/src/_borders'; | |||
@import 'tachyons/src/_border-colors'; | |||
@import 'tachyons/src/_border-radius'; | |||
@import 'tachyons/src/_border-style'; | |||
@import 'tachyons/src/_border-widths'; | |||
@import 'tachyons/src/_box-shadow'; | |||
@import 'tachyons/src/_code'; | |||
@import 'tachyons/src/_coordinates'; | |||
@import 'tachyons/src/_clears'; | |||
@import 'tachyons/src/_display'; | |||
@import 'tachyons/src/_flexbox'; | |||
@import 'tachyons/src/_floats'; | |||
@import 'tachyons/src/_font-family'; | |||
@import 'tachyons/src/_font-style'; | |||
@import 'tachyons/src/_font-weight'; | |||
@import 'tachyons/src/_forms'; | |||
@import 'tachyons/src/_heights'; | |||
@import 'tachyons/src/_letter-spacing'; | |||
@import 'tachyons/src/_line-height'; | |||
@import 'tachyons/src/_links'; | |||
@import 'tachyons/src/_lists'; | |||
@import 'tachyons/src/_max-widths'; | |||
@import 'tachyons/src/_widths'; | |||
@import 'tachyons/src/_overflow'; | |||
@import 'tachyons/src/_position'; | |||
@import 'tachyons/src/_opacity'; | |||
@import 'tachyons/src/_rotations'; | |||
@import 'tachyons/src/_skins'; | |||
@import 'tachyons/src/_skins-pseudo'; | |||
@import 'tachyons/src/_spacing'; | |||
@import 'tachyons/src/_negative-margins'; | |||
@import 'tachyons/src/_tables'; | |||
@import 'tachyons/src/_text-decoration'; | |||
@import 'tachyons/src/_text-align'; | |||
@import 'tachyons/src/_text-transform'; | |||
@import 'tachyons/src/_type-scale'; | |||
@import 'tachyons/src/_typography'; | |||
@import 'tachyons/src/_utilities'; | |||
@import 'tachyons/src/_visibility'; | |||
@import 'tachyons/src/_white-space'; | |||
@import 'tachyons/src/_vertical-align'; | |||
@import 'tachyons/src/_hovers'; | |||
@import 'tachyons/src/_z-index'; | |||
@import 'tachyons/src/_nested'; | |||
@import 'tachyons/src/_styles'; | |||
/* Variables */ | |||
/* Importing here will allow you to override any variables in the modules */ | |||
@import 'tachyons/src/_colors'; | |||
@import 'tachyons/src/_media-queries'; | |||
/* Debugging */ | |||
/*@import 'tachyons/src/_debug-children'; | |||
@import 'tachyons/src/_debug-grid';*/ | |||
/* Uncomment out the line below to help debug layout issues */ | |||
/* @import 'tachyons/src/_debug'; */ |
@@ -0,0 +1,5 @@ | |||
@import '_tachyons'; | |||
@import '_code'; | |||
@import '_hugo-internal-templates'; | |||
@import '_social-icons'; | |||
@import '_styles'; |
@@ -0,0 +1,15 @@ | |||
module.exports = { | |||
plugins: { | |||
'postcss-import': {}, | |||
'postcss-cssnext': { | |||
browsers: ['last 2 versions', '> 5%'], | |||
}, | |||
'cssnano': { | |||
discardComments: { | |||
removeAll: true | |||
}, | |||
minifyFontValues: false, | |||
autoprefixer: false | |||
} | |||
} | |||
}; |
@@ -0,0 +1,14 @@ | |||
import styles from './../css/main.css'; | |||
// NOTE: TO use Jquery, just call the modules you want | |||
// var $ = require('jquery/src/core'); | |||
// require('jquery/src/core/init'); | |||
// require('jquery/src/manipulation'); | |||
// OR, use all of them | |||
// var $ = require('jquery/src/jquery'); | |||
// And write your code | |||
// $('body').append('<p>Jquery is working</p>'); | |||
// |
@@ -0,0 +1,29 @@ | |||
{ | |||
"name": "gohugo-default-styles", | |||
"version": "1.0.0", | |||
"description": "Default Theme for Hugo Sites", | |||
"main": "index.js", | |||
"repository": "", | |||
"author": "budparr", | |||
"license": "MIT", | |||
"scripts": { | |||
"build:production": "rm -rf ../static/dist && webpack -p", | |||
"build": "webpack --progress --colors --watch", | |||
"start": "npm run build" | |||
}, | |||
"devDependencies": { | |||
"css-loader": "^0.28.0", | |||
"cssnano": "^3.10.0", | |||
"extract-text-webpack-plugin": "^2.1.0", | |||
"file-loader": "^0.11.1", | |||
"jquery": "^3.2.1", | |||
"postcss": "^5.2.16", | |||
"postcss-cssnext": "^2.10.0", | |||
"postcss-import": "^9.1.0", | |||
"postcss-loader": "^1.3.3", | |||
"style-loader": "^0.16.1", | |||
"tachyons": "^4.7.0", | |||
"webpack": "^2.3.3" | |||
}, | |||
"dependencies": {} | |||
} |
@@ -0,0 +1,9 @@ | |||
## Welcome to the Src folder for the Gohugo Default Theme | |||
You may never have to touch anything in this folder. It's here in case you want to more deeply customize your styles. | |||
Yarn. | |||
This theme uses the [Tachyons CSS Library](http://tachyons.io/). It's about 15kb gzipped, highly modular, and each class is atomic so you never have to worry about overwriting your styles. |
@@ -0,0 +1,39 @@ | |||
var path = require("path"); | |||
var ExtractTextPlugin = require("extract-text-webpack-plugin"); | |||
var webpack = require("webpack"); | |||
module.exports = { | |||
entry: { | |||
app: './js/main.js' | |||
}, | |||
module: { | |||
rules: [ | |||
{ | |||
test: /\.css$/, | |||
use: ExtractTextPlugin.extract({ | |||
fallback: "style-loader", | |||
use: 'css-loader?importLoaders=1!postcss-loader' | |||
}) | |||
} | |||
] | |||
}, | |||
output: { | |||
path: path.join(__dirname, "./../static/dist"), | |||
filename: '[name].bundle.js', | |||
}, | |||
resolve: { | |||
modules: [path.resolve(__dirname, 'src'), 'node_modules'], | |||
}, | |||
plugins: [ | |||
new ExtractTextPlugin("main.css"), | |||
new webpack.ProvidePlugin({ | |||
$: "jquery", | |||
jQuery: "jquery" | |||
}) | |||
], | |||
watchOptions: { | |||
watch: true | |||
} | |||
} |