diff --git a/.gitignore b/.gitignore index 27961ad..51d5bd0 100644 --- a/.gitignore +++ b/.gitignore @@ -2,5 +2,8 @@ npm-debug.log .sass-cache node_modules bower_components -assets/scss/vendor -tests \ No newline at end of file +assets/sass/vendor +tests + +*.map +**/*.map \ No newline at end of file diff --git a/.gitmodules b/.gitmodules index f50f3cc..180aa8f 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,3 +1,3 @@ -[submodule "assets/scss/vendor/simple-grid"] - path = assets/scss/vendor/simple-grid - url = https://github.com/pdcreis/simple-grid.git +[submodule "assets/sass/vendor/simple-grid"] + path = assets/sass/vendor/simple-grid + url = https://github.com/benchmarkstudios/simple-grid.git diff --git a/README.md b/README.md index 13ff54a..f2590c8 100644 --- a/README.md +++ b/README.md @@ -5,13 +5,13 @@ A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond. The ## Features * Reset, normalisation and base font/form styles -* Sass powered - semantically named files all compiled into a single file +* Sass Boilerplate - semantically named files, organised by folders, all compiled into a single file * Semantic use of HTML5 elements, includes Google HTML5 shiv * WAI-ARIA role ready * Comes pre-bundled with cached CDN version of jQuery * jQuery plugin agnostic -* Browserify for modular JavaScript in the browser, stop those spaghetti files! -* Basic index.php Loop template +* Laravel Elixir to define/customize and run basic Gulp tasks +* Basic template files * Customised functions.php adding theme support for high customisation * Minimised HTTP requests for high Web Performance * Localised strings for multiple language support @@ -19,30 +19,48 @@ A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond. The ## Installation -Run the following commands to include barebones and all it's submodules: +Clone the barebones repositories into your WordPress /wp-content/themes/ directory: git clone https://github.com/benchmarkstudios/barebones cd barebones + +To include all its optional submodules ([Simple Grid](https://github.com/benchmarkstudios/simple-grid) included): + git submodule init git submodule update -### Dependencies +#### Dependencies * [Node.js](http://nodejs.org) +* [Gulp](http://gulpjs.com) -#### Optional +### Using Gulp and Laravel Elixir -* [LiveReload Chrome plugin](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei) +Install Gulp as a global NPM package, if you don't have it already on your machine: -Clone/download the barebones repositories into your WordPress /wp-content/themes/ directory and run the following to install all of this project's Grunt dependencies: + npm install --global gulp + +Install Laravel Elixir: npm install +Edit your gulpfile.js adding the required tasks (check the [Laravel Elixir](http://laravel.com/docs/master/elixir) documentation for further information). + Then run: - npm run watch + gulp -This will execute the default tasks: compiling sass/js and spawning the file watcher. +*to compile* + + gulp watch + +*to watch* + + gulp --production + +*to minify* + +This will execute all the Gulp tasks on the gulpfile.js. ## WordPress Support diff --git a/assets/scss/layout/_footer.scss b/assets/images/.gitkeep similarity index 100% rename from assets/scss/layout/_footer.scss rename to assets/images/.gitkeep diff --git a/assets/scss/.DS_Store b/assets/sass/.DS_Store similarity index 91% rename from assets/scss/.DS_Store rename to assets/sass/.DS_Store index 5008ddf..fcc4cd6 100644 Binary files a/assets/scss/.DS_Store and b/assets/sass/.DS_Store differ diff --git a/assets/sass/barebones.scss b/assets/sass/barebones.scss new file mode 100755 index 0000000..dc5a5d2 --- /dev/null +++ b/assets/sass/barebones.scss @@ -0,0 +1,48 @@ +/** +Theme Name: Barebones +Theme URI: http://github.com/benchmarkstudios/barebones +Author: Benchmark +*/ + +@charset 'UTF-8'; + +// 1. Configuration +@import + 'config/variables', + 'config/mixins'; + +// 2. Vendors +@import + 'vendor/simple-grid/simple-grid'; + +// 3. Utilities +@import + 'utils/reset', + 'utils/a11y', + 'utils/responsive', + 'utils/helpers'; + +// 4. Base stuff +@import + 'base/base', + 'base/fonts', + 'base/images', + 'base/forms', + 'base/lists', + 'base/typography'; + +// 5. Layout-related sections +@import + 'layout/main', + 'layout/header', + 'layout/footer'; + +// 6. Components +@import + 'components/buttons', + 'components/nav', + 'components/alerts'; + +// 7. Page-specific styles +@import + 'pages/home'; diff --git a/assets/sass/base/_base.scss b/assets/sass/base/_base.scss new file mode 100644 index 0000000..86487fb --- /dev/null +++ b/assets/sass/base/_base.scss @@ -0,0 +1,54 @@ +body { + color: $base-colour; + font-family: $base-font-family; + @include font-size($base-font-size); + line-height: $base-line-height; + -webkit-text-size-adjust: none; +} + +h1, +h2, +h3, +h4, +h5, +h6, +p, +hr, +ul, +ol, +dl, +address { + margin-bottom: $base-spacing-unit; +} + + +/** + * Basic styles for links + */ + +a { + color: $brand-colour; + text-decoration: none; + &:hover { + color: $base-colour; + text-decoration: underline; + } +} + +a[href^="tel"]{ + color: inherit; + text-decoration: none; + font-family: inherit; + font-size: inherit; + font-style: inherit; +} + + +/** + * Rulers + */ + +hr { + background-color: $base-colour; + height: 1px; +} \ No newline at end of file diff --git a/assets/sass/base/_fonts.scss b/assets/sass/base/_fonts.scss new file mode 100644 index 0000000..f5e3b71 --- /dev/null +++ b/assets/sass/base/_fonts.scss @@ -0,0 +1,3 @@ +/** + * This file contains all @font-face declarations, if any. + */ \ No newline at end of file diff --git a/assets/sass/base/_forms.scss b/assets/sass/base/_forms.scss new file mode 100644 index 0000000..5f9e5e5 --- /dev/null +++ b/assets/sass/base/_forms.scss @@ -0,0 +1,122 @@ +/** + * Blanket input styles for normalisation + */ + +*:focus { + outline: 0; +} + +input, +select, +textarea { + background-color: $base-background-colour; + border: solid 1px $base-colour; + border-radius: 0; + color: $base-colour; + line-height: ($base-spacing-unit * 1.5); + height: ($base-spacing-unit * 1.5); + padding: 0 ($base-spacing-unit / 2); + width: 100%; +} + +input[type="checkbox"], +input[type="radio"] { + background: transparent; + border: 0; + line-height: normal; + height: auto; + width: auto; +} + +input[type="file"] { + line-height: normal; + height: auto; + padding: ($base-spacing-unit / 4) ($base-spacing-unit / 2); +} + +input[type="submit"] { + -webkit-border-radius: 0; + border-radius: 0; +} + +input[disabled] { + background-color: whitesmoke; + cursor: not-allowed; +} + +select { + line-height: normal; + padding: 0; + padding-left: ($base-spacing-unit / 2); +} + +textarea { + min-height: ($base-spacing-unit * 4); + overflow: auto; + vertical-align: top; + resize: vertical; +} + + +/** + * Form utility classes + */ + +.form--inline { + .form__group { + display: inline-block; + } +} + +.checkbox, +.radio { + display: block; + padding-left: $base-spacing-unit; + &.inline { + display: inline-block; + } + > input { + float: left; + margin-left: -($base-spacing-unit); + margin-top: 4px; + } +} + +.form__group { + display: block; + margin-bottom: $base-spacing-unit; +} + +.form__label { + display: block; + margin-bottom: ($base-spacing-unit / 2); +} + + +/** + * Input Group + * + * Allows for prepend/append of elements + * (such as icons) on an input. + */ + +.input-group { + position: relative; + > input { + padding: 0 ($base-spacing-unit * 2); + } + .input-group__addon { + line-height: ($base-spacing-unit * 1.5); + height: ($base-spacing-unit * 1.5); + position: absolute; + text-align: center; + top: 0; + width: ($base-spacing-unit * 1.5); + &:first-child { + left: 0; + } + &:last-child { + right: 0; + } + } +} diff --git a/assets/sass/base/_images.scss b/assets/sass/base/_images.scss new file mode 100644 index 0000000..f6e0746 --- /dev/null +++ b/assets/sass/base/_images.scss @@ -0,0 +1,19 @@ +img { + max-width: 100%; + vertical-align: top; + &[width], + &[height] { + max-width: none; + } +} + + +/** + * Responsive images + */ + +.is-fluid { + display: block; + width: 100%; + height: auto; +} \ No newline at end of file diff --git a/assets/sass/base/_lists.scss b/assets/sass/base/_lists.scss new file mode 100644 index 0000000..79d9d8f --- /dev/null +++ b/assets/sass/base/_lists.scss @@ -0,0 +1,16 @@ +ul, +ol { + margin-left: $base-spacing-unit; +} + +li { + > ul, + > ol { + margin-bottom: 0; + } +} + +.list--unstyled { + list-style: none; + margin-left: 0; +} \ No newline at end of file diff --git a/assets/scss/base/_headings.scss b/assets/sass/base/_typography.scss similarity index 61% rename from assets/scss/base/_headings.scss rename to assets/sass/base/_typography.scss index 4d69c04..a3845e1 100644 --- a/assets/scss/base/_headings.scss +++ b/assets/sass/base/_typography.scss @@ -5,4 +5,8 @@ h4, h5, h6 { font-weight: bold; +} + +small { + font-size: .75em; } \ No newline at end of file diff --git a/assets/sass/components/_alerts.scss b/assets/sass/components/_alerts.scss new file mode 100644 index 0000000..5974ab1 --- /dev/null +++ b/assets/sass/components/_alerts.scss @@ -0,0 +1,28 @@ +.alert { + padding: $base-spacing-unit; + margin-bottom: $base-spacing-unit; + border: 1px solid transparent; + > p, + > ul { + margin-bottom: 0; + } + > p + p { + margin-top: $base-spacing-unit; + } + &.alert--success { + color: $success-colour; + border-color: $success-colour; + } + &.alert--info { + color: $info-colour; + border-color: $info-colour; + } + &.alert--warning { + color: $warning-colour; + border-color: $warning-colour; + } + &.alert--danger { + color: $danger-colour; + border-color: $danger-colour; + } +} diff --git a/assets/sass/components/_buttons.scss b/assets/sass/components/_buttons.scss new file mode 100644 index 0000000..00ffc00 --- /dev/null +++ b/assets/sass/components/_buttons.scss @@ -0,0 +1,54 @@ +.btn { + background-color: $brand-colour; + color: $base-background-colour; + border: 1px solid transparent; + display: inline-block; + padding: ($base-spacing-unit / 4) $base-spacing-unit; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + user-select: none; + width: auto; + transition: all .5s; + &::-moz-focus-inner { + border: 0; + padding: 0; + } + &:hover { + text-decoration: none; + background-color: $base-background-colour; + color: $brand-colour; + border: 1px solid $brand-colour; + } + .is-disabled, + &:disabled { + pointer-events: none; + opacity: .65; + } +} + +.btn--inverse { + background-color: $base-background-colour; + color: $brand-colour; + border: 1px solid $brand-colour; + &:hover { + background-color: $brand-colour; + color: $base-background-colour; + border: 1px solid transparent; + } +} + +.btn--block { + display: block; + width: 100%; + + .btn--block { + margin-top: $base-spacing-unit / 4; + } +} + +.btn--link { + background-color: transparent; + color: $brand-colour; +} \ No newline at end of file diff --git a/assets/sass/components/_nav.scss b/assets/sass/components/_nav.scss new file mode 100755 index 0000000..52e267f --- /dev/null +++ b/assets/sass/components/_nav.scss @@ -0,0 +1,14 @@ +.nav { + list-style: none; + margin: 0; + > li { + display: inline-block; + margin-right: $base-spacing-unit; + &:last-child { + margin-right: 0; + } + > a { + display: block; + } + } +} \ No newline at end of file diff --git a/assets/sass/config/_mixins.scss b/assets/sass/config/_mixins.scss new file mode 100755 index 0000000..c410d12 --- /dev/null +++ b/assets/sass/config/_mixins.scss @@ -0,0 +1,60 @@ +/* + * Media query to respond to a minimum size (mobile first) + */ + +@mixin resp-min($size) { + @media screen and (min-width: $size) { + @content; + } +} + + +/* + * Media query to respond to a maximum size + */ + +@mixin resp-max($size) { + @media screen and (max-width: $size) { + @content; + } +} + + +/* + * Output font size in px/rem + */ + +@mixin font-size($px) { + font-size: $px + px; + font-size: #{$px / 16}rem; +} + + +/* + * Placeholder mixin for + */ + +@mixin placeholder { + $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input"; + @each $placeholder in $placeholders { + &:#{$placeholder}-placeholder { + @content; + } + } +} + + +/** + * Clearfix + */ + +@mixin clearfix { + &:before, + &:after{ + content: " "; + display: table; + } + &:after{ + clear: both; + } +} diff --git a/assets/sass/config/_variables.scss b/assets/sass/config/_variables.scss new file mode 100755 index 0000000..318deb5 --- /dev/null +++ b/assets/sass/config/_variables.scss @@ -0,0 +1,57 @@ +/** + * Colours + */ + +$base-colour: #444; +$base-background-colour: #fff; + +$brand-colour: #444; // Example +$success-colour: #5CB85C; +$info-colour: $brand-colour; +$warning-colour: #F0AD4E; +$danger-colour: #D9534F; + + +/** + * Typography + */ + +$sans-serif-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; +$serif-font-family: Georgia, "Times New Roman", Times, serif; +$base-font-family: $sans-serif-font-family; + +$base-font-size: 16; +$base-line-height: 1.5; +$base-spacing-unit: ($base-font-size * $base-line-height) * 1px; + + +/** + * Breakpoints + */ + +$breakpoint-sm: 767px; +$breakpoint-md: 992px; +$breakpoint-lg: 1200px; + +$breakpoints: ( + 'lg' '(min-width: ' + $breakpoint-lg + ')', + 'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')', + 'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:' + ($breakpoint-md - 1) + ')', + 'xs' '(max-width: ' + $breakpoint-sm + ')' +); + + +/** + * Grid + */ + +$grid-max-width: 1200px; +$grid-columns: 12; +$grid-gutter: $base-spacing-unit; + + +/** + * Components + */ + +$border-radius: 3px; \ No newline at end of file diff --git a/assets/scss/layout/_header.scss b/assets/sass/layout/_footer.scss similarity index 100% rename from assets/scss/layout/_header.scss rename to assets/sass/layout/_footer.scss diff --git a/assets/scss/layout/_main.scss b/assets/sass/layout/_header.scss similarity index 100% rename from assets/scss/layout/_main.scss rename to assets/sass/layout/_header.scss diff --git a/assets/scss/pages/_home.scss b/assets/sass/layout/_main.scss similarity index 100% rename from assets/scss/pages/_home.scss rename to assets/sass/layout/_main.scss diff --git a/assets/sass/pages/_home.scss b/assets/sass/pages/_home.scss new file mode 100644 index 0000000..e69de29 diff --git a/.DS_Store b/assets/sass/utils/.DS_Store similarity index 100% rename from .DS_Store rename to assets/sass/utils/.DS_Store diff --git a/assets/sass/utils/_a11y.scss b/assets/sass/utils/_a11y.scss new file mode 100644 index 0000000..c626587 --- /dev/null +++ b/assets/sass/utils/_a11y.scss @@ -0,0 +1,7 @@ +.sr-only { + font-size: 0; + height: 0; + overflow: hidden; + position: absolute; + width: 0; +} diff --git a/assets/sass/utils/_helpers.scss b/assets/sass/utils/_helpers.scss new file mode 100644 index 0000000..0961469 --- /dev/null +++ b/assets/sass/utils/_helpers.scss @@ -0,0 +1,81 @@ +/** + * Clearing and floating + */ + +.alignleft, +.float-left { + float: left; + img & { + margin-right: $base-spacing-unit; + } +} + +.alignright, +.float-right { + float: right; + img & { + margin-left : $base-spacing-unit; + } +} + +.aligncenter, +.float-center { + display: block; + margin: { + left: auto; + right: auto; + } + img & { + margin-bottom: $base-spacing-unit; + } +} + +.clearfix { + @include clearfix(); +} + + + +/** + * Text aligments + */ + +.align-text-left { + text-align: left; +} + +.align-text-right { + text-align: right; +} + +.align-text-center { + text-align: center; +} + + +/** + * Elements visibility + */ + +.visible-on-mobile { + display: none !important; + @include resp-max($breakpoint-sm) { + display: block !important; + } +} + +.visible-on-tablet { + display: none !important; + @include resp-max($breakpoint-md) { + display: block !important; + } + @include resp-max($breakpoint-sm) { + display: none !important; + } +} + +.visible-on-desktop { + @include resp-max($breakpoint-md) { + display: none !important; + } +} diff --git a/assets/scss/utilities/_reset.scss b/assets/sass/utils/_reset.scss similarity index 100% rename from assets/scss/utilities/_reset.scss rename to assets/sass/utils/_reset.scss diff --git a/assets/sass/utils/_responsive.scss b/assets/sass/utils/_responsive.scss new file mode 100644 index 0000000..2e3b870 --- /dev/null +++ b/assets/sass/utils/_responsive.scss @@ -0,0 +1,18 @@ +@each $breakpoint in $breakpoints { + + $key : nth($breakpoint, 1); + $value : nth($breakpoint, 2); + + .visible-#{$key} { + @media only screen and #{$value} { + display: block !important; + } + } + + .hidden-#{$key} { + @media only screen and #{$value} { + display: none !important; + } + } + +} \ No newline at end of file diff --git a/assets/sass/vendor/simple-grid b/assets/sass/vendor/simple-grid new file mode 160000 index 0000000..e87c4f6 --- /dev/null +++ b/assets/sass/vendor/simple-grid @@ -0,0 +1 @@ +Subproject commit e87c4f6ee56bb7223a1cb56698cec4d0fdabbd29 diff --git a/assets/scss/barebones.scss b/assets/scss/barebones.scss deleted file mode 100755 index 2530538..0000000 --- a/assets/scss/barebones.scss +++ /dev/null @@ -1,42 +0,0 @@ -/** -Theme Name: Bare Bones -Theme URI: http://github.com/benchmarkstudios/barebones -Author: Benchmark -*/ - -// 1. Vendors -@import - 'vendor/simple-grid/simple-grid'; - -// 2. Configuration and helpers -@import - 'utilities/variables', - 'utilities/mixins', - 'utilities/reset', - 'utilities/a11y', - 'utilities/responsive', - 'utilities/wordpress'; - -// 3. Base stuff -@import - 'base/shared', - 'base/images', - 'base/forms', - 'base/lists', - 'base/headings', - 'base/links'; - -// 4. Layout-related sections -@import - 'layout/main', - 'layout/header', - 'layout/footer'; - -// 5. Components -@import - 'modules/buttons', - 'modules/nav'; - -// 6. Page-specific styles -@import - 'pages/home'; \ No newline at end of file diff --git a/assets/scss/base/_forms.scss b/assets/scss/base/_forms.scss deleted file mode 100644 index 145d44a..0000000 --- a/assets/scss/base/_forms.scss +++ /dev/null @@ -1,112 +0,0 @@ -/** - * Blanket input styles for normalisation - */ - -input, -select, -textarea { - background-color: $base-background-colour; - border: solid 1px $base-colour; - border-radius: 0; - color: $base-colour; - line-height: ($base-spacing-unit * 1.5); - height: ($base-spacing-unit * 1.5); - padding: 0 ($base-spacing-unit / 2); - width: 100%; -} - -input[type="checkbox"], -input[type="radio"] { - background: transparent; - border: 0; - line-height: normal; - height: auto; - width: auto; -} - -input[type="file"] { - line-height: normal; - height: auto; - padding: ($base-spacing-unit / 4) ($base-spacing-unit / 2); -} - -input[disabled] { - background-color: whitesmoke; - cursor: not-allowed; -} - -select { - line-height: normal; - padding: 0; - padding-left: ($base-spacing-unit / 2); -} - -textarea { - min-height: ($base-spacing-unit * 4); - overflow: auto; - vertical-align: top; -} - - -/** - * Form utility classes - */ - -.form--inline { - .form__group { - display: inline-block; - } -} - -.checkbox, -.radio { - display: block; - padding-left: $base-spacing-unit; - &.inline { - display: inline-block; - } - > input { - float: left; - margin-left: -($base-spacing-unit); - margin-top: 4px; - } -} - -.form__group { - display: block; - margin-bottom: $base-spacing-unit; -} - -.form__label { - display: block; - margin-bottom: ($base-spacing-unit / 2); -} - - -/** - * Input Group - * - * Allows for prepend/append of elements - * (such as icons) on an input. - */ - -.input-group { - position: relative; - > input { - padding: 0 ($base-spacing-unit * 2); - } - .input-group__addon { - line-height: ($base-spacing-unit * 1.5); - height: ($base-spacing-unit * 1.5); - position: absolute; - text-align: center; - top: 0; - width: ($base-spacing-unit * 1.5); - &:first-child { - left: 0; - } - &:last-child { - right: 0; - } - } -} diff --git a/assets/scss/base/_images.scss b/assets/scss/base/_images.scss deleted file mode 100644 index 2cc9b27..0000000 --- a/assets/scss/base/_images.scss +++ /dev/null @@ -1,8 +0,0 @@ -img { - max-width: 100%; - vertical-align: top; - &[width], - &[height] { - max-width: none; - } -} diff --git a/assets/scss/base/_links.scss b/assets/scss/base/_links.scss deleted file mode 100644 index 68e3e7d..0000000 --- a/assets/scss/base/_links.scss +++ /dev/null @@ -1,4 +0,0 @@ -a { - color: inherit; - text-decoration: none; -} \ No newline at end of file diff --git a/assets/scss/base/_lists.scss b/assets/scss/base/_lists.scss deleted file mode 100644 index f861912..0000000 --- a/assets/scss/base/_lists.scss +++ /dev/null @@ -1,16 +0,0 @@ -ul, -ol { - margin-left: $base-spacing-unit; -} - -li { - > ul, - > ol { - margin-bottom: 0; - } -} - -.list-unstyled { - list-style: none; - margin-left: 0; -} \ No newline at end of file diff --git a/assets/scss/base/_shared.scss b/assets/scss/base/_shared.scss deleted file mode 100644 index 784779f..0000000 --- a/assets/scss/base/_shared.scss +++ /dev/null @@ -1,21 +0,0 @@ -body { - color: $base-colour; - font-family: $base-font-stack; - @include font-size($base-font-size); - line-height: $base-line-height; -} - -h1, -h2, -h3, -h4, -h5, -h6, -p, -hr, -ul, -ol, -dl, -address { - margin-bottom: $base-spacing-unit; -} \ No newline at end of file diff --git a/assets/scss/modules/_buttons.scss b/assets/scss/modules/_buttons.scss deleted file mode 100644 index 7088c63..0000000 --- a/assets/scss/modules/_buttons.scss +++ /dev/null @@ -1,24 +0,0 @@ -.btn { - background-color: $base-colour; - color: $base-background-colour; - display: inline-block; - height: ($base-spacing-unit * 1.5); - line-height: ($base-spacing-unit * 1.5); - padding: 0 $base-spacing-unit; - text-align: center; - width: auto; - &::-moz-focus-inner { - border: 0; - padding: 0; - } -} - -.btn--block { - display: block; - width: 100%; -} - -.btn--link { - background-color: transparent; - color: $base-colour; -} \ No newline at end of file diff --git a/assets/scss/modules/_nav.scss b/assets/scss/modules/_nav.scss deleted file mode 100755 index 8aa7ac6..0000000 --- a/assets/scss/modules/_nav.scss +++ /dev/null @@ -1,14 +0,0 @@ -.nav { - list-style: none; - margin: 0; - > li { - display: inline-block; - margin-right: $base-spacing-unit; - &:last-child { - margin-right: 0; - } - > a { - display: block; - } - } -} \ No newline at end of file diff --git a/assets/scss/utilities/_a11y.scss b/assets/scss/utilities/_a11y.scss deleted file mode 100644 index d985864..0000000 --- a/assets/scss/utilities/_a11y.scss +++ /dev/null @@ -1,7 +0,0 @@ -.sr-only { - font-size: 0; - height: 0; - overflow: hidden; - position: absolute; - width: 0; -} diff --git a/assets/scss/utilities/_mixins.scss b/assets/scss/utilities/_mixins.scss deleted file mode 100755 index fe07d92..0000000 --- a/assets/scss/utilities/_mixins.scss +++ /dev/null @@ -1,60 +0,0 @@ -/* - * Media query to respond to a minimum size (mobile first) - */ - -@mixin resp-min($size) { - @media screen and (min-width: $size) { - @content; - } -} - - -/* - * Media query to respond to a maximum size - */ - -@mixin resp-max($size) { - @media screen and (max-width: $size) { - @content; - } -} - - -/* - * Output font size in px/rem - */ - -@mixin font-size($px) { - font-size: $px + px; - font-size: #{$px / 16}rem; -} - - -/* - * Placeholder mixin for - */ - -@mixin placeholder() { - $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input"; - @each $placeholder in $placeholders { - &:#{$placeholder}-placeholder { - @content; - } - } -} - - -/** - * Clearfix - */ - -@mixin clearfix() { - &:before, - &:after{ - content: " "; - display: table; - } - &:after{ - clear: both; - } -} diff --git a/assets/scss/utilities/_responsive.scss b/assets/scss/utilities/_responsive.scss deleted file mode 100644 index 55fdbd9..0000000 --- a/assets/scss/utilities/_responsive.scss +++ /dev/null @@ -1,18 +0,0 @@ -@each $breakpoint in $breakpoints { - - $key : nth($breakpoint, 1); - $value : nth($breakpoint, 2); - - .visible-#{$key} { - @media only screen and #{$value} { - display: block !important; - } - } - - .hidden-#{$key} { - @media only screen and #{$value} { - display: none !important; - } - } - -} \ No newline at end of file diff --git a/assets/scss/utilities/_variables.scss b/assets/scss/utilities/_variables.scss deleted file mode 100755 index e6898a4..0000000 --- a/assets/scss/utilities/_variables.scss +++ /dev/null @@ -1,41 +0,0 @@ -/** - * Custom variables - */ - - - -/** - * Base values - */ - -$base-colour: #444; -$base-background-colour: #fff; -$base-font-stack: 'Helvetica Neue', Helvetica, Arial, sans-serif; -$base-font-size: 16; -$base-line-height: 1.5; -$base-spacing-unit: ($base-font-size * $base-line-height) * 1px; - - -/** - * Breakpoints - */ - -$breakpoint-sm: 767px; -$breakpoint-md: 992px; -$breakpoint-lg: 1200px; - -$breakpoints: ( - 'lg' '(min-width: ' + $breakpoint-lg + ')', - 'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')', - 'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:' + ($breakpoint-md - 1) + ')', - 'xs' '(max-width: ' + $breakpoint-sm + ')' -); - - -/** - * Grid - */ - -$grid-max-width: 1200px; -$grid-columns: 12; -$grid-gutter: $base-spacing-unit; diff --git a/assets/scss/utilities/_wordpress.scss b/assets/scss/utilities/_wordpress.scss deleted file mode 100644 index 7e2365e..0000000 --- a/assets/scss/utilities/_wordpress.scss +++ /dev/null @@ -1,27 +0,0 @@ -.alignleft { - float: left; -} - -img.alignleft { - margin-right: $base-spacing-unit; -} - -.alignright { - float: right; -} - -img.alignright { - margin-left : $base-spacing-unit; -} - -.aligncenter { - display: block; - margin: { - left: auto; - right: auto; - } -} - -img.aligncenter { - margin-bottom: $base-spacing-unit; -} \ No newline at end of file diff --git a/assets/scss/vendor/simple-grid b/assets/scss/vendor/simple-grid deleted file mode 160000 index 4cef1bf..0000000 --- a/assets/scss/vendor/simple-grid +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 4cef1bf7cb635806cb07fc30cbb34ae211881570 diff --git a/footer.php b/footer.php index 1973eeb..e8af096 100755 --- a/footer.php +++ b/footer.php @@ -1,9 +1,9 @@ - - - - \ No newline at end of file + + + + diff --git a/functions.php b/functions.php index 9ea924e..6e81d7d 100644 --- a/functions.php +++ b/functions.php @@ -1,20 +1,40 @@ 'Header', - 'footer' => 'Footer' - )); +if ( function_exists( 'register_nav_menus' ) ) +{ + register_nav_menus([ + 'header' => 'Header', + 'footer' => 'Footer' + ]); } -function barebones_nav_menu_args( $args = '' ) { - $args['container'] = false; - $args['container_class'] = false; - $args['menu_id'] = false; - $args['items_wrap'] = ''; - return $args; +function barebones_nav_menu_args( $args = '' ) +{ + $args['container'] = false; + $args['container_class'] = false; + $args['menu_id'] = false; + $args['items_wrap'] = ''; + + return $args; } add_filter( 'wp_nav_menu_args', 'barebones_nav_menu_args' ); + /** * Email */ -function barebones_mail_from( $email ) { - return get_option( 'admin_email' ); +function barebones_mail_from( $email ) +{ + return get_option( 'admin_email' ); } add_filter( 'wp_mail_from', 'barebones_mail_from' ); -function barebones_mail_from_name( $name ) { - return get_bloginfo( 'name' ); + +function barebones_mail_from_name( $name ) +{ + return get_bloginfo( 'name' ); } add_filter( 'wp_mail_from_name', 'barebones_mail_from_name' ); + /** * Shortcodes ([button] shortcode included) */ -function button_shortcode( $atts, $content = null ) { - return '' . $content . ''; +function button_shortcode( $atts, $content = null ) +{ + $atts['class'] = isset($atts['class']) ? $atts['class'] : 'btn'; + + return '' . $content . ''; } add_shortcode( 'button', 'button_shortcode' ); + /** * TinyMCE */ -function barebones_mce_buttons_2( $buttons ) { - array_unshift( $buttons, 'styleselect' ); - $buttons[] = 'hr'; - return $buttons; +function barebones_mce_buttons_2( $buttons ) +{ + array_unshift( $buttons, 'styleselect' ); + $buttons[] = 'hr'; + + return $buttons; } add_filter( 'mce_buttons_2', 'barebones_mce_buttons_2' ); -function barebones_tiny_mce_before_init( $settings ) { - $style_formats = array( - /* - * Example - * - array( - 'title' => '', - 'selector' => '', - 'classes' => '' - ) */ - ); - $settings['style_formats'] = json_encode( $style_formats ); - return $settings; + +function barebones_tiny_mce_before_init( $settings ) +{ + $style_formats = [ + // [ + // 'title' => '', + // 'selector' => '', + // 'classes' => '' + // ] + ]; + + $settings['style_formats'] = json_encode( $style_formats ); + $settings['style_formats_merge'] = true; + + return $settings; } add_filter( 'tiny_mce_before_init', 'barebones_tiny_mce_before_init' ); + /** - * Get image URL for whatever size. + * Get post thumbnail url + * + * @param int $post_id + * @return string */ -function wp_get_attachment_image_url( $id, $size = 'full', $attrs = []) { - $image = wp_get_attachment_image_src( $id, $size, $attrs ); - return $image[0]; +function get_post_thumbnail_url( $post_id ) +{ + return wp_get_attachment_url( get_post_thumbnail_id( $post_id ) ); } diff --git a/functions/example.php b/functions/example.php new file mode 100644 index 0000000..69a6c3b --- /dev/null +++ b/functions/example.php @@ -0,0 +1,3 @@ + + + > - - - - - <?php wp_title( '' ); ?> - - - - - - - - - > - \ No newline at end of file + + + + + + + + + + + > + diff --git a/index.php b/index.php index fe8ccd6..30d0cf7 100755 --- a/index.php +++ b/index.php @@ -1,25 +1,25 @@
-
+
- + -
> +
> -
-

-

-

-
+
+

+

+

+
- + -
+
- + -
+
\ No newline at end of file diff --git a/js/script.min.js b/js/script.min.js index 7cefdc7..9dd3298 100644 --- a/js/script.min.js +++ b/js/script.min.js @@ -1 +1,2 @@ -!function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a="function"==typeof require&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}for(var i="function"==typeof require&&require,o=0;o + +
+
+ + + +
> + +
+

+
+ + + +
+ + + +
+
+ + diff --git a/screenshot.jpg b/screenshot.jpg new file mode 100644 index 0000000..fc60982 Binary files /dev/null and b/screenshot.jpg differ diff --git a/single.php b/single.php new file mode 100644 index 0000000..eb1c9d9 --- /dev/null +++ b/single.php @@ -0,0 +1,28 @@ + + +
+
+ + + +
> + +
+

+
+ + + +
+

+

+
+ +
+ + + +
+
+ + \ No newline at end of file diff --git a/style.css b/style.css old mode 100644 new mode 100755 index ac7a060..f35022a --- a/style.css +++ b/style.css @@ -1 +1,2 @@ -.container{max-width:1240px;margin:0 auto;padding:0 20px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.row{list-style:none;margin-left:-20px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.row--gutterless{margin-left:0}.col{float:left;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.row--gutterless .col{padding-left:0}@media only screen and (min-width: 1200px){.col--lg-offset-0{margin-left:0%}.col--lg-1{width:8.33333%}.col--lg-offset-1{margin-left:8.33333%}.col--lg-2{width:16.66667%}.col--lg-offset-2{margin-left:16.66667%}.col--lg-3{width:25%}.col--lg-offset-3{margin-left:25%}.col--lg-4{width:33.33333%}.col--lg-offset-4{margin-left:33.33333%}.col--lg-5{width:41.66667%}.col--lg-offset-5{margin-left:41.66667%}.col--lg-6{width:50%}.col--lg-offset-6{margin-left:50%}.col--lg-7{width:58.33333%}.col--lg-offset-7{margin-left:58.33333%}.col--lg-8{width:66.66667%}.col--lg-offset-8{margin-left:66.66667%}.col--lg-9{width:75%}.col--lg-offset-9{margin-left:75%}.col--lg-10{width:83.33333%}.col--lg-offset-10{margin-left:83.33333%}.col--lg-11{width:91.66667%}.col--lg-offset-11{margin-left:91.66667%}.col--lg-12{width:100%}.col--lg-offset-12{margin-left:100%}}@media only screen and (min-width: 992px) and (max-width: 1199px){.col--md-offset-0{margin-left:0%}.col--md-1{width:8.33333%}.col--md-offset-1{margin-left:8.33333%}.col--md-2{width:16.66667%}.col--md-offset-2{margin-left:16.66667%}.col--md-3{width:25%}.col--md-offset-3{margin-left:25%}.col--md-4{width:33.33333%}.col--md-offset-4{margin-left:33.33333%}.col--md-5{width:41.66667%}.col--md-offset-5{margin-left:41.66667%}.col--md-6{width:50%}.col--md-offset-6{margin-left:50%}.col--md-7{width:58.33333%}.col--md-offset-7{margin-left:58.33333%}.col--md-8{width:66.66667%}.col--md-offset-8{margin-left:66.66667%}.col--md-9{width:75%}.col--md-offset-9{margin-left:75%}.col--md-10{width:83.33333%}.col--md-offset-10{margin-left:83.33333%}.col--md-11{width:91.66667%}.col--md-offset-11{margin-left:91.66667%}.col--md-12{width:100%}.col--md-offset-12{margin-left:100%}}@media only screen and (min-width: 768px) and (max-width:991px){.col--sm-offset-0{margin-left:0%}.col--sm-1{width:8.33333%}.col--sm-offset-1{margin-left:8.33333%}.col--sm-2{width:16.66667%}.col--sm-offset-2{margin-left:16.66667%}.col--sm-3{width:25%}.col--sm-offset-3{margin-left:25%}.col--sm-4{width:33.33333%}.col--sm-offset-4{margin-left:33.33333%}.col--sm-5{width:41.66667%}.col--sm-offset-5{margin-left:41.66667%}.col--sm-6{width:50%}.col--sm-offset-6{margin-left:50%}.col--sm-7{width:58.33333%}.col--sm-offset-7{margin-left:58.33333%}.col--sm-8{width:66.66667%}.col--sm-offset-8{margin-left:66.66667%}.col--sm-9{width:75%}.col--sm-offset-9{margin-left:75%}.col--sm-10{width:83.33333%}.col--sm-offset-10{margin-left:83.33333%}.col--sm-11{width:91.66667%}.col--sm-offset-11{margin-left:91.66667%}.col--sm-12{width:100%}.col--sm-offset-12{margin-left:100%}}@media only screen and (max-width: 767px){.col--xs-offset-0{margin-left:0%}.col--xs-1{width:8.33333%}.col--xs-offset-1{margin-left:8.33333%}.col--xs-2{width:16.66667%}.col--xs-offset-2{margin-left:16.66667%}.col--xs-3{width:25%}.col--xs-offset-3{margin-left:25%}.col--xs-4{width:33.33333%}.col--xs-offset-4{margin-left:33.33333%}.col--xs-5{width:41.66667%}.col--xs-offset-5{margin-left:41.66667%}.col--xs-6{width:50%}.col--xs-offset-6{margin-left:50%}.col--xs-7{width:58.33333%}.col--xs-offset-7{margin-left:58.33333%}.col--xs-8{width:66.66667%}.col--xs-offset-8{margin-left:66.66667%}.col--xs-9{width:75%}.col--xs-offset-9{margin-left:75%}.col--xs-10{width:83.33333%}.col--xs-offset-10{margin-left:83.33333%}.col--xs-11{width:91.66667%}.col--xs-offset-11{margin-left:91.66667%}.col--xs-12{width:100%}.col--xs-offset-12{margin-left:100%}}*{background-color:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;font:inherit;margin:0;padding:0}html{background-color:white;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}input,select,textarea,button{color:inherit;display:inline-block}input[disabled],select[disabled],textarea[disabled],button[disabled]{cursor:not-allowed}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}table th,table td{text-align:left}.sr-only{font-size:0;height:0;overflow:hidden;position:absolute;width:0}@media only screen and (min-width: 1200px){.visible-lg{display:block !important;}}@media only screen and (min-width: 1200px){.hidden-lg{display:none !important;}}@media only screen and (min-width: 992px) and (max-width: 1199px){.visible-md{display:block !important;}}@media only screen and (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important;}}@media only screen and (min-width: 768px) and (max-width:991px){.visible-sm{display:block !important;}}@media only screen and (min-width: 768px) and (max-width:991px){.hidden-sm{display:none !important;}}@media only screen and (max-width: 767px){.visible-xs{display:block !important;}}@media only screen and (max-width: 767px){.hidden-xs{display:none !important;}}.alignleft{float:left}img.alignleft{margin-right:24px}.alignright{float:right}img.alignright{margin-left:24px}.aligncenter{display:block;margin-left:auto;margin-right:auto}img.aligncenter{margin-bottom:24px}body{color:#444;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6,p,hr,ul,ol,dl,address{margin-bottom:24px}img{max-width:100%}img[width],img[height]{max-width:none}input,select,textarea{background-color:#fff;border:solid 1px #444;-webkit-border-radius:0;border-radius:0;color:#444;line-height:36px;height:36px;padding:0 12px;width:100%}input[type="checkbox"],input[type="radio"]{background:transparent;border:0;line-height:normal;height:auto;width:auto}input[type="file"]{line-height:normal;height:auto;padding:6px 12px}input[disabled]{background-color:whitesmoke;cursor:not-allowed}select{line-height:normal;padding:0;padding-left:12px}textarea{min-height:96px;overflow:auto}.form--inline .form__group{display:inline-block}.checkbox,.radio{display:block;padding-left:24px}.checkbox.inline,.radio.inline{display:inline-block}.checkbox>input,.radio>input{float:left;margin-left:-24px;margin-top:4px}.form__group{display:block;margin-bottom:24px}.form__label{display:block;margin-bottom:12px}.input-group{position:relative}.input-group>input{padding:0 48px}.input-group .input-group__addon{line-height:36px;height:36px;position:absolute;text-align:center;top:0;width:36px}.input-group .input-group__addon:first-child{left:0}.input-group .input-group__addon:last-child{right:0}ul,ol{margin-left:24px}li>ul,li>ol{margin-bottom:0}.list-unstyled{list-style:none;margin-left:0}h1,h2,h3,h4,h5,h6{font-weight:bold}a{color:inherit;text-decoration:none}.btn{background-color:#444;color:#fff;display:inline-block;height:36px;line-height:36px;padding:0 24px;text-align:center;width:auto}.btn::-moz-focus-inner{border:0;padding:0}.btn--block{display:block;width:100%}.btn--link{background-color:transparent;color:#444}.nav{list-style:none;margin:0}.nav>li{display:inline-block;margin-right:24px}.nav>li:last-child{margin-right:0}.nav>li>a{display:block} \ No newline at end of file +.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.container:after,.row:after{clear:both}*,.col{box-sizing:border-box}.alignleft,.col,.float-left{float:left}.align-text-left,table td,table th{text-align:left}button[disabled],input[disabled],select[disabled],textarea[disabled]{cursor:not-allowed}img,textarea{vertical-align:top}.list--unstyled,.nav,.row{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.row{margin-left:-24px}.row.row--gutterless{margin-left:0}.col{padding-left:24px}.row--gutterless .col{padding-left:0}@media only screen and (min-width:1200px){.col--lg-offset-0{margin-left:0}.col--lg-1{width:8.33333%}.col--lg-offset-1{margin-left:8.33333%}.col--lg-2{width:16.66667%}.col--lg-offset-2{margin-left:16.66667%}.col--lg-3{width:25%}.col--lg-offset-3{margin-left:25%}.col--lg-4{width:33.33333%}.col--lg-offset-4{margin-left:33.33333%}.col--lg-5{width:41.66667%}.col--lg-offset-5{margin-left:41.66667%}.col--lg-6{width:50%}.col--lg-offset-6{margin-left:50%}.col--lg-7{width:58.33333%}.col--lg-offset-7{margin-left:58.33333%}.col--lg-8{width:66.66667%}.col--lg-offset-8{margin-left:66.66667%}.col--lg-9{width:75%}.col--lg-offset-9{margin-left:75%}.col--lg-10{width:83.33333%}.col--lg-offset-10{margin-left:83.33333%}.col--lg-11{width:91.66667%}.col--lg-offset-11{margin-left:91.66667%}.col--lg-12{width:100%}.col--lg-offset-12{margin-left:100%}}@media only screen and (min-width:992px) and (max-width:1199px){.col--md-offset-0{margin-left:0}.col--md-1{width:8.33333%}.col--md-offset-1{margin-left:8.33333%}.col--md-2{width:16.66667%}.col--md-offset-2{margin-left:16.66667%}.col--md-3{width:25%}.col--md-offset-3{margin-left:25%}.col--md-4{width:33.33333%}.col--md-offset-4{margin-left:33.33333%}.col--md-5{width:41.66667%}.col--md-offset-5{margin-left:41.66667%}.col--md-6{width:50%}.col--md-offset-6{margin-left:50%}.col--md-7{width:58.33333%}.col--md-offset-7{margin-left:58.33333%}.col--md-8{width:66.66667%}.col--md-offset-8{margin-left:66.66667%}.col--md-9{width:75%}.col--md-offset-9{margin-left:75%}.col--md-10{width:83.33333%}.col--md-offset-10{margin-left:83.33333%}.col--md-11{width:91.66667%}.col--md-offset-11{margin-left:91.66667%}.col--md-12{width:100%}.col--md-offset-12{margin-left:100%}}@media only screen and (min-width:768px) and (max-width:991px){.col--sm-offset-0{margin-left:0}.col--sm-1{width:8.33333%}.col--sm-offset-1{margin-left:8.33333%}.col--sm-2{width:16.66667%}.col--sm-offset-2{margin-left:16.66667%}.col--sm-3{width:25%}.col--sm-offset-3{margin-left:25%}.col--sm-4{width:33.33333%}.col--sm-offset-4{margin-left:33.33333%}.col--sm-5{width:41.66667%}.col--sm-offset-5{margin-left:41.66667%}.col--sm-6{width:50%}.col--sm-offset-6{margin-left:50%}.col--sm-7{width:58.33333%}.col--sm-offset-7{margin-left:58.33333%}.col--sm-8{width:66.66667%}.col--sm-offset-8{margin-left:66.66667%}.col--sm-9{width:75%}.col--sm-offset-9{margin-left:75%}.col--sm-10{width:83.33333%}.col--sm-offset-10{margin-left:83.33333%}.col--sm-11{width:91.66667%}.col--sm-offset-11{margin-left:91.66667%}.col--sm-12{width:100%}.col--sm-offset-12{margin-left:100%}}@media only screen and (max-width:767px){.col--xs-offset-0{margin-left:0}.col--xs-1{width:8.33333%}.col--xs-offset-1{margin-left:8.33333%}.col--xs-2{width:16.66667%}.col--xs-offset-2{margin-left:16.66667%}.col--xs-3{width:25%}.col--xs-offset-3{margin-left:25%}.col--xs-4{width:33.33333%}.col--xs-offset-4{margin-left:33.33333%}.col--xs-5{width:41.66667%}.col--xs-offset-5{margin-left:41.66667%}.col--xs-6{width:50%}.col--xs-offset-6{margin-left:50%}.col--xs-7{width:58.33333%}.col--xs-offset-7{margin-left:58.33333%}.col--xs-8{width:66.66667%}.col--xs-offset-8{margin-left:66.66667%}.col--xs-9{width:75%}.col--xs-offset-9{margin-left:75%}.col--xs-10{width:83.33333%}.col--xs-offset-10{margin-left:83.33333%}.col--xs-11{width:91.66667%}.col--xs-offset-11{margin-left:91.66667%}.col--xs-12{width:100%}.col--xs-offset-12{margin-left:100%}}*{background-color:transparent;border:0;font:inherit;margin:0;padding:0}.form__group,address,dl,h1,h2,h3,h4,h5,h6,hr,img .aligncenter,img .float-center,ol,p,ul{margin-bottom:24px}html{background-color:#fff;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}button,input,select,textarea{color:inherit;display:inline-block}a,a:hover,body{color:#444}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}.sr-only{font-size:0;height:0;overflow:hidden;position:absolute;width:0}@media only screen and (min-width:1200px){.visible-lg{display:block!important}.hidden-lg{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}.hidden-md{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}.hidden-sm{display:none!important}}@media only screen and (max-width:767px){.visible-xs{display:block!important}.hidden-xs{display:none!important}}img .alignleft,img .float-left{margin-right:24px}.alignright,.float-right{float:right}img .alignright,img .float-right{margin-left:24px}.aligncenter,.float-center{display:block;margin-left:auto;margin-right:auto}.align-text-center,.align-text-right{text-align:right}.visible-on-mobile{display:none!important}@media screen and (max-width:767px){.visible-on-mobile{display:block!important}}.visible-on-tablet{display:none!important}@media screen and (max-width:992px){.visible-on-tablet{display:block!important}.visible-on-desktop{display:none!important}}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-size:1rem;line-height:1.5;-webkit-text-size-adjust:none}a{text-decoration:none}a:hover{text-decoration:underline}a[href^=tel]{color:inherit;text-decoration:none;font-family:inherit;font-size:inherit;font-style:inherit}hr{background-color:#444;height:1px}img{max-width:100%}img[height],img[width]{max-width:none}.is-fluid{display:block;width:100%;height:auto}:focus{outline:0}input,select,textarea{background-color:#fff;border:1px solid #444;border-radius:0;color:#444;line-height:36px;height:36px;padding:0 12px;width:100%}input[type=checkbox],input[type=radio]{background:0 0;border:0;line-height:normal;height:auto;width:auto}input[type=file]{line-height:normal;height:auto;padding:6px 12px}input[type=submit]{border-radius:0}input[disabled]{background-color:#f5f5f5}select{line-height:normal;padding:0 0 0 12px}textarea{min-height:96px;overflow:auto;resize:vertical}.form--inline .form__group{display:inline-block}.checkbox,.radio{display:block;padding-left:24px}.checkbox.inline,.radio.inline{display:inline-block}.checkbox>input,.radio>input{float:left;margin-left:-24px;margin-top:4px}.form__group{display:block}.form__label{display:block;margin-bottom:12px}.input-group{position:relative}.input-group>input{padding:0 48px}.input-group .input-group__addon{line-height:36px;height:36px;position:absolute;text-align:center;top:0;width:36px}.input-group .input-group__addon:first-child{left:0}.input-group .input-group__addon:last-child{right:0}ol,ul{margin-left:24px}li>ol,li>ul{margin-bottom:0}.list--unstyled{margin-left:0}h1,h2,h3,h4,h5,h6{font-weight:700}small{font-size:.75em}.btn{background-color:#444;color:#fff;border:1px solid transparent;display:inline-block;padding:6px 24px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;transition:all .5s}.btn::-moz-focus-inner{border:0;padding:0}.btn--inverse,.btn:hover{background-color:#fff;color:#444;border:1px solid #444}.btn:hover{text-decoration:none}.btn .is-disabled,.btn:disabled{pointer-events:none;opacity:.65}.btn--inverse:hover{background-color:#444;color:#fff;border:1px solid transparent}.btn--block{display:block;width:100%}.btn--block+.btn--block{margin-top:6px}.btn--link{background-color:transparent;color:#444}.nav{margin:0}.nav>li{display:inline-block;margin-right:24px}.nav>li:last-child{margin-right:0}.nav>li>a{display:block} +/*# sourceMappingURL=style.css.map */ diff --git a/templates/template-demo.php b/templates/template-demo.php new file mode 100644 index 0000000..ec9788b --- /dev/null +++ b/templates/template-demo.php @@ -0,0 +1,31 @@ + + +
+
+ + + +
> + +
+

+
+ + + +
+ + + +
+
+ + \ No newline at end of file