Full Code of ahmadawais/WPGulpTheme for AI

Repository: ahmadawais/WPGulpTheme
Branch: master
Commit: 7b44dd7bc74d
Files: 23
Total size: 28.1 KB

Directory structure:
gitextract_thtu2a7n/

├── .editorconfig
├── .gitignore
├── .prettierrc
├── assets/
│   ├── css/
│   │   ├── partials/
│   │   │   ├── _base.scss
│   │   │   ├── _mixins.scss
│   │   │   ├── _structure.scss
│   │   │   ├── _variables.scss
│   │   │   └── _wpcore.scss
│   │   ├── style.scss
│   │   └── vendor/
│   │       ├── _normalize.scss
│   │       └── _sanitize.scss
│   └── js/
│       ├── custom/
│       │   ├── custom.2.js
│       │   └── custom.js
│       ├── custom.js
│       ├── vendor/
│       │   ├── vendor.js
│       │   └── vendor2.js
│       └── vendor.js
├── footer.php
├── functions.php
├── header.php
├── index.php
├── languages/
│   └── WPGULP.pot
└── readme.md

================================================
FILE CONTENTS
================================================

================================================
FILE: .editorconfig
================================================
# WordPress Coding Standards
# https://make.wordpress.org/core/handbook/coding-standards/

root = true

[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
indent_style = tab

[{package.json,*.yml}]
indent_style = space
indent_size = 2

[{*.txt,wp-config-sample.php}]
end_of_line = crlf


================================================
FILE: .gitignore
================================================
# NPM #
##########
# Ignore all directories called node_modules in current folder and any subfolders.
node_modules/
/node_modules/

# Packages #
############
*.7z
*.dmg
*.gz
*.bz2
*.iso
*.jar
*.rar
*.tar
*.zip
*.tgz
*.map

# Logs and databases #
######################
*.log
*.sql
*.env

# OS generated files #
######################
**.DS_Store*
ehthumbs.db
Icon?
Thumbs.db
._*

# Vim generated files #
######################
*.un~

# SASS #
##########
**/.sass-cache
**/.sass-cache/*
**/.map

# Composer #
##########
!assets/js/vendor/
wpcs/
/vendor/

# Bower #
##########
assets/bower_components/*

# Codekit #
##########
/codekit-config.json
*.codekit
**.codekit-cache/*

# Compiled Files and Build Dirs #
##########
/README.html

# PhpStrom Project Files #
.idea/
library/vendors/composer
assets/img/.DS_Store


================================================
FILE: .prettierrc
================================================
{
	"trailingComma": "none",
	"bracketSpacing": false,
	"arrowParens": "avoid",
	"singleQuote": true,
	"printWidth": 80,
	"useTabs": true,
	"tabWidth": 4,
	"semi": true
}


================================================
FILE: assets/css/partials/_base.scss
================================================
.wrap {
	width: 100%;
	font-size: 5vh;
	padding: 3vh;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

a {
	background: $blue;
	color: $w;
	padding: 0.25rem 1rem;
	border-radius: 3px;
	font-weight: bold;
}

.content {
	max-width: 500px;

	h1,
	p {
		// font-family: Lato;
		font-weight: 100;
	}

	h1 {
		text-transform: uppercase;

		a {
			background: transparent;
		}
	}

	small {
		display: inline-block;
		margin-top: 2rem;
	}
}


================================================
FILE: assets/css/partials/_mixins.scss
================================================
/**
 * Mixin for clearfix
 * @include clearfix;
*/
@mixin clearfix {
	&:before,
	&:after {
		content: ' ';
		display: table;
	}

	&:after {
		clear: both;
	}
}

/**
 * @font-face mixin
 * Bulletproof font-face via Font Squirrel
 * @include fontface('family', 'assets/fonts/', 'myfontname');
 */
@mixin fontface($font-family, $font-url, $font-name) {
	@font-face {
		font: {
			family: $font-family;
			style: normal;
			weight: normal;
		}

		src: url($font-url + '/' + $font-name + '.eot');
		src: url($font-url + '/' + $font-name + '.eot#iefix')
				format('embedded-opentype'),
			url($font-url + '/' + $font-name + '.woff') format('woff'),
			url($font-url + '/' + $font-name + '.ttf') format('truetype'),
			url($font-url + '/' + $font-name + '.svg#' + $font-name)
				format('svg');
	}
}

/**
 * IMAGE RETINA
 * @include image-2x(/img/image.png, 100%, auto);
 */
@mixin image-2x($image, $width, $height) {
	@media (min--moz-device-pixel-ratio: 1.3),
		(-o-min-device-pixel-ratio: 2.6/2),
		(-webkit-min-device-pixel-ratio: 1.3),
		(min-device-pixel-ratio: 1.3),
		(min-resolution: 1.3dppx) {
		background-image: url($image);
		background-size: $width $height;
	}
}

/**
 * MIXIN: Responsive Media Queries
 * USAGE:
	@include r(240)  {}
	@include r(320)  {}
	@include r(480)  {}
	@include r(768)  {}
	@include r(1024) {}
	@include r(1140) {}
	@include r(1280) {}
*/
@mixin rmax($point) {
	@media (max-width: #{$point}px) {
		@content;
	}
}

@mixin rmin($point) {
	@media (min-width: #{$point}px) {
		@content;
	}
}

@mixin rmq($point) {
	@media (max-width: #{$point}px) {
		@content;
	}
}

@mixin r($point) {
	@media (min-width: #{$point}px) {
		@content;
	}
}


================================================
FILE: assets/css/partials/_structure.scss
================================================
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use i.e. 1rem = 10px*/
html {
	font-size: 62.5%;
	height: 100%;
	min-height: 100%;
}

body {
	font: 400 11px/1.4 sans-serif;
	color: $c2;
	margin: 0;
	background: $w !important;
	height: 100%;
	min-height: 100%;
}
/* clear */
.clear:before,
.clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
}

a {
	color: #444;
	text-decoration: none;
}

a:hover {
	color: #444;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

input:focus {
	outline: 0;
	border: 1px solid $c2;
}

ol,
ul {
}
select {
	width: 100%;
}


================================================
FILE: assets/css/partials/_variables.scss
================================================
// Colors.
$c1: #dedede;
$c2: #292929;

$w: #ffffff;
$b: #000000;
$gb: #686868;
$g: #35ad68;
$y: #fffdd2;
$blue: #21759c;
$red: #cf4748;

// Primary Color Variants.

/*$color--primary: #406de4;*/
/*$color--primary: #00BCD4;*/
/*$color--primary: #03A9F4;*/
/*$color--primary: #3498db;*/
/*$color--primary: #2980b9;*/
/*$color--primary: #3F51B5;*/
/*$color--primary: #304FFE;*/
/*$color--primary: #FF5722;*/
/*$color--primary: #795548;*/
/*$color--primary: #2ecc71;*/
/*$color--primary: #27ae60;*/
/*$color--primary: #35ad68;*/
/*$color--primary: #1abc9c;*/
/*$color--primary: #16a085;*/
/*$color--primary: #9b59b6;*/
/*$color--primary: #8e44ad;*/
// $color--primary: #4A148C;
/*$color--primary: #673AB7;*/
/*$color--primary: #FFA000;*/
/*$color--primary: #FBC02D;*/
/*$color--primary: #f1c40f;*/
/*$color--primary: #f39c12;*/
/*$color--primary: #e67e22;*/
/*$color--primary: #d35400;*/
/*$color--primary: #e74c3c;*/
/*$color--primary: #c0392b;*/
/*$color--primary: #f44336;*/
$color--primary: #cf4748;
// $color--primary: #7f8c8d;
/*$color--primary: #34495e;*/
/*$color--primary: #607D8B;*/


================================================
FILE: assets/css/partials/_wpcore.scss
================================================
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: darken($c1, 10%);
	max-width: 100%;
	padding: 2rem;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	margin: 0;
	padding: 0.5rem;
}
.textwidget img {
	margin: 1rem 0;
}

.sticky {
}

.bypostauthor {
	background: inherit;
}

.widget_calendar {
	display: table;
	width: 100%;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	text-align: right;
	color: $b;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#wp-calendar thead {
	font-size: 10px;
}
#wp-calendar thead th {
	padding-bottom: 10px;
}
#wp-calendar tbody {
	color: $b;
	font-family: sans-serif;
	font-weight: 300;
}
#wp-calendar tbody td {
	background: $w;
	border: 1px solid $w;
	text-align: center;
	padding: 8px;
}
#wp-calendar tbody td:hover {
	background: $w;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	@include r(240) {
		font: 300 1.4rem/1.8rem sans-serif;
	}
	@include r(320) {
		font: 300 1.55rem/1.8 sans-serif;
	}
	@include r(480) {
		font: 300 1.8rem/1.8 sans-serif;
	}
	@include r(768) {
		font: 300 1.9rem/1.7 sans-serif;
	}
	@include r(1024) {
		font: 300 2rem/3.1rem sans-serif;
	}
	@include r(1280) {
		font: 300 2rem/3.1rem sans-serif;
	}
}


================================================
FILE: assets/css/style.scss
================================================
/*!
Theme Name: WPGulpTheme
Theme URI: https://github.com/ahmadawais/WPGulpTheme
Description: A theme to demonstrate simplest implementation of WPGulp Boilerplate.
Version: 2.2.0
Author: Ahmad Awais
Author URI: https://twitter.com/MrAhmadAwais/
License: MIT
Text Domain: WPGT
*/

// Mixins & Variables.
@import 'partials/mixins';
@import 'partials/variables';

// Normalize & Santize.
@import 'vendor/normalize';
@import 'vendor/sanitize';

// Structure.
@import 'partials/structure';

// WPCore.
@import 'partials/wpcore';

// Base.
@import 'partials/base';


================================================
FILE: assets/css/vendor/_normalize.scss
================================================
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


================================================
FILE: assets/css/vendor/_sanitize.scss
================================================
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */

$root-box-sizing: border-box !default;
$root-cursor: default !default;
$root-font-family: sans-serif !default;
$root-font-size: 16px !default;
$root-line-height: 1.5 !default;
$root-text-rendering: optimizeLegibility !default;

$html-background-color: #FFFFFF !default;
$anchor-text-decoration: none !default;
$form-element-background-color: transparent !default;
$form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != '%', $root-line-height, null)) !default;
$media-element-vertical-align: middle !default;
$monospace-font-family: monospace !default;
$nav-list-style: none !default;
$selection-background-color: #B3D4FC !default;
$selection-text-shadow: none !default;
$small-font-size: 75% !default;
$table-border-collapse: collapse !default;
$table-border-spacing: 0 !default;
$textarea-resize: vertical !default;



/*
 * Normalization
 */

:root {
	-ms-overflow-style: -ms-autohiding-scrollbar; // IE11+
	overflow-y: scroll; // All browsers without overlaying scrollbars
	text-size-adjust: 100%; // iOS 8+
}

audio:not([controls]) {
	display: none; // Chrome 40+, iOS 8+, Safari 8+
}

details {
	display: block; // Firefox 36+, Internet Explorer 11+, Windows Phone 8.1+
}

input {
	&[type="number"] {
		width: auto; // Firefox 36+
	}

	&[type="search"] {
		-webkit-appearance: textfield; // Safari 8+

		&::-webkit-search-cancel-button,
		&::-webkit-search-decoration {
			-webkit-appearance: none; // Safari 8+
		}
	}
}

main {
	display: block; // Android 4.3-, Internet Explorer 11+, Windows Phone 8.1+
}

summary {
	display: block; // Firefox 36+, Internet Explorer 11+, Windows Phone 8.1+
}

pre {
	overflow: auto; // Internet Explorer 11+
}

progress {
	display: inline-block; // Internet Explorer 11+, Windows Phone 8.1+
}

small {
	font-size: $small-font-size; // All browsers
}

template {
	display: none; // Android 4.3-, Internet Explorer 11+, iOS 7-, Safari 7-, Windows Phone 8.1+
}

textarea {
	overflow: auto; // Internet Explorer 11+
}

[hidden] {
	display: none; // Internet Explorer 10-
}

[unselectable] {
	user-select: none; // Android 4.4+, Chrome 40+, Firefox 36+, iOS 8+, Safari 8+
}



/*
 * Universal inheritance
 */

*,
::before,
::after {
	box-sizing: inherit;
}

* {
	font-size: inherit;
	line-height: inherit;
}

::before,
::after {
	text-decoration: inherit;
	vertical-align: inherit;
}



/*
 * Opinionated defaults
 */

// specify solid border style of all elements

*,
::before,
::after {
	border-style: solid;
	border-width: 0;
}

// remove margin and padding of all elements

* {
	margin: 0;
	padding: 0;
}

// specify the root styles of the document

:root {
	box-sizing: $root-box-sizing;
	cursor: $root-cursor;
	font: #{$root-font-size}/#{$root-line-height} $root-font-family;
	text-rendering: $root-text-rendering;
}

// specify the html background color

html {
	background-color: $html-background-color;
}

// specify the text decoration of anchors

a {
	text-decoration: $anchor-text-decoration;
}

// specify media element style

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: $media-element-vertical-align;
}

// specify the background color of form elements

button,
input,
select,
textarea {
	background-color: $form-element-background-color;
}

// specify inheritance of form elements

button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

// specify the minimum height of form elements

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
	min-height: $form-element-min-height;
}

// specify the font family of code elements

code,
kbd,
pre,
samp {
	font-family: $monospace-font-family, monospace;
}

// specify the list style of nav lists

nav ol,
nav ul {
	list-style: $nav-list-style;
}

// style select like a standard input

select {
	-moz-appearance: none;    // Firefox 36+
	-webkit-appearance: none; // Chrome 41+

	&::-ms-expand {
		display: none;        // Internet Explorer 11+
	}

	&::-ms-value {
		color: currentColor;  // Internet Explorer 11+
	}
}

// specify the border styles of tables

table {
	border-collapse: $table-border-collapse;
	border-spacing: $table-border-spacing;
}

// specify textarea resizability

textarea {
	resize: $textarea-resize;
}

// specify text selection background color and omit drop shadow

::selection {
	background-color: $selection-background-color; // required when declaring ::selection
	text-shadow: $selection-text-shadow;
}

// hide content from screens but not screenreaders

@media screen {
	[hidden~="screen"] {
		display: inherit;
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		clip: rect(0 0 0 0) !important;
		position: absolute !important;
	}
}


================================================
FILE: assets/js/custom/custom.2.js
================================================
/**
 * Custom JavaScript
 *
 * @since 1.0.0
 */
const sub = ( a, b ) => a - b;


================================================
FILE: assets/js/custom/custom.js
================================================
/**
 * Custom JavaScript
 *
 * @since 1.0.0
 */
const sum = ( a, b ) => a + b;


================================================
FILE: assets/js/custom.js
================================================
"use strict";

/**
 * Custom JavaScript
 *
 * @since 1.0.0
 */
var sum = function sum(a, b) {
  return a + b;
};
"use strict";

/**
 * Custom JavaScript
 *
 * @since 1.0.0
 */
var sub = function sub(a, b) {
  return a - b;
};

================================================
FILE: assets/js/vendor/vendor.js
================================================
/**
 * Vendor JavaScript
 *
 * @since 1.0.0
 */
const divide = (a, b) => a / b;


================================================
FILE: assets/js/vendor/vendor2.js
================================================
/**
 * Vendor JavaScript
 *
 * @since 1.0.0
 */
const multiply = (a, b) => a * b;


================================================
FILE: assets/js/vendor.js
================================================
"use strict";

/**
 * Vendor JavaScript
 *
 * @since 1.0.0
 */
var divide = function divide(a, b) {
  return a / b;
};
"use strict";

/**
 * Vendor JavaScript
 *
 * @since 1.0.0
 */
var multiply = function multiply(a, b) {
  return a * b;
};

================================================
FILE: footer.php
================================================
<?php
/**
 * Footer
 *
 * The footer template.
 *
 * @since   1.0.0
 * @package WPGulp
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

	wp_footer(); ?>

	</body>
</html>


================================================
FILE: functions.php
================================================
<?php
/**
 * Theme Functions
 *
 * Entire theme's function definitions.
 *
 * @since   1.0.0
 * @package WPGulp
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// Globals.
define( 'MY_THEME_VER', '1.0.0' );
define( 'MY_THEME_DIR', get_template_directory() );
define( 'MY_THEME_URL', get_template_directory_uri() );

/**
 * Scripts & Styles.
 *
 * Frontend with no conditions, Add Custom styles to wp_head.
 *
 * @since  1.0.0
 */
function my_theme_styles_scripts() {
	// Frontend scripts.
	if ( ! is_admin() ) {
		// Enqueue vendors first.
		wp_enqueue_script( 'vendors', MY_THEME_URL . '/assets/js/vendors.min.js' );

		// Enqueue custom JS after vendors.
		wp_enqueue_script( 'custom', MY_THEME_URL . '/assets/js/custom.min.js' );

		// Minified and Concatenated styles.
		wp_enqueue_style( 'styles', MY_THEME_URL . '/style.min.css', array(), MY_THEME_VER, 'all' );
	}
}

add_action( 'wp_enqueue_scripts', 'my_theme_styles_scripts' );


================================================
FILE: header.php
================================================
<?php
/**
 * Theme Header
 *
 * Header data.
 *
 * @since   1.0.0
 * @package WPGulp
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
	<head>
	<?php wp_head(); ?>
	</head>

	<body <?php body_class(); ?>>


================================================
FILE: index.php
================================================
<?php
/**
 * Index
 *
 * Theme index.
 *
 * @since   1.0.0
 * @package WPGulp
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

get_header(); ?>

<div class="wrap">
	<div class="content">

		<h1><a href="https://github.com/ahmadawais/WPGulp/"><img src="https://on.awais.dev/cf1298feadee/c" alt="WPGulp" /></a></h1>
		<p>
			A demo theme to showcase how to use <a href="https://github.com/ahmadawais/WPGulp/">WPGulp</a> with WordPress.
		</p>
		<p>
			<small>
				🌟 <a href="https://github.com/ahmadawais/WPGulp">STAR WPGulp</a> →
			</small>
		</p>
	</div>
</div>

<?php get_footer(); ?>


================================================
FILE: languages/WPGULP.pot
================================================
# Copyright (C) 2017 WPGULP
# This file is distributed under the same license as the WPGULP package.
msgid ""
msgstr ""
"Project-Id-Version: WPGULP\n"
"Report-Msgid-Bugs-To: https://AhmadAwais.com/contact/\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
"PO-Revision-Date: 2017-MO-DA HO:MI+ZONE\n"
"Last-Translator: Ahmad Awais <your_email@email.com>\n"
"Language-Team: WPTie <your_email@email.com>\n"
"X-Poedit-Basepath: ..\n"
"X-Poedit-SourceCharset: UTF-8\n"
"X-Poedit-KeywordsList: __;_e;_n:1,2;_x:1,2c;_ex:1,2c;_nx:4c,1,2;esc_attr__;esc_attr_e;esc_attr_x:1,2c;esc_html__;esc_html_e;esc_html_x:1,2c;_n_noop:1,2;_nx_noop:3c,1,2;__ngettext_noop:1,2\n"
"X-Poedit-SearchPath-0: .\n"
"X-Poedit-SearchPathExcluded-0: *.js\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"


================================================
FILE: readme.md
================================================
<div align="center">
  <small><p><em>📟 Learn to <a href="https://nodecli.com/?utm_source=github.com&utm_medium=referral&utm_campaign=ahmadawais/WPGulpTheme" rel="nofollow">build CLI DevTools</a>, like WPGulp with me at <a href="https://nodecli.com/?utm_source=github.com&utm_medium=referral&utm_campaign=ahmadawais/WPGulpTheme">NodeCLI.com</a>.</em></p></small>

  <a href="https://github.com/AhmadAwais/WPGulp"><img src="https://on.awais.dev/Jrug8xgz" alt="WPGulp WordPress Gulp Theme" /></a>

  <h1>WordPress Gulp Theme</h1>

[![GitHub](https://img.shields.io/wordpress/v/akismet.svg?colorA=D14543&colorB=21759B&maxAge=2592000&style=flat&label=WordPress)](https://github.com/ahmadawais/WPGulp/)
[![emoji-log](https://img.shields.io/badge/🚀%20Emoji-Log-gray.svg?colorA=D14543&colorB=21759B&style=flat)](https://github.com/ahmadawais/Emoji-Log/) [![GitHub stars](https://img.shields.io/github/stars/ahmadawais/WPGulp.svg?style=social&label=Stars)](https://github.com/ahmadawais/WPGulp/stargazers) [![GitHub followers](https://img.shields.io/github/followers/ahmadawais.svg?style=social&label=Follow)](https://github.com/ahmadawais?tab=followers)  [![Tweet for help](https://img.shields.io/twitter/follow/mrahmadawais.svg?style=social&label=Tweet%20@MrAhmadAwais)](https://twitter.com/mrahmadawais/)

> A demo theme to showcase how to use WPGulp with WordPress. Use [WPGulp](https://github.com/ahmadawais/WPGulp) instead.

</div>

## Get Started

1. Clone this demo theme `git clone https://github.com/ahmadawais/WPGulpTheme`
2. Install WPGulp in it `npx wpgulp`
3. All done!

<br />
<br />

[Read WPGulp documentation →](https://github.com/AhmadAwais/WPGulp)

![Hello](https://on.awais.dev/4guJenpQ)

## Sponsor

Me ([Ahmad Awais](https://twitter.com/mrahmadawais/)) and my incredible wife ([Maedah Batool](https://twitter.com/MaedahBatool/)) are two engineers who fell in love with open source and then with each other. You can read more [about me here](https://ahmadawais.com/about). If you or your company use any of my projects or like what I’m doing then consider backing me. I'm in this for the long run. An open-source developer advocate.

[![Ahmad on Twitter](https://img.shields.io/twitter/follow/mrahmadawais.svg?style=social&label=Follow%20@MrAhmadAwais)](https://twitter.com/mrahmadawais/)

### [NodeCLI.com][n] — Learn to build Node.js CLI Automation

> This repository is part of the [NodeCLI.com][n] course.

After building hundreds of developer automation tools used by millions of developers, I am sharing exactly how you can do it yourself with minimum effective effort. Learn to build Node.js & JavaScript based CLI (Command Line Interface) apps. Automate the grunt work, do more in less time, impress your manager, and help the community.
→ I'm sharing it all in this online video course. [Node CLI Automation
without wasting a 1,000 hours][n] →</p>

[![Node CLI Course](https://raw.githubusercontent.com/ahmadawais/stuff/master/nodecli/featured.jpg)][n]

[![Node CLI](https://img.shields.io/badge/-NodeCLI.com%20%E2%86%92-gray.svg?colorB=488640&style=flat)][n]

[![Awais on Twitter](https://raw.githubusercontent.com/ahmadawais/stuff/master/sponsor/sponsor.jpg)](https://github.com/AhmadAwais/sponsor)

### 🙌 [THEDEVCOUPLE PARTNERS](https://TheDevCouple.com/partners)

This open source project is maintained by the help of awesome businesses listed below. What? [Read more about it →](https://TheDevCouple.com/partners)

<table width='100%'>
	<tr>
		<td width='500'><a target='_blank' href='https://kinsta.com/?kaid=WMDAKYHJLNJX&utm_source=TheDevCouple&utm_medium=Partner'><img src='https://on.awais.dev/4guJenp9' /></a>
		<td width='500'><a target='_blank' href='https://ipapi.com/?utm_source=TheDevCouple&utm_medium=Partner'><img src='https://on.awais.dev/z8uYQO2O'/></a></td>
	</tr>
</table>
<br>

_Follow me 👋 on Twitter for more updates and questions_

[![Tweet to say Hi](https://img.shields.io/twitter/follow/mrahmadawais.svg?style=social&label=Tweet%20@MrAhmadAwais)](https://twitter.com/mrahmadawais/)

[n]: https://nodecli.com/?utm_source=github.com&utm_medium=referral&utm_campaign=ahmadawais/WPGulpTheme