# Vagrant | # Vagrant | ||||
.vagrant/ | .vagrant/ | ||||
src | |||||
# FE Setup | # FE Setup | ||||
.bin/node_modules/ | .bin/node_modules/ |
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; | |||||
} |
/* 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; | |||||
} |
.facebook, .twitter, .instagram, .youtube { | |||||
fill: #BABABA; | |||||
} | |||||
.facebook:hover { | |||||
fill: #3b5998; | |||||
} | |||||
.twitter:hover { | |||||
fill: #55acee; | |||||
} | |||||
.instagram:hover { | |||||
fill: #e95950; | |||||
} | |||||
.youtube:hover { | |||||
fill: #bb0000; | |||||
} |
/* Put your custom styles here and run `npm start` from the "src" directory on */ |
/*! 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'; */ |
@import '_tachyons'; | |||||
@import '_code'; | |||||
@import '_hugo-internal-templates'; | |||||
@import '_social-icons'; | |||||
@import '_styles'; |
module.exports = { | |||||
plugins: { | |||||
'postcss-import': {}, | |||||
'postcss-cssnext': { | |||||
browsers: ['last 2 versions', '> 5%'], | |||||
}, | |||||
'cssnano': { | |||||
discardComments: { | |||||
removeAll: true | |||||
}, | |||||
minifyFontValues: false, | |||||
autoprefixer: false | |||||
} | |||||
} | |||||
}; |
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>'); | |||||
// |
{ | |||||
"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": {} | |||||
} |
## 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. |
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 | |||||
} | |||||
} |