├── docs ├── .nojekyll └── index.html ├── inc ├── base-theme-oop │ ├── readme.txt │ ├── src │ │ ├── scss │ │ │ ├── variables │ │ │ │ ├── _colors.scss │ │ │ │ ├── _variables.scss │ │ │ │ └── _bootstrap-overrides.scss │ │ │ ├── functions │ │ │ │ ├── _functions.scss │ │ │ │ ├── _val.scss │ │ │ │ └── _str-replace.scss │ │ │ ├── components │ │ │ │ ├── _components.scss │ │ │ │ ├── _footer.scss │ │ │ │ ├── _header.scss │ │ │ │ ├── _search-form.scss │ │ │ │ └── _animated-hamburger.scss │ │ │ ├── mixins │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _keyframes.scss │ │ │ │ ├── _font-smoothing.scss │ │ │ │ ├── _animate.scss │ │ │ │ ├── _placeholder.scss │ │ │ │ ├── _gradient.scss │ │ │ │ └── _vendor.scss │ │ │ ├── _global.scss │ │ │ └── style.scss │ │ └── js │ │ │ ├── index.php │ │ │ ├── elexicon.js │ │ │ ├── app.js │ │ │ ├── functions │ │ │ ├── index.js │ │ │ ├── inlineScroll.js │ │ │ ├── isInView.js │ │ │ └── parallax.js │ │ │ ├── Variables │ │ │ ├── index.js │ │ │ └── Url.js │ │ │ └── lexi.js │ ├── vendor │ │ ├── composer │ │ │ ├── installed.json │ │ │ ├── autoload_classmap.php │ │ │ ├── autoload_namespaces.php │ │ │ ├── autoload_psr4.php │ │ │ ├── LICENSE │ │ │ ├── autoload_static.php │ │ │ └── autoload_real.php │ │ └── autoload.php │ ├── img │ │ └── index.php │ ├── dist │ │ ├── js │ │ │ ├── index.php │ │ │ └── customizer.js │ │ └── styles │ │ │ └── index.php │ ├── inc │ │ ├── index.php │ │ ├── lexi │ │ │ ├── index.php │ │ │ ├── shortcodes │ │ │ │ ├── Register.php │ │ │ │ ├── Iframe.php │ │ │ │ └── MailTo.php │ │ │ ├── Customizer.php │ │ │ ├── factory │ │ │ │ ├── Sidebar.php │ │ │ │ ├── PostType.php │ │ │ │ └── Taxonomy.php │ │ │ ├── theme-functions.php │ │ │ ├── Pagination.php │ │ │ ├── NavWalker.php │ │ │ └── Api.php │ │ └── elexicon-functions.php │ ├── languages │ │ ├── index.php │ │ └── readme.txt │ ├── template-parts │ │ ├── index.php │ │ └── components │ │ │ └── post-list.php │ ├── screenshot.png │ ├── footer.php │ ├── 404.php │ ├── rtl.css │ ├── sidebar.php │ ├── searchform.php │ ├── functions.php │ ├── index.php │ ├── single.php │ ├── archive.php │ ├── page.php │ ├── composer.json │ ├── webpack.mix.js │ ├── search.php │ ├── package.json │ ├── README.md │ ├── header.php │ ├── comments.php │ └── style.css ├── footer.php ├── Zip_Extend.php ├── form.php └── header.php ├── images ├── SH.jpg ├── pae.jpg ├── tb-thmb.jpg ├── bradford.png ├── elexicon.jpg ├── flat-logo.png ├── elexicon_bug.jpg └── elexicon-logo.svg ├── fonts └── bootstrap │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── scss ├── _vars.scss ├── bootstrap │ ├── mixins │ │ ├── _center-block.scss │ │ ├── _opacity.scss │ │ ├── _size.scss │ │ ├── _text-overflow.scss │ │ ├── _tab-focus.scss │ │ ├── _labels.scss │ │ ├── _resize.scss │ │ ├── _progress-bar.scss │ │ ├── _text-emphasis.scss │ │ ├── _reset-filter.scss │ │ ├── _nav-divider.scss │ │ ├── _background-variant.scss │ │ ├── _alerts.scss │ │ ├── _nav-vertical-align.scss │ │ ├── _reset-text.scss │ │ ├── _border-radius.scss │ │ ├── _pagination.scss │ │ ├── _responsive-visibility.scss │ │ ├── _panels.scss │ │ ├── _hide-text.scss │ │ ├── _clearfix.scss │ │ ├── _list-group.scss │ │ ├── _table-row.scss │ │ ├── _image.scss │ │ ├── _buttons.scss │ │ ├── _grid-framework.scss │ │ ├── _forms.scss │ │ ├── _grid.scss │ │ └── _gradients.scss │ ├── _wells.scss │ ├── _responsive-embed.scss │ ├── _breadcrumbs.scss │ ├── _close.scss │ ├── _component-animations.scss │ ├── _utilities.scss │ ├── _thumbnails.scss │ ├── _pager.scss │ ├── _mixins.scss │ ├── _media.scss │ ├── _jumbotron.scss │ ├── _labels.scss │ ├── _badges.scss │ ├── _code.scss │ ├── _grid.scss │ ├── _alerts.scss │ ├── _progress-bars.scss │ ├── _pagination.scss │ ├── _print.scss │ ├── _tooltip.scss │ ├── _list-group.scss │ ├── _scaffolding.scss │ ├── _popovers.scss │ ├── _modals.scss │ ├── _buttons.scss │ ├── _input-groups.scss │ ├── _responsive-utilities.scss │ └── _tables.scss ├── style.scss ├── _footer.scss ├── _elx-mixins.scss ├── _bootstrap.scss ├── _projects.scss └── _global.scss ├── .gitignore ├── js ├── grunt-settings.js ├── .jshintrc ├── theme-maker.js └── .jscsrc ├── package.json ├── README.md ├── index.php └── Gruntfile.js /docs/.nojekyll: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /inc/base-theme-oop/readme.txt: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/variables/_colors.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /inc/base-theme-oop/vendor/composer/installed.json: -------------------------------------------------------------------------------- 1 | [] 2 | -------------------------------------------------------------------------------- /inc/base-theme-oop/img/index.php: -------------------------------------------------------------------------------- 1 | { 2 | $('html, body').animate({ 3 | scrollTop: $(loc).offset().top 4 | }, 1200) 5 | } 6 | 7 | export { inlineScroll } 8 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/_global.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Global Styles 3 | */ 4 | 5 | html, 6 | body { 7 | @include font-smoothing(on); 8 | } 9 | 10 | .container-fluid { 11 | max-width: 1440px; 12 | } 13 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_opacity.scss: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | @mixin opacity($opacity) { 4 | opacity: $opacity; 5 | // IE8 filter 6 | $opacity-ie: ($opacity * 100); 7 | filter: alpha(opacity=$opacity-ie); 8 | } 9 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | DS_Store 2 | node_modules/ 3 | node_modules/* 4 | .sass-cache 5 | .sass-cache/* 6 | inc/base-theme/inc/acf 7 | inc/base-theme/inc/acf/* 8 | inc/base-theme/inc/acf-include.php 9 | inc/count.txt 10 | inc/zip/* 11 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_size.scss: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | @mixin size($width, $height) { 4 | width: $width; 5 | height: $height; 6 | } 7 | 8 | @mixin square($size) { 9 | @include size($size, $size); 10 | } 11 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_text-overflow.scss: -------------------------------------------------------------------------------- 1 | // Text overflow 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-overflow() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /inc/base-theme-oop/vendor/autoload.php: -------------------------------------------------------------------------------- 1 | 11 | 12 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /inc/base-theme-oop/languages/readme.txt: -------------------------------------------------------------------------------- 1 | Place your theme language files in this directory. 2 | 3 | Please visit the following links to learn more about translating WordPress themes: 4 | 5 | https://make.wordpress.org/polyglots/teams/ 6 | https://developer.wordpress.org/themes/functionality/localization/ 7 | https://developer.wordpress.org/reference/functions/load_theme_textdomain/ 8 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/js/functions/isInView.js: -------------------------------------------------------------------------------- 1 | function isInView(elem, offset = 0) { 2 | var docViewTop = $(window).scrollTop(); 3 | var docViewBottom = docViewTop + ($(window).height() + offset); 4 | 5 | var elemTop = $(elem).offset().top; 6 | var elemBottom = elemTop + $(elem).height(); 7 | 8 | return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 9 | } 10 | 11 | export { isInView } 12 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/components/_search-form.scss: -------------------------------------------------------------------------------- 1 | form { 2 | &#searchform { 3 | 4 | input { 5 | @include placeholder { 6 | color: #b8b8b8; 7 | font-style: italic; 8 | font-size: 14px; 9 | } 10 | } 11 | 12 | button { 13 | &#search { 14 | border-top-left-radius: 0; 15 | border-bottom-left-radius: 0; 16 | } 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /inc/base-theme-oop/template-parts/components/post-list.php: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 | 6 |
7 | 8 | 9 |
10 |

11 | 12 |
13 |
14 |
15 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/mixins/_font-smoothing.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * font-smothing 3 | * @include font-smoothing(on); 4 | * @include font-smoothing(off); 5 | */ 6 | @mixin font-smoothing($value:on){ 7 | @if $value == on{ 8 | -webkit-font-smoothing:antialiased; 9 | -moz-osx-font-smoothing:grayscale; 10 | } 11 | @else{ 12 | -webkit-font-smoothing:subpixel-antialiased; 13 | -moz-osx-font-smoothing:auto; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/functions/_val.scss: -------------------------------------------------------------------------------- 1 | /// Gets a value from a map. 2 | /// @author Hugo Giraudel 3 | /// @param {map} $map Map. 4 | /// @param {string} $keys Key(s). 5 | /// @return {string} Value. 6 | @function val($map, $keys...) { 7 | 8 | @if nth($keys, 1) == null { 9 | $keys: remove-nth($keys, 1); 10 | } 11 | 12 | @each $key in $keys { 13 | $map: map-get($map, $key); 14 | } 15 | 16 | @return $map; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /js/grunt-settings.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | siteName: 'wp-theme-generator', 3 | siteUrl: 'wp-theme-generator.local', 4 | sassDir: './scss/', 5 | sassMainFileName: 'style', 6 | cssDir: './css/', 7 | cssMainFileDir: './css/', 8 | cssMainFileName: 'style', 9 | jsDir: './js/', 10 | imgDir: './images/', 11 | imgSourceDir: './images/', 12 | }; 13 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_nav-vertical-align.scss: -------------------------------------------------------------------------------- 1 | // Navbar vertical align 2 | // 3 | // Vertically center elements in the navbar. 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. 5 | 6 | @mixin navbar-vertical-align($element-height) { 7 | margin-top: (($navbar-height - $element-height) / 2); 8 | margin-bottom: (($navbar-height - $element-height) / 2); 9 | } 10 | -------------------------------------------------------------------------------- /inc/base-theme-oop/404.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |
11 |
12 |
13 |
14 |

15 |
16 |
17 |
18 |
19 | 20 | 14 | 15 | 18 | -------------------------------------------------------------------------------- /inc/base-theme-oop/vendor/composer/autoload_psr4.php: -------------------------------------------------------------------------------- 1 | array($baseDir . '/inc/lexi/shortcodes'), 10 | 'Lexi\\ShareCount\\' => array($baseDir . '/inc/lexi/sharecounts'), 11 | 'Lexi\\Factory\\' => array($baseDir . '/inc/lexi/factory'), 12 | 'Lexi\\Core\\' => array($baseDir . '/inc/lexi'), 13 | ); 14 | -------------------------------------------------------------------------------- /inc/base-theme-oop/searchform.php: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/mixins/_animate.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * Animate css properties 3 | * usage 4 | * scss - @include animate(color); 5 | * or @include animate(color width); 6 | * or @include animate(color width, 1s, linear); 7 | */ 8 | $animation-speed: .25s !default; 9 | 10 | @mixin animate($properties, $duration: $animation-speed, $easing: ease-in-out) { 11 | $list:(); 12 | @each $prop in $properties { 13 | $str: #{$prop} #{$duration} #{$easing}; 14 | $list: join($list, #{$str}, comma); 15 | } 16 | transition: $list; 17 | } 18 | -------------------------------------------------------------------------------- /scss/_footer.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Global Footer Styles 3 | */ 4 | 5 | footer { 6 | margin-top: 25px; 7 | font-size: 22px; 8 | padding-bottom: 30px; 9 | 10 | i { 11 | color: red; 12 | } 13 | 14 | a { 15 | color: $text-color; 16 | text-decoration: none; 17 | border-bottom: 1px dotted $text-color; 18 | padding-bottom: 3px; 19 | @include animate(all); 20 | 21 | &:hover { 22 | color: $elx-orange; 23 | text-decoration: none; 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/lexi/shortcodes/Register.php: -------------------------------------------------------------------------------- 1 | 7 | * @version 1.0.0 8 | */ 9 | 10 | namespace Lexi\Shortcodes; 11 | 12 | class Register { 13 | 14 | public function __construct() { 15 | $this->register_shortcodes(); 16 | } 17 | 18 | private function register_shortcodes() { 19 | add_shortcode('mailto', '\Lexi\Shortcodes\MailTo::mailto_shortcode'); 20 | add_shortcode('iframe', '\Lexi\Shortcodes\Iframe::iframe_shortcode'); 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/elexicon-functions.php: -------------------------------------------------------------------------------- 1 | 2) { 9 | domain = domainArray[1] 10 | ext = domainArray[2] 11 | } else { 12 | domain = domainArray[0] 13 | ext = domainArray[1] 14 | } 15 | var directory = pathArray[3] 16 | var fullURL = protocol + '//' + host 17 | 18 | export { 19 | protocol, 20 | host, 21 | domain, 22 | ext, 23 | directory, 24 | fullURL 25 | } 26 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/mixins/_placeholder.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * Mixin for styling form-placeholders 3 | * @example scss - Usage 4 | * @include placeholder { 5 | * color: #333; 6 | * } 7 | * 8 | * input[type='text'], 9 | * input[type='tel'], 10 | * input[type='email'] { 11 | * @include placeholder { 12 | * color: red; 13 | * } 14 | * } 15 | */ 16 | @mixin placeholder { 17 | &::-webkit-input-placeholder {@content} 18 | &::-moz-placeholder {opacity: 1; @content} 19 | &:-moz-placeholder {@content} 20 | &:-ms-input-placeholder {@content} 21 | &.placeholder {@content}; 22 | } 23 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-top-radius($radius) { 4 | border-top-right-radius: $radius; 5 | border-top-left-radius: $radius; 6 | } 7 | @mixin border-right-radius($radius) { 8 | border-bottom-right-radius: $radius; 9 | border-top-right-radius: $radius; 10 | } 11 | @mixin border-bottom-radius($radius) { 12 | border-bottom-right-radius: $radius; 13 | border-bottom-left-radius: $radius; 14 | } 15 | @mixin border-left-radius($radius) { 16 | border-bottom-left-radius: $radius; 17 | border-top-left-radius: $radius; 18 | } 19 | -------------------------------------------------------------------------------- /inc/base-theme-oop/functions.php: -------------------------------------------------------------------------------- 1 | li { 5 | > a, 6 | > span { 7 | padding: $padding-vertical $padding-horizontal; 8 | font-size: $font-size; 9 | line-height: $line-height; 10 | } 11 | &:first-child { 12 | > a, 13 | > span { 14 | @include border-left-radius($border-radius); 15 | } 16 | } 17 | &:last-child { 18 | > a, 19 | > span { 20 | @include border-right-radius($border-radius); 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_responsive-visibility.scss: -------------------------------------------------------------------------------- 1 | // Responsive utilities 2 | 3 | // 4 | // More easily include all the states for responsive-utilities.less. 5 | // [converter] $parent hack 6 | @mixin responsive-visibility($parent) { 7 | #{$parent} { 8 | display: block !important; 9 | } 10 | table#{$parent} { display: table !important; } 11 | tr#{$parent} { display: table-row !important; } 12 | th#{$parent}, 13 | td#{$parent} { display: table-cell !important; } 14 | } 15 | 16 | // [converter] $parent hack 17 | @mixin responsive-invisibility($parent) { 18 | #{$parent} { 19 | display: none !important; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /inc/footer.php: -------------------------------------------------------------------------------- 1 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_panels.scss: -------------------------------------------------------------------------------- 1 | // Panels 2 | 3 | @mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) { 4 | border-color: $border; 5 | 6 | & > .panel-heading { 7 | color: $heading-text-color; 8 | background-color: $heading-bg-color; 9 | border-color: $heading-border; 10 | 11 | + .panel-collapse > .panel-body { 12 | border-top-color: $border; 13 | } 14 | .badge { 15 | color: $heading-bg-color; 16 | background-color: $heading-text-color; 17 | } 18 | } 19 | & > .panel-footer { 20 | + .panel-collapse > .panel-body { 21 | border-bottom-color: $border; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /inc/base-theme-oop/index.php: -------------------------------------------------------------------------------- 1 | 8 | 9 |
10 |
11 |
12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |

22 | 23 | 24 | 25 |
26 |
27 |
28 |
29 | 30 | 11 | 12 |
13 |
14 |
15 |
16 | 17 | 18 |

19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 11 | 12 |
13 |
14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |

25 | 26 | 27 | 28 |
29 |
30 |
31 | 32 | 10 | 11 |
12 |
13 |
14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |

24 | 25 | 26 | 27 |
28 |
29 |
30 |
31 | =5.4" 16 | }, 17 | "autoload": { 18 | "psr-4": { 19 | "Lexi\\Core\\": "inc/lexi/", 20 | "Lexi\\Factory\\": "inc/lexi/factory/", 21 | "Lexi\\ShareCount\\": "inc/lexi/sharecounts/", 22 | "Lexi\\Shortcodes\\": "inc/lexi/shortcodes/" 23 | } 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /inc/base-theme-oop/webpack.mix.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Lexi Webpack Configuration 3 | * 4 | * @uses Laravel Mix https://laravel-mix.com 5 | */ 6 | 7 | let mix = require('laravel-mix'); 8 | 9 | mix.js('src/js/app.js', 'dist/js/bundle.js') 10 | .sass('src/scss/style.scss', 'dist/styles/style.css') 11 | .then(() => { 12 | console.log('\n\n\nLexi has finished compiling!\n\n\n') 13 | }) 14 | .setPublicPath('dist') 15 | .autoload({ 16 | jquery: ['$', 'window.jQuery'] 17 | }) 18 | .minify(['dist/js/bundle.js', 'dist/styles/style.css']) 19 | .browserSync({ 20 | proxy: '{%THEME_SLUG%}.local', 21 | port: 8000, 22 | files: [ 23 | 'dist/styles/{*,**/*}.css', 24 | 'dist/js/{*,**/*}.js', 25 | '{*,**/*}.php' 26 | ] 27 | }); 28 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/lexi/shortcodes/Iframe.php: -------------------------------------------------------------------------------- 1 | 7 | * @version 1.0.0 8 | */ 9 | 10 | namespace Lexi\Shortcodes; 11 | 12 | class Iframe { 13 | 14 | /** 15 | * Render a responsive iframe from a link 16 | * @param array $atts Shortcode attributes 17 | * @return string HTML Markup for iframe 18 | * 19 | * Usage: [iframe url="http://www.elexicon.com"] 20 | */ 21 | public static function iframe_shortcode($atts) { 22 | 23 | $atts = shortcode_atts(array( 24 | "url" => '', 25 | ), $atts, 'iframe'); 26 | 27 | $html = '
'; 28 | $html .= ''; 29 | $html .= '
'; 30 | 31 | return $html; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /scss/bootstrap/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; 8 | margin-bottom: $line-height-computed; 9 | list-style: none; 10 | background-color: $breadcrumb-bg; 11 | border-radius: $border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115 18 | $nbsp: "\00a0"; 19 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space 20 | padding: 0 5px; 21 | color: $breadcrumb-color; 22 | } 23 | } 24 | 25 | > .active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | @mixin list-group-item-variant($state, $background, $color) { 4 | .list-group-item-#{$state} { 5 | color: $color; 6 | background-color: $background; 7 | 8 | // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state} 9 | } 10 | 11 | a.list-group-item-#{$state}, 12 | button.list-group-item-#{$state} { 13 | color: $color; 14 | 15 | .list-group-item-heading { 16 | color: inherit; 17 | } 18 | 19 | &:hover, 20 | &:focus { 21 | color: $color; 22 | background-color: darken($background, 5%); 23 | } 24 | &.active, 25 | &.active:hover, 26 | &.active:focus { 27 | color: #fff; 28 | background-color: $color; 29 | border-color: $color; 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_table-row.scss: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | @mixin table-row-variant($state, $background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table > thead > tr, 7 | .table > tbody > tr, 8 | .table > tfoot > tr { 9 | > td.#{$state}, 10 | > th.#{$state}, 11 | &.#{$state} > td, 12 | &.#{$state} > th { 13 | background-color: $background; 14 | } 15 | } 16 | 17 | // Hover states for `.table-hover` 18 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 19 | .table-hover > tbody > tr { 20 | > td.#{$state}:hover, 21 | > th.#{$state}:hover, 22 | &.#{$state}:hover > td, 23 | &:hover > .#{$state}, 24 | &.#{$state}:hover > th { 25 | background-color: darken($background, 5%); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/components/_animated-hamburger.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Animated Hamburger Menu for Bootstrap 3 3 | */ 4 | .navbar-toggler { 5 | &.active, 6 | &.active:focus, 7 | &:not(.active), 8 | &:not(.active):focus { 9 | background-color: transparent; 10 | } 11 | 12 | &:not(.collapsed){ 13 | .icon-bar { 14 | &.top-bar { 15 | top: 6px; 16 | @include vendor('transform', 'rotate(45deg)'); 17 | } 18 | 19 | &.middle-bar { 20 | background-color: transparent; 21 | } 22 | 23 | &.bottom-bar { 24 | top: -8px; 25 | @include vendor('transform', 'rotate(-45deg)'); 26 | } 27 | } 28 | } 29 | 30 | .icon-bar { 31 | position: relative; 32 | @include vendor('transition', 'all 300ms ease-in-out'); 33 | background: #FFF; 34 | height: 3px; 35 | width: 25px; 36 | display: block; 37 | margin: 4px 0; 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/js/lexi.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Lexi Theme JS 3 | * 4 | */ 5 | 6 | import { urlVars } from './variables' 7 | import { inlineScroll } from './functions' 8 | 9 | $(document).ready(function() { 10 | 'use strict' 11 | 12 | /** 13 | * Add 'target="_blank"' to all external links 14 | * @return string target=_blank attribute 15 | */ 16 | $('a').each(function() { 17 | $(this).attr('target', (this.href.match( urlVars.fullUrl )) ? '_self' :'_blank') 18 | }) 19 | 20 | /** 21 | * Animate the Bootstrap hamburger to an X on click 22 | */ 23 | $('.navbar-toggle').on('click', function() { 24 | $(this).toggleClass('active') 25 | }) 26 | 27 | /** 28 | * Inline scrolling 29 | * @param event e capture the JS click event 30 | * @return false - prevents link redirection 31 | */ 32 | $('a.inline-link').click(function(e) { 33 | inlineScroll($(this).attr('href')) 34 | return false 35 | }) 36 | }) 37 | -------------------------------------------------------------------------------- /inc/base-theme-oop/search.php: -------------------------------------------------------------------------------- 1 | 11 | 12 | 35 | 36 | img, 18 | a > img { 19 | @include img-responsive; 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active 25 | 26 | // Image captions 27 | .caption { 28 | padding: $thumbnail-caption-padding; 29 | color: $thumbnail-caption-color; 30 | } 31 | } 32 | 33 | // Add a hover state for linked versions only 34 | a.thumbnail:hover, 35 | a.thumbnail:focus, 36 | a.thumbnail.active { 37 | border-color: $link-color; 38 | } 39 | -------------------------------------------------------------------------------- /scss/bootstrap/_pager.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: $line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | @include clearfix; 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: $pager-bg; 19 | border: 1px solid $pager-border; 20 | border-radius: $pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: $pager-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: $pager-disabled-color; 50 | background-color: $pager-bg; 51 | cursor: $cursor-disabled; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/functions/_str-replace.scss: -------------------------------------------------------------------------------- 1 | /// Replaces a substring within another string. 2 | /// @author Hugo Giraudel 3 | /// @param {string} $string String. 4 | /// @param {string} $search Substring. 5 | /// @param {string} $replace Replacement. 6 | /// @return {string} Updated string. 7 | @function str-replace($string, $search, $replace: '') { 8 | 9 | $index: str-index($string, $search); 10 | 11 | @if $index { 12 | @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); 13 | } 14 | 15 | @return $string; 16 | 17 | } 18 | 19 | /// Replaces a substring within each string in a list. 20 | /// @param {list} $strings List of strings. 21 | /// @param {string} $search Substring. 22 | /// @param {string} $replace Replacement. 23 | /// @return {list} Updated list of strings. 24 | @function str-replace-all($strings, $search, $replace: '') { 25 | 26 | @each $string in $strings { 27 | $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); 28 | } 29 | 30 | @return $strings; 31 | 32 | } 33 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/lexi/shortcodes/MailTo.php: -------------------------------------------------------------------------------- 1 | 7 | * @version 1.0.0 8 | */ 9 | 10 | namespace Lexi\Shortcodes; 11 | 12 | class MailTo { 13 | 14 | /** 15 | * Encode Email For links 16 | * @param array $atts Shortcode attributes 17 | * @param string $content Email link text 18 | * @return string Encoded mailto: link 19 | * 20 | * Usage: [mailto email="your-email@gmail.com"]Link text here[/mailto] 21 | */ 22 | public static function mailto_shortcode($atts, $content = null) { 23 | 24 | $atts = shortcode_atts(array( 25 | 'email' => '', 26 | ), $atts, 'mailto'); 27 | 28 | if($atts['email'] === '' || !is_email($atts['email'])) { 29 | return; 30 | } 31 | 32 | $chars = preg_split("//", $atts['email'], -1, PREG_SPLIT_NO_EMPTY); 33 | $new_mail = "" . $content . ""; 40 | 41 | return $new_mail; 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/lexi/Customizer.php: -------------------------------------------------------------------------------- 1 | 7 | * @version 1.0.0 8 | */ 9 | 10 | namespace Lexi\Core; 11 | use \Lexi\Core\Helper; 12 | 13 | class Customizer { 14 | 15 | /** 16 | * Registers the theme customizer settings 17 | * 18 | * @param object $wp_customize WP Customizer Object 19 | * @return null 20 | */ 21 | public static function customize_register($wp_customize) { 22 | $wp_customize->get_setting('blogname')->transport = 'postMessage'; 23 | $wp_customize->get_setting('blogdescription')->transport = 'postMessage'; 24 | $wp_customize->get_setting('header_textcolor')->transport = 'postMessage'; 25 | } 26 | 27 | /** 28 | * Binds JS handlers to make Theme Customizer preview reload changes asynchronously. 29 | * 30 | * @return null 31 | */ 32 | public static function customize_preview_js() { 33 | wp_enqueue_script('customizer', get_template_directory_uri() . '/dist/js/customizer.js', array('customize-preview'), Helper::$theme_version, true); 34 | } 35 | } 36 | 37 | new \Lexi\Core\Customizer; 38 | -------------------------------------------------------------------------------- /inc/base-theme-oop/vendor/composer/LICENSE: -------------------------------------------------------------------------------- 1 | 2 | Copyright (c) Nils Adermann, Jordi Boggiano 3 | 4 | Permission is hereby granted, free of charge, to any person obtaining a copy 5 | of this software and associated documentation files (the "Software"), to deal 6 | in the Software without restriction, including without limitation the rights 7 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the Software is furnished 9 | to do so, subject to the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be included in all 12 | copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 15 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 16 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 17 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 18 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 19 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 20 | THE SOFTWARE. 21 | 22 | -------------------------------------------------------------------------------- /scss/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text"; 6 | @import "mixins/opacity"; 7 | @import "mixins/image"; 8 | @import "mixins/labels"; 9 | @import "mixins/reset-filter"; 10 | @import "mixins/resize"; 11 | @import "mixins/responsive-visibility"; 12 | @import "mixins/size"; 13 | @import "mixins/tab-focus"; 14 | @import "mixins/reset-text"; 15 | @import "mixins/text-emphasis"; 16 | @import "mixins/text-overflow"; 17 | @import "mixins/vendor-prefixes"; 18 | 19 | // Components 20 | @import "mixins/alerts"; 21 | @import "mixins/buttons"; 22 | @import "mixins/panels"; 23 | @import "mixins/pagination"; 24 | @import "mixins/list-group"; 25 | @import "mixins/nav-divider"; 26 | @import "mixins/forms"; 27 | @import "mixins/progress-bar"; 28 | @import "mixins/table-row"; 29 | 30 | // Skins 31 | @import "mixins/background-variant"; 32 | @import "mixins/border-radius"; 33 | @import "mixins/gradients"; 34 | 35 | // Layout 36 | @import "mixins/clearfix"; 37 | @import "mixins/center-block"; 38 | @import "mixins/nav-vertical-align"; 39 | @import "mixins/grid-framework"; 40 | @import "mixins/grid"; 41 | -------------------------------------------------------------------------------- /inc/base-theme-oop/dist/js/customizer.js: -------------------------------------------------------------------------------- 1 | /** 2 | * File customizer.js. 3 | * 4 | * Theme Customizer enhancements for a better user experience. 5 | * 6 | * Contains handlers to make Theme Customizer preview reload changes asynchronously. 7 | */ 8 | 9 | ( function( $ ) { 10 | 11 | // Site title and description. 12 | wp.customize( 'blogname', function( value ) { 13 | value.bind( function( to ) { 14 | $( '.site-title a' ).text( to ); 15 | } ); 16 | } ); 17 | wp.customize( 'blogdescription', function( value ) { 18 | value.bind( function( to ) { 19 | $( '.site-description' ).text( to ); 20 | } ); 21 | } ); 22 | 23 | // Header text color. 24 | wp.customize( 'header_textcolor', function( value ) { 25 | value.bind( function( to ) { 26 | if ( 'blank' === to ) { 27 | $( '.site-title a, .site-description' ).css( { 28 | 'clip': 'rect(1px, 1px, 1px, 1px)', 29 | 'position': 'absolute' 30 | } ); 31 | } else { 32 | $( '.site-title a, .site-description' ).css( { 33 | 'clip': 'auto', 34 | 'position': 'relative' 35 | } ); 36 | $( '.site-title a, .site-description' ).css( { 37 | 'color': to 38 | } ); 39 | } 40 | } ); 41 | } ); 42 | } )( jQuery ); 43 | -------------------------------------------------------------------------------- /scss/bootstrap/_media.scss: -------------------------------------------------------------------------------- 1 | .media { 2 | // Proper spacing between instances of .media 3 | margin-top: 15px; 4 | 5 | &:first-child { 6 | margin-top: 0; 7 | } 8 | } 9 | 10 | .media, 11 | .media-body { 12 | zoom: 1; 13 | overflow: hidden; 14 | } 15 | 16 | .media-body { 17 | width: 10000px; 18 | } 19 | 20 | .media-object { 21 | display: block; 22 | 23 | // Fix collapse in webkit from max-width: 100% and display: table-cell. 24 | &.img-thumbnail { 25 | max-width: none; 26 | } 27 | } 28 | 29 | .media-right, 30 | .media > .pull-right { 31 | padding-left: 10px; 32 | } 33 | 34 | .media-left, 35 | .media > .pull-left { 36 | padding-right: 10px; 37 | } 38 | 39 | .media-left, 40 | .media-right, 41 | .media-body { 42 | display: table-cell; 43 | vertical-align: top; 44 | } 45 | 46 | .media-middle { 47 | vertical-align: middle; 48 | } 49 | 50 | .media-bottom { 51 | vertical-align: bottom; 52 | } 53 | 54 | // Reset margins on headings for tighter default spacing 55 | .media-heading { 56 | margin-top: 0; 57 | margin-bottom: 5px; 58 | } 59 | 60 | // Media list variation 61 | // 62 | // Undo default ul/ol styles 63 | .media-list { 64 | padding-left: 0; 65 | list-style: none; 66 | } 67 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | @mixin img-responsive($display: block) { 10 | display: $display; 11 | max-width: 100%; // Part 1: Set a maximum relative to the parent 12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching 13 | } 14 | 15 | 16 | // Retina image 17 | // 18 | // Short retina mixin for setting background-image and -size. Note that the 19 | // spelling of `min--moz-device-pixel-ratio` is intentional. 20 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { 21 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}")); 22 | 23 | @media 24 | only screen and (-webkit-min-device-pixel-ratio: 2), 25 | only screen and ( min--moz-device-pixel-ratio: 2), 26 | only screen and ( -o-min-device-pixel-ratio: 2/1), 27 | only screen and ( min-device-pixel-ratio: 2), 28 | only screen and ( min-resolution: 192dpi), 29 | only screen and ( min-resolution: 2dppx) { 30 | background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}")); 31 | background-size: $width-1x $height-1x; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /scss/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding-top: $jumbotron-padding; 8 | padding-bottom: $jumbotron-padding; 9 | margin-bottom: $jumbotron-padding; 10 | color: $jumbotron-color; 11 | background-color: $jumbotron-bg; 12 | 13 | h1, 14 | .h1 { 15 | color: $jumbotron-heading-color; 16 | } 17 | 18 | p { 19 | margin-bottom: ($jumbotron-padding / 2); 20 | font-size: $jumbotron-font-size; 21 | font-weight: 200; 22 | } 23 | 24 | > hr { 25 | border-top-color: darken($jumbotron-bg, 10%); 26 | } 27 | 28 | .container &, 29 | .container-fluid & { 30 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 31 | padding-left: ($grid-gutter-width / 2); 32 | padding-right: ($grid-gutter-width / 2); 33 | } 34 | 35 | .container { 36 | max-width: 100%; 37 | } 38 | 39 | @media screen and (min-width: $screen-sm-min) { 40 | padding-top: ($jumbotron-padding * 1.6); 41 | padding-bottom: ($jumbotron-padding * 1.6); 42 | 43 | .container &, 44 | .container-fluid & { 45 | padding-left: ($jumbotron-padding * 2); 46 | padding-right: ($jumbotron-padding * 2); 47 | } 48 | 49 | h1, 50 | .h1 { 51 | font-size: $jumbotron-heading-font-size; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /inc/Zip_Extend.php: -------------------------------------------------------------------------------- 1 | addEmptyDir($name); 22 | $this->add_dir_do($location, $name); 23 | } 24 | 25 | /** 26 | * Add files to tmp directory and create zip file 27 | * 28 | * @param string $location the location of the directory to zip 29 | * @param string $name the name of the folder to put the zipped files into 30 | * @return null 31 | */ 32 | private function add_dir_do($location, $name) { 33 | 34 | $name .= '/'; $location .= '/'; 35 | $dir = opendir ($location); 36 | 37 | while ($file = readdir($dir)) { 38 | if ($file == '.' || $file == '..') 39 | continue; 40 | 41 | $do = (filetype( $location . $file) == 'dir') ? 'add_dir' : 'addFile'; 42 | 43 | $this->$do($location . $file, $name . $file); 44 | } 45 | } 46 | 47 | } 48 | -------------------------------------------------------------------------------- /inc/base-theme-oop/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "{%THEME_SLUG%}", 3 | "version": "1.0.0", 4 | "description": "{%THEME_DESCRIPTION%}", 5 | "main": "index.php", 6 | "scripts": { 7 | "dev": "npm run-script development", 8 | "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 9 | "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 10 | "hot": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 11 | "prod": "npm run production", 12 | "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 13 | }, 14 | "author": "{%THEME_AUTHOR%}", 15 | "license": "ISC", 16 | "devDependencies": { 17 | "browser-sync": "^2.26.3", 18 | "browser-sync-webpack-plugin": "^2.0.1", 19 | "cross-env": "^5.2.0", 20 | "laravel-mix": "^4.0.12", 21 | "resolve-url-loader": "^2.3.1", 22 | "sass": "^1.15.2", 23 | "sass-loader": "^7.1.0", 24 | "vue-template-compiler": "^2.5.21" 25 | }, 26 | "dependencies": { 27 | "bootstrap": "^4.2.1", 28 | "jquery": "^3.3.1", 29 | "popper.js": "^1.14.6" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /js/theme-maker.js: -------------------------------------------------------------------------------- 1 | /** 2 | * WordPress Theme Maker 3 | */ 4 | 5 | (function($) { 6 | // URL Variables 7 | var pathArray = window.location.href.split( '/' ); 8 | var protocol = pathArray[0]; 9 | var host = pathArray[2]; 10 | var directory = pathArray[3]; 11 | var domainArray = host.split("."); 12 | var baseDomain = ""; 13 | var domainExt = ""; 14 | if(domainArray.length > 2) { 15 | baseDomain = domainArray[1]; 16 | domainExt = domainArray[2]; 17 | } else { 18 | baseDomain = domainArray[0]; 19 | domainExt = domainArray[1]; 20 | } 21 | var baseURL = "." + baseDomain + "." + domainExt; 22 | var fullURL = protocol + '//' + host; 23 | 24 | // Add target=_blank to all external links 25 | $('a').each(function() { 26 | $(this).attr('target', (this.href.match( fullURL)) ? '_self' :'_blank'); 27 | }); 28 | 29 | // Increase counter 30 | $('form').on('submit', function(e) { 31 | var count = Number($('#theme-count').text()); 32 | 33 | setTimeout(function() { 34 | count++; 35 | $('#theme-count').text(count); 36 | }, 5000); 37 | }); 38 | 39 | // Inline scrolling 40 | $('a.inline-link').click(function(e) { 41 | var location = $(this).attr('href'); 42 | $('html, body').animate({ 43 | scrollTop: $(location).offset().top - 30 44 | }, 1200); 45 | return false; 46 | }); 47 | })(jQuery); 48 | -------------------------------------------------------------------------------- /scss/bootstrap/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: $label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // [converter] extracted a& to a.label 18 | 19 | // Empty labels collapse automatically (not available in IE8) 20 | &:empty { 21 | display: none; 22 | } 23 | 24 | // Quick fix for labels in buttons 25 | .btn & { 26 | position: relative; 27 | top: -1px; 28 | } 29 | } 30 | 31 | // Add hover effects, but only for links 32 | a.label { 33 | &:hover, 34 | &:focus { 35 | color: $label-link-hover-color; 36 | text-decoration: none; 37 | cursor: pointer; 38 | } 39 | } 40 | 41 | // Colors 42 | // Contextual variations (linked labels get darker on :hover) 43 | 44 | .label-default { 45 | @include label-variant($label-default-bg); 46 | } 47 | 48 | .label-primary { 49 | @include label-variant($label-primary-bg); 50 | } 51 | 52 | .label-success { 53 | @include label-variant($label-success-bg); 54 | } 55 | 56 | .label-info { 57 | @include label-variant($label-info-bg); 58 | } 59 | 60 | .label-warning { 61 | @include label-variant($label-warning-bg); 62 | } 63 | 64 | .label-danger { 65 | @include label-variant($label-danger-bg); 66 | } 67 | -------------------------------------------------------------------------------- /scss/_elx-mixins.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Collections of SCSS Mixins 3 | */ 4 | 5 | /* 6 | * font-smothing 7 | * @include font-smoothing(on); 8 | * @include font-smoothing(off); 9 | */ 10 | @mixin font-smoothing($value:on){ 11 | @if $value == on{ 12 | -webkit-font-smoothing:antialiased; 13 | -moz-osx-font-smoothing:grayscale; 14 | } 15 | @else{ 16 | -webkit-font-smoothing:subpixel-antialiased; 17 | -moz-osx-font-smoothing:auto; 18 | } 19 | } 20 | 21 | /* 22 | * Animate css properties 23 | * usage 24 | * scss - @include animate(color); 25 | * or @include animate(color width); 26 | * or @include animate(color width, 1s, linear); 27 | */ 28 | $animation-speed: .2s !default; 29 | 30 | @mixin animate($properties, $duration: $animation-speed, $easing: ease-in-out) { 31 | $list:(); 32 | @each $prop in $properties { 33 | $str: #{$prop} #{$duration} #{$easing}; 34 | $list: join($list, #{$str}, comma); 35 | } 36 | transition: $list; 37 | } 38 | 39 | /* 40 | * Mixin for styling form-placeholders 41 | * @example scss - Usage 42 | * @include placeholder { 43 | * color: #333; 44 | * } 45 | * 46 | * input[type='text'], 47 | * input[type='tel'], 48 | * input[type='email'] { 49 | * @include placeholder { 50 | * color: red; 51 | * } 52 | * } 53 | */ 54 | @mixin placeholder { 55 | &::-webkit-input-placeholder {@content} 56 | &::-moz-placeholder {opacity: 1; @content} 57 | &:-moz-placeholder {@content} 58 | &:-ms-input-placeholder {@content} 59 | &.placeholder {@content}; 60 | } 61 | -------------------------------------------------------------------------------- /inc/base-theme-oop/vendor/composer/autoload_static.php: -------------------------------------------------------------------------------- 1 | 11 | array ( 12 | 'Lexi\\Shortcodes\\' => 16, 13 | 'Lexi\\ShareCount\\' => 16, 14 | 'Lexi\\Factory\\' => 13, 15 | 'Lexi\\Core\\' => 10, 16 | ), 17 | ); 18 | 19 | public static $prefixDirsPsr4 = array ( 20 | 'Lexi\\Shortcodes\\' => 21 | array ( 22 | 0 => __DIR__ . '/../..' . '/inc/lexi/shortcodes', 23 | ), 24 | 'Lexi\\ShareCount\\' => 25 | array ( 26 | 0 => __DIR__ . '/../..' . '/inc/lexi/sharecounts', 27 | ), 28 | 'Lexi\\Factory\\' => 29 | array ( 30 | 0 => __DIR__ . '/../..' . '/inc/lexi/factory', 31 | ), 32 | 'Lexi\\Core\\' => 33 | array ( 34 | 0 => __DIR__ . '/../..' . '/inc/lexi', 35 | ), 36 | ); 37 | 38 | public static function getInitializer(ClassLoader $loader) 39 | { 40 | return \Closure::bind(function () use ($loader) { 41 | $loader->prefixLengthsPsr4 = ComposerStaticInit5eb366dfc4d3272ff586cf294919996c::$prefixLengthsPsr4; 42 | $loader->prefixDirsPsr4 = ComposerStaticInit5eb366dfc4d3272ff586cf294919996c::$prefixDirsPsr4; 43 | 44 | }, null, ClassLoader::class); 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /scss/bootstrap/_badges.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: $font-size-small; 12 | font-weight: $badge-font-weight; 13 | color: $badge-color; 14 | line-height: $badge-line-height; 15 | vertical-align: middle; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: $badge-bg; 19 | border-radius: $badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | 32 | .btn-xs &, 33 | .btn-group-xs > .btn & { 34 | top: 0; 35 | padding: 1px 5px; 36 | } 37 | 38 | // [converter] extracted a& to a.badge 39 | 40 | // Account for badges in navs 41 | .list-group-item.active > &, 42 | .nav-pills > .active > a > & { 43 | color: $badge-active-color; 44 | background-color: $badge-active-bg; 45 | } 46 | 47 | .list-group-item > & { 48 | float: right; 49 | } 50 | 51 | .list-group-item > & + & { 52 | margin-right: 5px; 53 | } 54 | 55 | .nav-pills > li > a > & { 56 | margin-left: 3px; 57 | } 58 | } 59 | 60 | // Hover state, but only for links 61 | a.badge { 62 | &:hover, 63 | &:focus { 64 | color: $badge-link-hover-color; 65 | text-decoration: none; 66 | cursor: pointer; 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/lexi/factory/Sidebar.php: -------------------------------------------------------------------------------- 1 | 7 | * @version 1.0.0 8 | * 9 | * USAGE: new \Lexi\Factory\Sidebar('Sidebar Name'); 10 | * RENDER: dynamic_sidebar('sidebar_name'); 11 | */ 12 | 13 | namespace Lexi\Factory; 14 | use \Lexi\Core\Helper; 15 | 16 | class Sidebar { 17 | 18 | private $sidebar_name; 19 | private $sidebar_id; 20 | private $sidebar_args; 21 | private $helper; 22 | 23 | /** 24 | * Construct a custom post type 25 | * @param string $name Name of the custom post type 26 | * @param array $args Custom post type arguments 27 | */ 28 | public function __construct($name, $args = array()) { 29 | 30 | $this->helper = new Helper(); 31 | 32 | $this->sidebar_name = $this->helper->beautify_title($name); 33 | $this->sidebar_id = $this->helper->uglify_title($this->sidebar_name); 34 | $this->sidebar_args = $args; 35 | 36 | add_action('widgets_init', array(&$this, 'create_sidebar')); 37 | } 38 | 39 | /** 40 | * Register sidebar(widget area) with WP. 41 | */ 42 | public function create_sidebar() { 43 | $default_args = array( 44 | 'name' => $this->sidebar_name, 45 | 'id' => $this->sidebar_id, 46 | 'before_widget' => '
', 47 | 'after_widget' => '
', 48 | 'before_title' => '

', 49 | 'after_title' => '

' 50 | ); 51 | 52 | $args = array_merge($default_args, $this->sidebar_args); 53 | 54 | register_sidebar($args); 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/js/functions/parallax.js: -------------------------------------------------------------------------------- 1 | const parallax = (el, xpos, speedFactor, outerHeight) => { 2 | var $this = el 3 | var getHeight 4 | var firstTop 5 | var paddingTop = 0 6 | var $window = $(window) 7 | var windowHeight = $window.height() 8 | 9 | //get the starting position of each element to have parallax applied to it 10 | $this.each(function(){ 11 | firstTop = $this.offset().top + 56 12 | }) 13 | 14 | if (outerHeight) { 15 | getHeight = function(jqo) { 16 | return jqo.outerHeight(true) 17 | } 18 | } else { 19 | getHeight = function(jqo) { 20 | return jqo.height() 21 | } 22 | } 23 | 24 | // setup defaults if arguments aren't specified 25 | if (arguments.length < 1 || xpos === null) xpos = "50%" 26 | if (arguments.length < 2 || speedFactor === null) speedFactor = 0.1 27 | if (arguments.length < 3 || outerHeight === null) outerHeight = true 28 | 29 | // function to be called whenever the window is scrolled or resized 30 | function update(){ 31 | var pos = $window.scrollTop() 32 | 33 | $this.each(function(){ 34 | var $element = $(this) 35 | var top = $element.offset().top 36 | var height = getHeight($element) 37 | 38 | // Check if totally above or totally below viewport 39 | if (top + height < pos || top > pos + windowHeight) { 40 | return 41 | } 42 | 43 | $this.css('backgroundPosition', xpos + " " + Math.round((firstTop + pos) * speedFactor) + "px") 44 | $this.css('margin-bottom', Math.round((firstTop + pos) * speedFactor) + "px") 45 | }) 46 | } 47 | 48 | $window.bind('scroll', update).resize(update) 49 | update() 50 | } 51 | 52 | export { parallax } 53 | -------------------------------------------------------------------------------- /scss/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: $font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: $code-color; 19 | background-color: $code-bg; 20 | border-radius: $border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: $kbd-color; 28 | background-color: $kbd-bg; 29 | border-radius: $border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: bold; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: (($line-height-computed - 1) / 2); 44 | margin: 0 0 ($line-height-computed / 2); 45 | font-size: ($font-size-base - 1); // 14px to 13px 46 | line-height: $line-height-base; 47 | word-break: break-all; 48 | word-wrap: break-word; 49 | color: $pre-color; 50 | background-color: $pre-bg; 51 | border: 1px solid $pre-border-color; 52 | border-radius: $border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: $pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /inc/base-theme-oop/README.md: -------------------------------------------------------------------------------- 1 | # [Elexicon Theme Generator](http://theme-generator.elexicon.com) 2 | 3 | Building custom WordPress themes can be redundant and annoyingly repetitive. The [Elexicon](http://elexicon.com) Theme Generator aims to eliminate the annoying stuff we repeat every time we develop a new theme. Follow the installation instructions to get started. For full documentation visit http://theme-generator.elexicon.com/docs/ 4 | 5 | ## What's New 6 | * [Bootstrap v4.1.0](https://getbootstrap.com) integration 7 | * [Webpack.js](https://webpack.js.org/) integration brought to you by [Laravel Mix](https://laravel-mix.com) 8 | * Complete rewrite of core theme functionality 9 | * PSR-4 Autoloading for core functionality 10 | * New Helper functions 11 | 12 | ## Features 13 | * Bootstrap 4.x 14 | * Bootstrap Nav Walker for easy management through the wp-admin dashboard 15 | * SCSS compiling and Browser Reload through Webpack 16 | * Webpack integration for modern JS and ES6 functionality 17 | * PSR-4 Autoloading with Composer 18 | 19 | # Getting started 20 | ## Requirements 21 | * \>PHP 7.0 22 | * Node & NPM (Install it from https://nodejs.org/en/) 23 | * WordPress \>4.5 24 | 25 | ## Installation 26 | * Head over to http://theme-generator.elexicon.com and fill out the form provided. 27 | * Unzip the downloaded file and copy it's contents over to your `/themes/` directory. 28 | * `cd` to the theme directory in your terminal. 29 | * `npm install` 30 | * `npm run watch` 31 | * Activate the theme from your wp-admin dashboard. 32 | * Begin building! 33 | * Note you will have to `cd` to your theme directory and run the `npm run watch` command to enable Live Reloading and File Watching. 34 | 35 | ### [Full Documentation](http://theme-generator.elexicon.com/docs/) 36 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Button variants 2 | // 3 | // Easily pump out default styles, as well as :hover, :focus, :active, 4 | // and disabled options for all buttons 5 | 6 | @mixin button-variant($color, $background, $border) { 7 | color: $color; 8 | background-color: $background; 9 | border-color: $border; 10 | 11 | &:focus, 12 | &.focus { 13 | color: $color; 14 | background-color: darken($background, 10%); 15 | border-color: darken($border, 25%); 16 | } 17 | &:hover { 18 | color: $color; 19 | background-color: darken($background, 10%); 20 | border-color: darken($border, 12%); 21 | } 22 | &:active, 23 | &.active, 24 | .open > &.dropdown-toggle { 25 | color: $color; 26 | background-color: darken($background, 10%); 27 | border-color: darken($border, 12%); 28 | 29 | &:hover, 30 | &:focus, 31 | &.focus { 32 | color: $color; 33 | background-color: darken($background, 17%); 34 | border-color: darken($border, 25%); 35 | } 36 | } 37 | &:active, 38 | &.active, 39 | .open > &.dropdown-toggle { 40 | background-image: none; 41 | } 42 | &.disabled, 43 | &[disabled], 44 | fieldset[disabled] & { 45 | &:hover, 46 | &:focus, 47 | &.focus { 48 | background-color: $background; 49 | border-color: $border; 50 | } 51 | } 52 | 53 | .badge { 54 | color: $background; 55 | background-color: $color; 56 | } 57 | } 58 | 59 | // Button sizes 60 | @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { 61 | padding: $padding-vertical $padding-horizontal; 62 | font-size: $font-size; 63 | line-height: $line-height; 64 | border-radius: $border-radius; 65 | } 66 | -------------------------------------------------------------------------------- /scss/_bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.6 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | 7 | // Core variables and mixins 8 | @import "bootstrap/variables"; 9 | @import "bootstrap/mixins"; 10 | 11 | // Reset and dependencies 12 | @import "bootstrap/normalize"; 13 | //@import "bootstrap/print"; 14 | //@import "bootstrap/glyphicons"; 15 | 16 | // Core CSS 17 | @import "bootstrap/scaffolding"; 18 | @import "bootstrap/type"; 19 | //@import "bootstrap/code"; 20 | @import "bootstrap/grid"; 21 | //@import "bootstrap/tables"; 22 | @import "bootstrap/forms"; 23 | @import "bootstrap/buttons"; 24 | 25 | // Components 26 | //@import "bootstrap/component-animations"; 27 | //@import "bootstrap/dropdowns"; 28 | //@import "bootstrap/button-groups"; 29 | //@import "bootstrap/input-groups"; 30 | //@import "bootstrap/navs"; 31 | //@import "bootstrap/navbar"; 32 | //@import "bootstrap/breadcrumbs"; 33 | //@import "bootstrap/pagination"; 34 | //@import "bootstrap/pager"; 35 | //@import "bootstrap/labels"; 36 | //@import "bootstrap/badges"; 37 | //@import "bootstrap/jumbotron"; 38 | //@import "bootstrap/thumbnails"; 39 | //@import "bootstrap/alerts"; 40 | //@import "bootstrap/progress-bars"; 41 | //@import "bootstrap/media"; 42 | //@import "bootstrap/list-group"; 43 | //@import "bootstrap/panels"; 44 | //@import "bootstrap/responsive-embed"; 45 | //@import "bootstrap/wells"; 46 | //@import "bootstrap/close"; 47 | 48 | // Components w/ JavaScript 49 | //@import "bootstrap/modals"; 50 | //@import "bootstrap/tooltip"; 51 | //@import "bootstrap/popovers"; 52 | //@import "bootstrap/carousel"; 53 | 54 | // Utility classes 55 | //@import "bootstrap/utilities"; 56 | //@import "bootstrap/responsive-utilities"; 57 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/lexi/theme-functions.php: -------------------------------------------------------------------------------- 1 | get_partial($dir, $params, $output); 10 | } 11 | 12 | function lexi_truncate($string, $limit, $break=".", $pad="...") { 13 | $lexi = new \Lexi\Core\Helper; 14 | return $lexi->truncate($string, $limit, $break, $pad); 15 | } 16 | 17 | function lexi_is_child($parent = 0) { 18 | $lexi = new \Lexi\Core\Helper; 19 | return $lexi->is_child($parent); 20 | } 21 | 22 | function lexi_get_subpages($id = 0) { 23 | $lexi = new \Lexi\Core\Helper; 24 | return $lexi->get_subpages($id); 25 | } 26 | 27 | function lexi_make_links($content = '') { 28 | $lexi = new \Lexi\Core\Helper; 29 | return $lexi->make_url_link($content); 30 | } 31 | 32 | function lexi_count_search_results() { 33 | $lexi = new \Lexi\Core\Helper; 34 | return $lexi->search_results_count(); 35 | } 36 | 37 | function lexi_attachment_id_from_url($url = '') { 38 | $lexi = new \Lexi\Core\Helper; 39 | return $lexi->get_attachment_id_by_url($url); 40 | } 41 | 42 | function lexi_file_size($file) { 43 | $lexi = new \Lexi\Core\Helper; 44 | return $lexi->get_file_size($file); 45 | } 46 | 47 | function lexi_svg($file) { 48 | $lexi = new \Lexi\Core\Helper; 49 | return $lexi->get_svg_code($file); 50 | } 51 | 52 | function lexi_make_plural($str) { 53 | $lexi = new \Lexi\Core\Helper; 54 | return $lexi->pluralize($str); 55 | } 56 | 57 | function lexi_beautify($str) { 58 | $lexi = new \Lexi\Core\Helper; 59 | return $lexi->beautify_title($str); 60 | } 61 | 62 | function lexi_uglify($str) { 63 | $lexi = new \Lexi\Core\Helper; 64 | return $lexi->uglify_title($str); 65 | } 66 | -------------------------------------------------------------------------------- /scss/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | @include container-fixed; 12 | 13 | @media (min-width: $screen-sm-min) { 14 | width: $container-sm; 15 | } 16 | @media (min-width: $screen-md-min) { 17 | width: $container-md; 18 | } 19 | @media (min-width: $screen-lg-min) { 20 | width: $container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | @include container-fixed; 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | @include make-row; 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | @include make-grid-columns; 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | @include make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: $screen-sm-min) { 65 | @include make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: $screen-md-min) { 74 | @include make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: $screen-lg-min) { 83 | @include make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /scss/bootstrap/_alerts.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: $alert-padding; 11 | margin-bottom: $line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: $alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing $headings-color 19 | color: inherit; 20 | } 21 | 22 | // Provide class for links that match alerts 23 | .alert-link { 24 | font-weight: $alert-link-font-weight; 25 | } 26 | 27 | // Improve alignment and spacing of inner content 28 | > p, 29 | > ul { 30 | margin-bottom: 0; 31 | } 32 | 33 | > p + p { 34 | margin-top: 5px; 35 | } 36 | } 37 | 38 | // Dismissible alerts 39 | // 40 | // Expand the right padding and account for the close button's positioning. 41 | 42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 43 | .alert-dismissible { 44 | padding-right: ($alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /js/.jscsrc: -------------------------------------------------------------------------------- 1 | { 2 | "disallowEmptyBlocks": true, 3 | "disallowKeywords": ["with"], 4 | "disallowMixedSpacesAndTabs": true, 5 | "disallowMultipleLineStrings": true, 6 | "disallowQuotedKeysInObjects": "allButReserved", 7 | "disallowSpaceAfterPrefixUnaryOperators": ["++", "--", "+", "-", "~", "!"], 8 | "disallowSpaceAfterObjectKeys": true, 9 | "disallowSpaceBeforeBinaryOperators": [","], 10 | "disallowSpaceBeforePostfixUnaryOperators": ["++", "--"], 11 | "disallowSpacesInNamedFunctionExpression": { "beforeOpeningRoundBrace": true }, 12 | "disallowSpacesInsideArrayBrackets": true, 13 | "disallowSpacesInsideParentheses": true, 14 | "disallowTrailingComma": true, 15 | "disallowTrailingWhitespace": true, 16 | "requireCamelCaseOrUpperCaseIdentifiers": true, 17 | "requireCapitalizedConstructors": true, 18 | "requireCommaBeforeLineBreak": true, 19 | "requireDotNotation": true, 20 | "requireLineFeedAtFileEnd": true, 21 | "requireSpaceAfterBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="], 22 | "requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"], 23 | "requireSpaceAfterLineComment": true, 24 | "requireSpaceBeforeBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="], 25 | "requireSpaceBetweenArguments": true, 26 | "requireSpacesInAnonymousFunctionExpression": { "beforeOpeningCurlyBrace": true }, 27 | "requireSpacesInConditionalExpression": true, 28 | "requireSpacesInForStatement": true, 29 | "requireSpacesInFunctionDeclaration": { "beforeOpeningCurlyBrace": true }, 30 | "requireSpacesInFunctionExpression": { "beforeOpeningCurlyBrace": true }, 31 | "requireSpacesInNamedFunctionExpression": { "beforeOpeningCurlyBrace": true }, 32 | "requireSpacesInsideObjectBrackets": "allButNested", 33 | "validateIndentation": "\t", 34 | "validateLineBreaks": "LF", 35 | "validateQuoteMarks": "'" 36 | } 37 | -------------------------------------------------------------------------------- /inc/base-theme-oop/vendor/composer/autoload_real.php: -------------------------------------------------------------------------------- 1 | = 50600 && !defined('HHVM_VERSION') && (!function_exists('zend_loader_file_encoded') || !zend_loader_file_encoded()); 27 | if ($useStaticLoader) { 28 | require_once __DIR__ . '/autoload_static.php'; 29 | 30 | call_user_func(\Composer\Autoload\ComposerStaticInit5eb366dfc4d3272ff586cf294919996c::getInitializer($loader)); 31 | } else { 32 | $map = require __DIR__ . '/autoload_namespaces.php'; 33 | foreach ($map as $namespace => $path) { 34 | $loader->set($namespace, $path); 35 | } 36 | 37 | $map = require __DIR__ . '/autoload_psr4.php'; 38 | foreach ($map as $namespace => $path) { 39 | $loader->setPsr4($namespace, $path); 40 | } 41 | 42 | $classMap = require __DIR__ . '/autoload_classmap.php'; 43 | if ($classMap) { 44 | $loader->addClassMap($classMap); 45 | } 46 | } 47 | 48 | $loader->register(true); 49 | 50 | return $loader; 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## NOTE: 2 | This project is not longer maintained. It is left active for historical reference and legacy use but is no longer updated. 3 | 4 | # [Lexi Theme Generator](http://theme-generator.elexicon.com) 5 | 6 | Building custom WordPress themes can be redundant and annoyingly repetitive. The [Lexi](http://elexicon.com) Theme Generator aims to eliminate the annoying stuff we repeat every time we develop a new theme. Follow the installation instructions to get started. For full documentation visit http://theme-generator.elexicon.com/docs/ 7 | 8 | #### Note: - This is NOT the theme. Please visit the [generator](http://theme-generator.elexicon.com) to get yourself a copy. 9 | 10 | ## What's New 11 | * [Bootstrap v4.1.0](https://getbootstrap.com) integration 12 | * Complete rewrite of core theme functionality 13 | * PSR-4 Autoloading for core functionality 14 | * New Helper functions 15 | 16 | ## Features 17 | * Bootstrap 4.x 18 | * Bootstrap Nav Walker for easy management through the wp-admin dashboard 19 | * SCSS compiling and Browser Reload through Grunt 20 | * Webpack integration for modern JS and ES6 functionality 21 | * PSR-4 Autoloading with Composer 22 | 23 | # Getting started 24 | ## Requirements 25 | * \>PHP 5.4 26 | * Composer (Install it from https://getcomposer.org/) 27 | * Node & NPM (Install it from https://nodejs.org/en/) 28 | * WordPress \>4.5 29 | 30 | ## Installation 31 | * Head over to http://theme-generator.elexicon.com and fill out the form provided. 32 | * Unzip the downloaded file and copy it's contents over to your `/themes/` directory. 33 | * `cd` to the theme directory in your terminal. 34 | * `npm install` 35 | * `npm run-script build` 36 | * `composer install` 37 | * Activate the theme from your wp-admin dashboard. 38 | * Begin building! 39 | * Note you will have to `cd` to your theme directory and run the `grunt` command to enable Live Reloading and File Watching. 40 | 41 | ### [Full Documentation](http://theme-generator.elexicon.com/docs/) 42 | 43 | ### [Example Theme](https://github.com/TylerB24890/elexicon-base) 44 | -------------------------------------------------------------------------------- /inc/base-theme-oop/header.php: -------------------------------------------------------------------------------- 1 | section and everything up until
6 | * 7 | * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials 8 | * 9 | * @package {%THEME_SLUG%} 10 | */ 11 | 12 | ?> 13 | > 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | > 25 | 26 |
27 | 56 |
57 | 58 | 59 |
60 | -------------------------------------------------------------------------------- /inc/form.php: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 | 5 |
6 | 7 |
8 | 9 |
10 | 11 |
12 | 13 | 14 |
15 | 16 |
17 | 18 | 19 |

20 | Used for internationalization and prefixing theme specific functions
21 | Note: Do not use "lexi" as your prefix. 22 |

23 |
24 | 25 |
26 | 27 | 28 |
29 | 30 |
31 | 32 | 33 |
34 | 35 |
36 |
37 |
38 | 39 | 40 |
41 |
42 |
43 |
44 | -------------------------------------------------------------------------------- /scss/_projects.scss: -------------------------------------------------------------------------------- 1 | #theme-projects { 2 | margin-top: 60px; 3 | border-top: 1px solid #CCC; 4 | padding-top: 40px; 5 | text-align: center; 6 | 7 | h3 { 8 | margin: 0 0 30px; 9 | } 10 | 11 | .project { 12 | margin: 15px 0; 13 | 14 | a { 15 | display: block; 16 | position: relative; 17 | border: 0; 18 | max-height: 290px; 19 | overflow: hidden; 20 | border: 1px solid #CCC; 21 | @include animate(border-color); 22 | 23 | &:focus, 24 | &:active { 25 | color: #FFF; 26 | border-color: #CCC; 27 | text-decoration: none; 28 | } 29 | 30 | &:hover { 31 | color: #FFF; 32 | border-color: $elx-orange; 33 | text-decoration: none; 34 | 35 | img { 36 | transform: scale(1.1); 37 | -moz-transform: scale(1.1); 38 | -webkit-transform: scale(1.1); 39 | } 40 | } 41 | 42 | img { 43 | max-width: 100%; 44 | width: 100%; 45 | height: auto; 46 | @include animate(all, 2s); 47 | } 48 | 49 | .gradient { 50 | position: absolute; 51 | top: 0; 52 | bottom: 0; 53 | left: 0; 54 | right: 0; 55 | background: -moz-linear-gradient(top, rgba(0,0,0,0) 41%, rgba(0,0,0,0.02) 43%, rgba(8,21,51,0.75) 100%); 56 | background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(0,0,0,0)), color-stop(43%,rgba(0,0,0,0.02)), color-stop(100%,rgba(8,21,51,0.75))); 57 | background: -webkit-linear-gradient(top, rgba(0,0,0,0) 41%,rgba(0,0,0,0.02) 43%,rgba(8,21,51,0.75) 100%); 58 | background: -o-linear-gradient(top, rgba(0,0,0,0) 41%,rgba(0,0,0,0.02) 43%,rgba(8,21,51,0.75) 100%); 59 | background: -ms-linear-gradient(top, rgba(0,0,0,0) 41%,rgba(0,0,0,0.02) 43%,rgba(8,21,51,0.75) 100%); 60 | background: linear-gradient(to bottom, rgba(0,0,0,0) 41%,rgba(0,0,0,0.02) 43%,rgba(8,21,51,0.75) 100%); 61 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6081533',GradientType=0 ); 62 | } 63 | 64 | .caption { 65 | position: absolute; 66 | bottom: 10px; 67 | left: 0; 68 | right: 0; 69 | 70 | h4 { 71 | font-family: $helvetica-med; 72 | text-shadow: 0 1px 1px rgba(0,0,0,.7); 73 | font-size: 24px; 74 | } 75 | } 76 | } 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /scss/bootstrap/_progress-bars.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | 6 | // Bar animations 7 | // ------------------------- 8 | 9 | // WebKit 10 | @-webkit-keyframes progress-bar-stripes { 11 | from { background-position: 40px 0; } 12 | to { background-position: 0 0; } 13 | } 14 | 15 | // Spec and IE10+ 16 | @keyframes progress-bar-stripes { 17 | from { background-position: 40px 0; } 18 | to { background-position: 0 0; } 19 | } 20 | 21 | 22 | // Bar itself 23 | // ------------------------- 24 | 25 | // Outer container 26 | .progress { 27 | overflow: hidden; 28 | height: $line-height-computed; 29 | margin-bottom: $line-height-computed; 30 | background-color: $progress-bg; 31 | border-radius: $progress-border-radius; 32 | @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); 33 | } 34 | 35 | // Bar of progress 36 | .progress-bar { 37 | float: left; 38 | width: 0%; 39 | height: 100%; 40 | font-size: $font-size-small; 41 | line-height: $line-height-computed; 42 | color: $progress-bar-color; 43 | text-align: center; 44 | background-color: $progress-bar-bg; 45 | @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); 46 | @include transition(width .6s ease); 47 | } 48 | 49 | // Striped bars 50 | // 51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the 52 | // `.progress-bar-striped` class, which you just add to an existing 53 | // `.progress-bar`. 54 | .progress-striped .progress-bar, 55 | .progress-bar-striped { 56 | @include gradient-striped; 57 | background-size: 40px 40px; 58 | } 59 | 60 | // Call animation for the active one 61 | // 62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the 63 | // `.progress-bar.active` approach. 64 | .progress.active .progress-bar, 65 | .progress-bar.active { 66 | @include animation(progress-bar-stripes 2s linear infinite); 67 | } 68 | 69 | 70 | // Variations 71 | // ------------------------- 72 | 73 | .progress-bar-success { 74 | @include progress-bar-variant($progress-bar-success-bg); 75 | } 76 | 77 | .progress-bar-info { 78 | @include progress-bar-variant($progress-bar-info-bg); 79 | } 80 | 81 | .progress-bar-warning { 82 | @include progress-bar-variant($progress-bar-warning-bg); 83 | } 84 | 85 | .progress-bar-danger { 86 | @include progress-bar-variant($progress-bar-danger-bg); 87 | } 88 | -------------------------------------------------------------------------------- /scss/bootstrap/_pagination.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Pagination (multiple pages) 3 | // -------------------------------------------------- 4 | .pagination { 5 | display: inline-block; 6 | padding-left: 0; 7 | margin: $line-height-computed 0; 8 | border-radius: $border-radius-base; 9 | 10 | > li { 11 | display: inline; // Remove list-style and block-level defaults 12 | > a, 13 | > span { 14 | position: relative; 15 | float: left; // Collapse white-space 16 | padding: $padding-base-vertical $padding-base-horizontal; 17 | line-height: $line-height-base; 18 | text-decoration: none; 19 | color: $pagination-color; 20 | background-color: $pagination-bg; 21 | border: 1px solid $pagination-border; 22 | margin-left: -1px; 23 | } 24 | &:first-child { 25 | > a, 26 | > span { 27 | margin-left: 0; 28 | @include border-left-radius($border-radius-base); 29 | } 30 | } 31 | &:last-child { 32 | > a, 33 | > span { 34 | @include border-right-radius($border-radius-base); 35 | } 36 | } 37 | } 38 | 39 | > li > a, 40 | > li > span { 41 | &:hover, 42 | &:focus { 43 | z-index: 2; 44 | color: $pagination-hover-color; 45 | background-color: $pagination-hover-bg; 46 | border-color: $pagination-hover-border; 47 | } 48 | } 49 | 50 | > .active > a, 51 | > .active > span { 52 | &, 53 | &:hover, 54 | &:focus { 55 | z-index: 3; 56 | color: $pagination-active-color; 57 | background-color: $pagination-active-bg; 58 | border-color: $pagination-active-border; 59 | cursor: default; 60 | } 61 | } 62 | 63 | > .disabled { 64 | > span, 65 | > span:hover, 66 | > span:focus, 67 | > a, 68 | > a:hover, 69 | > a:focus { 70 | color: $pagination-disabled-color; 71 | background-color: $pagination-disabled-bg; 72 | border-color: $pagination-disabled-border; 73 | cursor: $cursor-disabled; 74 | } 75 | } 76 | } 77 | 78 | // Sizing 79 | // -------------------------------------------------- 80 | 81 | // Large 82 | .pagination-lg { 83 | @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); 84 | } 85 | 86 | // Small 87 | .pagination-sm { 88 | @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); 89 | } 90 | -------------------------------------------------------------------------------- /scss/bootstrap/_print.scss: -------------------------------------------------------------------------------- 1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ 2 | 3 | // ========================================================================== 4 | // Print styles. 5 | // Inlined to avoid the additional HTTP request: h5bp.com/r 6 | // ========================================================================== 7 | 8 | @media print { 9 | *, 10 | *:before, 11 | *:after { 12 | background: transparent !important; 13 | color: #000 !important; // Black prints faster: h5bp.com/s 14 | box-shadow: none !important; 15 | text-shadow: none !important; 16 | } 17 | 18 | a, 19 | a:visited { 20 | text-decoration: underline; 21 | } 22 | 23 | a[href]:after { 24 | content: " (" attr(href) ")"; 25 | } 26 | 27 | abbr[title]:after { 28 | content: " (" attr(title) ")"; 29 | } 30 | 31 | // Don't show links that are fragment identifiers, 32 | // or use the `javascript:` pseudo protocol 33 | a[href^="#"]:after, 34 | a[href^="javascript:"]:after { 35 | content: ""; 36 | } 37 | 38 | pre, 39 | blockquote { 40 | border: 1px solid #999; 41 | page-break-inside: avoid; 42 | } 43 | 44 | thead { 45 | display: table-header-group; // h5bp.com/t 46 | } 47 | 48 | tr, 49 | img { 50 | page-break-inside: avoid; 51 | } 52 | 53 | img { 54 | max-width: 100% !important; 55 | } 56 | 57 | p, 58 | h2, 59 | h3 { 60 | orphans: 3; 61 | widows: 3; 62 | } 63 | 64 | h2, 65 | h3 { 66 | page-break-after: avoid; 67 | } 68 | 69 | // Bootstrap specific changes start 70 | 71 | // Bootstrap components 72 | .navbar { 73 | display: none; 74 | } 75 | .btn, 76 | .dropup > .btn { 77 | > .caret { 78 | border-top-color: #000 !important; 79 | } 80 | } 81 | .label { 82 | border: 1px solid #000; 83 | } 84 | 85 | .table { 86 | border-collapse: collapse !important; 87 | 88 | td, 89 | th { 90 | background-color: #fff !important; 91 | } 92 | } 93 | .table-bordered { 94 | th, 95 | td { 96 | border: 1px solid #ddd !important; 97 | } 98 | } 99 | 100 | // Bootstrap specific changes end 101 | } 102 | -------------------------------------------------------------------------------- /scss/_global.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Global Styles 3 | */ 4 | 5 | html, 6 | body { 7 | @include font-smoothing(on); 8 | min-height: 750px; 9 | } 10 | 11 | .container-fluid { 12 | max-width: 1440px; 13 | width: 100%; 14 | } 15 | 16 | a { 17 | text-decoration: none; 18 | border-bottom: 1px dotted #FFF; 19 | @include animate(all); 20 | 21 | &:hover { 22 | text-decoration: none; 23 | border-bottom-color: $elx-orange; 24 | } 25 | } 26 | 27 | .splash { 28 | height: 100vh; 29 | display: flex; 30 | align-items: center; 31 | 32 | a { 33 | &.logo { 34 | text-decoration: none; 35 | border-bottom: 0; 36 | margin-bottom: 15px; 37 | display: inline-block; 38 | width: 100%; 39 | img { 40 | max-width: 50%; 41 | } 42 | } 43 | } 44 | h1 { 45 | font-size: 64px; 46 | margin: 0 0 50px; 47 | line-height: 1; 48 | padding-left: 15px; 49 | } 50 | } 51 | 52 | header { 53 | margin: 30px 0; 54 | 55 | a { 56 | border-bottom: 0 !important; 57 | } 58 | 59 | img { 60 | max-width: 300px; 61 | } 62 | } 63 | 64 | h1 { 65 | margin: 15px 0 30px; 66 | } 67 | 68 | label { 69 | font-size: 14px; 70 | text-transform: uppercase; 71 | 72 | span { 73 | &.req { 74 | color: red; 75 | display: inline-block; 76 | margin-left: 3px; 77 | } 78 | } 79 | } 80 | 81 | .help-block { 82 | font-size: 13px; 83 | } 84 | 85 | input { 86 | &:not(.btn) { 87 | background: #E8E8E8; 88 | 89 | &:focus { 90 | background: #FFF; 91 | } 92 | } 93 | &.btn { 94 | height: 47px; 95 | font-family: $helvetica-light; 96 | font-size: 16px; 97 | @include animate(all); 98 | 99 | &[type="submit"] { 100 | background: #091f52; 101 | border-color: #1b305f; 102 | } 103 | 104 | &[type="reset"] { 105 | background: #2f3544; 106 | border-color: #2f3544; 107 | } 108 | 109 | &:hover { 110 | color: #fff; 111 | background-color: #3276b1; 112 | border-color: #285e8e; 113 | } 114 | } 115 | } 116 | 117 | .form-group { 118 | &.submit { 119 | .col-sm-6 { 120 | height: 47px; 121 | 122 | span { 123 | display: block; 124 | padding-top: 12px; 125 | text-align: right; 126 | color: darken($text-color, 20%); 127 | } 128 | } 129 | } 130 | } 131 | 132 | @media screen and (max-width: $screen-sm) { 133 | .form-group { 134 | &.submit { 135 | .col-sm-6 { 136 | span { 137 | text-align: left; 138 | } 139 | } 140 | } 141 | } 142 | } 143 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Lexi Framework | Documentation 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 |
40 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /inc/base-theme-oop/src/scss/mixins/_vendor.scss: -------------------------------------------------------------------------------- 1 | /// Vendor prefixes. 2 | /// @var {list} 3 | $vendor-prefixes: ( 4 | '-moz-', 5 | '-webkit-', 6 | '-ms-', 7 | '' 8 | ); 9 | 10 | /// Properties that should be vendorized. 11 | /// @var {list} 12 | $vendor-properties: ( 13 | 'align-content', 14 | 'align-items', 15 | 'align-self', 16 | 'animation', 17 | 'animation-delay', 18 | 'animation-direction', 19 | 'animation-duration', 20 | 'animation-fill-mode', 21 | 'animation-iteration-count', 22 | 'animation-name', 23 | 'animation-play-state', 24 | 'animation-timing-function', 25 | 'appearance', 26 | 'backface-visibility', 27 | 'box-sizing', 28 | 'filter', 29 | 'flex', 30 | 'flex-basis', 31 | 'flex-direction', 32 | 'flex-flow', 33 | 'flex-grow', 34 | 'flex-shrink', 35 | 'flex-wrap', 36 | 'justify-content', 37 | 'order', 38 | 'perspective', 39 | 'pointer-events', 40 | 'transform', 41 | 'transform-origin', 42 | 'transform-style', 43 | 'transition', 44 | 'transition-delay', 45 | 'transition-duration', 46 | 'transition-property', 47 | 'transition-timing-function' 48 | ); 49 | 50 | /// Values that should be vendorized. 51 | /// @var {list} 52 | $vendor-values: ( 53 | 'filter', 54 | 'flex', 55 | 'linear-gradient', 56 | 'radial-gradient', 57 | 'transform' 58 | ); 59 | 60 | /// Vendorizes a declaration's property and/or value(s). 61 | /// @param {string} $property Property. 62 | /// @param {mixed} $value String/list of value(s). 63 | @mixin vendor($property, $value) { 64 | 65 | // Determine if property should expand. 66 | $expandProperty: index($vendor-properties, $property); 67 | 68 | // Determine if value should expand (and if so, add '-prefix-' placeholder). 69 | $expandValue: false; 70 | 71 | @each $x in $value { 72 | @each $y in $vendor-values { 73 | @if $y == str-slice($x, 1, str-length($y)) { 74 | 75 | $value: set-nth($value, index($value, $x), '-prefix-' + $x); 76 | $expandValue: true; 77 | 78 | } 79 | } 80 | } 81 | 82 | // Expand property? 83 | @if $expandProperty { 84 | @each $vendor in $vendor-prefixes { 85 | #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; 86 | } 87 | } 88 | 89 | // Expand just the value? 90 | @elseif $expandValue { 91 | @each $vendor in $vendor-prefixes { 92 | #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; 93 | } 94 | } 95 | 96 | // Neither? Treat them as a normal declaration. 97 | @else { 98 | #{$property}: #{$value}; 99 | } 100 | 101 | } 102 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
5 |
6 | 8 |
9 |
10 |

Lexi Starter Theme

11 | 12 |

13 | Building custom WordPress themes can be redundant and annoyingly repetitive. The Lexi Theme Generator aims to eliminate the annoying stuff we repeat every time we develop a new theme. This generator will give you a solid framework for building your theme from ground up. 14 |

15 | 16 |

17 | Based on the Lexi Framework, the Lexi Starter Theme is complete with Composer, Webpack, and Bootstrap 4 to help you develop fast and efficiently. 18 |

19 | 20 |

NEW!

21 |

22 | You can now include Lexi in ANY theme! Download the zip file here and read the README.md file for installation instructions! 23 |

24 | Download Lexi 25 | 26 |
27 |

Read the Docs!

28 |

29 | Notice: This theme contains several dependencies and it is highly recommended to review the documentation before moving foward. 30 |

31 |
32 |
33 | 34 |
35 | 36 |
37 |

38 |
39 | 40 | 41 |
42 |
43 |
44 | 45 | 46 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_grid-framework.scss: -------------------------------------------------------------------------------- 1 | // Framework grid generation 2 | // 3 | // Used only by Bootstrap to generate the correct number of grid classes given 4 | // any value of `$grid-columns`. 5 | 6 | // [converter] This is defined recursively in LESS, but Sass supports real loops 7 | @mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") { 8 | @for $i from (1 + 1) through $grid-columns { 9 | $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}"; 10 | } 11 | #{$list} { 12 | position: relative; 13 | // Prevent columns from collapsing when empty 14 | min-height: 1px; 15 | // Inner gutter via padding 16 | padding-left: ceil(($grid-gutter-width / 2)); 17 | padding-right: floor(($grid-gutter-width / 2)); 18 | } 19 | } 20 | 21 | 22 | // [converter] This is defined recursively in LESS, but Sass supports real loops 23 | @mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") { 24 | @for $i from (1 + 1) through $grid-columns { 25 | $list: "#{$list}, .col-#{$class}-#{$i}"; 26 | } 27 | #{$list} { 28 | float: left; 29 | } 30 | } 31 | 32 | 33 | @mixin calc-grid-column($index, $class, $type) { 34 | @if ($type == width) and ($index > 0) { 35 | .col-#{$class}-#{$index} { 36 | width: percentage(($index / $grid-columns)); 37 | } 38 | } 39 | @if ($type == push) and ($index > 0) { 40 | .col-#{$class}-push-#{$index} { 41 | left: percentage(($index / $grid-columns)); 42 | } 43 | } 44 | @if ($type == push) and ($index == 0) { 45 | .col-#{$class}-push-0 { 46 | left: auto; 47 | } 48 | } 49 | @if ($type == pull) and ($index > 0) { 50 | .col-#{$class}-pull-#{$index} { 51 | right: percentage(($index / $grid-columns)); 52 | } 53 | } 54 | @if ($type == pull) and ($index == 0) { 55 | .col-#{$class}-pull-0 { 56 | right: auto; 57 | } 58 | } 59 | @if ($type == offset) { 60 | .col-#{$class}-offset-#{$index} { 61 | margin-left: percentage(($index / $grid-columns)); 62 | } 63 | } 64 | } 65 | 66 | // [converter] This is defined recursively in LESS, but Sass supports real loops 67 | @mixin loop-grid-columns($columns, $class, $type) { 68 | @for $i from 0 through $columns { 69 | @include calc-grid-column($i, $class, $type); 70 | } 71 | } 72 | 73 | 74 | // Create grid for specific class 75 | @mixin make-grid($class) { 76 | @include float-grid-columns($class); 77 | @include loop-grid-columns($grid-columns, $class, width); 78 | @include loop-grid-columns($grid-columns, $class, pull); 79 | @include loop-grid-columns($grid-columns, $class, push); 80 | @include loop-grid-columns($grid-columns, $class, offset); 81 | } 82 | -------------------------------------------------------------------------------- /inc/base-theme-oop/inc/lexi/factory/PostType.php: -------------------------------------------------------------------------------- 1 | 7 | * @version 1.0.0 8 | * 9 | * USAGE: 10 | * $cpt = new \Lexi\Factory\PostTypes('Post Type Name'); 11 | */ 12 | 13 | namespace Lexi\Factory; 14 | use \Lexi\Core\Helper; 15 | 16 | class PostType { 17 | 18 | private $post_type_name; 19 | private $post_type_args; 20 | private $post_type_labels; 21 | private $helper; 22 | 23 | /** 24 | * Construct a custom post type 25 | * 26 | * @param string $name Name of the custom post type 27 | * @param array $args Custom post type arguments 28 | * @param array $labels Custom post type labels 29 | */ 30 | public function __construct($name, $args = array(), $labels = array()) { 31 | 32 | $this->helper = new Helper(); 33 | 34 | // Set some important variables 35 | $this->post_type_name = $this->helper->uglify_title($name); 36 | $this->post_type_args = $args; 37 | $this->post_type_labels = $labels; 38 | 39 | // Add action to register the post type, if the post type does not already exist 40 | if(!post_type_exists($this->post_type_name)) { 41 | add_action('init', array(&$this, 'register_post_type')); 42 | } 43 | } 44 | 45 | /** 46 | * Register custom post type with WordPress 47 | */ 48 | public function register_post_type() { 49 | //Capitilize the words and make it plural 50 | $name = $this->helper->beautify_title($this->post_type_name); 51 | $plural = $this->helper->pluralize($name); 52 | 53 | $default_labels = array( 54 | 'name' => $plural, 55 | 'singular_name' => $name, 56 | 'add_new' => sprintf(__('Add New %s', 'lexi'), $name), 57 | 'add_new_item' => sprintf(__('Add New %s', 'lexi'), $name), 58 | 'edit_item' => sprintf(__('Edit %s', 'lexi'), $name), 59 | 'new_item' => sprintf(__('New %s', 'lexi'), $name), 60 | 'all_items' => sprintf(__('All %s', 'lexi'), $plural), 61 | 'view_item' => sprintf(__('View %s', 'lexi'), $name), 62 | 'search_items' => sprintf(__('Search %s', 'lexi'), $plural), 63 | 'not_found' => sprintf(__('No %s found', 'lexi'), $plural), 64 | 'not_found_in_trash' => sprintf(__('No %s found in Trash', 'lexi'), $plural), 65 | 'parent_item_colon' => '', 66 | 'menu_name' => $plural 67 | ); 68 | 69 | // We set the default labels based on the post type name and plural. We overwrite them with the given labels. 70 | $labels = array_merge($default_labels, $this->post_type_labels); 71 | 72 | $default_args = array( 73 | 'label' => $plural, 74 | 'labels' => $labels, 75 | 'public' => true, 76 | 'show_ui' => true, 77 | 'supports' => array('title', 'editor', 'page-attributes', 'thumbnail'), 78 | 'show_in_nav_menus' => true, 79 | '_builtin' => false, 80 | ); 81 | 82 | // Same principle as the labels. We set some defaults and overwrite them with the given arguments. 83 | $args = array_merge($default_args, $this->post_type_args); 84 | 85 | // Register the post type 86 | register_post_type( $this->post_type_name, $args ); 87 | } 88 | } 89 | -------------------------------------------------------------------------------- /scss/bootstrap/mixins/_forms.scss: -------------------------------------------------------------------------------- 1 | // Form validation states 2 | // 3 | // Used in forms.less to generate the form validation CSS for warnings, errors, 4 | // and successes. 5 | 6 | @mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) { 7 | // Color the label and help text 8 | .help-block, 9 | .control-label, 10 | .radio, 11 | .checkbox, 12 | .radio-inline, 13 | .checkbox-inline, 14 | &.radio label, 15 | &.checkbox label, 16 | &.radio-inline label, 17 | &.checkbox-inline label { 18 | color: $text-color; 19 | } 20 | // Set the border and box shadow on specific inputs to match 21 | .form-control { 22 | border-color: $border-color; 23 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work 24 | &:focus { 25 | border-color: darken($border-color, 10%); 26 | $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%); 27 | @include box-shadow($shadow); 28 | } 29 | } 30 | // Set validation states also for addons 31 | .input-group-addon { 32 | color: $text-color; 33 | border-color: $border-color; 34 | background-color: $background-color; 35 | } 36 | // Optional feedback icon 37 | .form-control-feedback { 38 | color: $text-color; 39 | } 40 | } 41 | 42 | 43 | // Form control focus state 44 | // 45 | // Generate a customized focus state and for any input with the specified color, 46 | // which defaults to the `$input-border-focus` variable. 47 | // 48 | // We highly encourage you to not customize the default value, but instead use 49 | // this to tweak colors on an as-needed basis. This aesthetic change is based on 50 | // WebKit's default styles, but applicable to a wider range of browsers. Its 51 | // usability and accessibility should be taken into account with any change. 52 | // 53 | // Example usage: change the default blue border and shadow to white for better 54 | // contrast against a dark gray background. 55 | @mixin form-control-focus($color: $input-border-focus) { 56 | $color-rgba: rgba(red($color), green($color), blue($color), .6); 57 | &:focus { 58 | border-color: $color; 59 | outline: 0; 60 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba); 61 | } 62 | } 63 | 64 | // Form control sizing 65 | // 66 | // Relative text size, padding, and border-radii changes for form controls. For 67 | // horizontal sizing, wrap controls in the predefined grid classes. ` /> 93 | 94 |

95 |

107 |

111 | 112 | .form-control, 45 | .input-group-lg > .input-group-addon, 46 | .input-group-lg > .input-group-btn > .btn { 47 | @extend .input-lg; 48 | } 49 | .input-group-sm > .form-control, 50 | .input-group-sm > .input-group-addon, 51 | .input-group-sm > .input-group-btn > .btn { 52 | @extend .input-sm; 53 | } 54 | 55 | 56 | // Display as table-cell 57 | // ------------------------- 58 | .input-group-addon, 59 | .input-group-btn, 60 | .input-group .form-control { 61 | display: table-cell; 62 | 63 | &:not(:first-child):not(:last-child) { 64 | border-radius: 0; 65 | } 66 | } 67 | // Addon and addon wrapper for buttons 68 | .input-group-addon, 69 | .input-group-btn { 70 | width: 1%; 71 | white-space: nowrap; 72 | vertical-align: middle; // Match the inputs 73 | } 74 | 75 | // Text input groups 76 | // ------------------------- 77 | .input-group-addon { 78 | padding: $padding-base-vertical $padding-base-horizontal; 79 | font-size: $font-size-base; 80 | font-weight: normal; 81 | line-height: 1; 82 | color: $input-color; 83 | text-align: center; 84 | background-color: $input-group-addon-bg; 85 | border: 1px solid $input-group-addon-border-color; 86 | border-radius: $input-border-radius; 87 | 88 | // Sizing 89 | &.input-sm { 90 | padding: $padding-small-vertical $padding-small-horizontal; 91 | font-size: $font-size-small; 92 | border-radius: $input-border-radius-small; 93 | } 94 | &.input-lg { 95 | padding: $padding-large-vertical $padding-large-horizontal; 96 | font-size: $font-size-large; 97 | border-radius: $input-border-radius-large; 98 | } 99 | 100 | // Nuke default margins from checkboxes and radios to vertically center within. 101 | input[type="radio"], 102 | input[type="checkbox"] { 103 | margin-top: 0; 104 | } 105 | } 106 | 107 | // Reset rounded corners 108 | .input-group .form-control:first-child, 109 | .input-group-addon:first-child, 110 | .input-group-btn:first-child > .btn, 111 | .input-group-btn:first-child > .btn-group > .btn, 112 | .input-group-btn:first-child > .dropdown-toggle, 113 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 114 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { 115 | @include border-right-radius(0); 116 | } 117 | .input-group-addon:first-child { 118 | border-right: 0; 119 | } 120 | .input-group .form-control:last-child, 121 | .input-group-addon:last-child, 122 | .input-group-btn:last-child > .btn, 123 | .input-group-btn:last-child > .btn-group > .btn, 124 | .input-group-btn:last-child > .dropdown-toggle, 125 | .input-group-btn:first-child > .btn:not(:first-child), 126 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { 127 | @include border-left-radius(0); 128 | } 129 | .input-group-addon:last-child { 130 | border-left: 0; 131 | } 132 | 133 | // Button input groups 134 | // ------------------------- 135 | .input-group-btn { 136 | position: relative; 137 | // Jankily prevent input button groups from wrapping with `white-space` and 138 | // `font-size` in combination with `inline-block` on buttons. 139 | font-size: 0; 140 | white-space: nowrap; 141 | 142 | // Negative margin for spacing, position for bringing hovered/focused/actived 143 | // element above the siblings. 144 | > .btn { 145 | position: relative; 146 | + .btn { 147 | margin-left: -1px; 148 | } 149 | // Bring the "active" button to the front 150 | &:hover, 151 | &:focus, 152 | &:active { 153 | z-index: 2; 154 | } 155 | } 156 | 157 | // Negative margin to only have a 1px border between the two 158 | &:first-child { 159 | > .btn, 160 | > .btn-group { 161 | margin-right: -1px; 162 | } 163 | } 164 | &:last-child { 165 | > .btn, 166 | > .btn-group { 167 | z-index: 2; 168 | margin-left: -1px; 169 | } 170 | } 171 | } 172 | -------------------------------------------------------------------------------- /scss/bootstrap/_responsive-utilities.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // IE10 in Windows (Phone) 8 7 | // 8 | // Support for responsive views via media queries is kind of borked in IE10, for 9 | // Surface/desktop in split view and for Windows Phone 8. This particular fix 10 | // must be accompanied by a snippet of JavaScript to sniff the user agent and 11 | // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at 12 | // our Getting Started page for more information on this bug. 13 | // 14 | // For more information, see the following: 15 | // 16 | // Issue: https://github.com/twbs/bootstrap/issues/10497 17 | // Docs: http://getbootstrap.com/getting-started/#support-ie10-width 18 | // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ 19 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ 20 | 21 | @at-root { 22 | @-ms-viewport { 23 | width: device-width; 24 | } 25 | } 26 | 27 | 28 | // Visibility utilities 29 | // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 30 | 31 | @include responsive-invisibility('.visible-xs'); 32 | @include responsive-invisibility('.visible-sm'); 33 | @include responsive-invisibility('.visible-md'); 34 | @include responsive-invisibility('.visible-lg'); 35 | 36 | .visible-xs-block, 37 | .visible-xs-inline, 38 | .visible-xs-inline-block, 39 | .visible-sm-block, 40 | .visible-sm-inline, 41 | .visible-sm-inline-block, 42 | .visible-md-block, 43 | .visible-md-inline, 44 | .visible-md-inline-block, 45 | .visible-lg-block, 46 | .visible-lg-inline, 47 | .visible-lg-inline-block { 48 | display: none !important; 49 | } 50 | 51 | @media (max-width: $screen-xs-max) { 52 | @include responsive-visibility('.visible-xs'); 53 | } 54 | .visible-xs-block { 55 | @media (max-width: $screen-xs-max) { 56 | display: block !important; 57 | } 58 | } 59 | .visible-xs-inline { 60 | @media (max-width: $screen-xs-max) { 61 | display: inline !important; 62 | } 63 | } 64 | .visible-xs-inline-block { 65 | @media (max-width: $screen-xs-max) { 66 | display: inline-block !important; 67 | } 68 | } 69 | 70 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 71 | @include responsive-visibility('.visible-sm'); 72 | } 73 | .visible-sm-block { 74 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 75 | display: block !important; 76 | } 77 | } 78 | .visible-sm-inline { 79 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 80 | display: inline !important; 81 | } 82 | } 83 | .visible-sm-inline-block { 84 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 85 | display: inline-block !important; 86 | } 87 | } 88 | 89 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 90 | @include responsive-visibility('.visible-md'); 91 | } 92 | .visible-md-block { 93 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 94 | display: block !important; 95 | } 96 | } 97 | .visible-md-inline { 98 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 99 | display: inline !important; 100 | } 101 | } 102 | .visible-md-inline-block { 103 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 104 | display: inline-block !important; 105 | } 106 | } 107 | 108 | @media (min-width: $screen-lg-min) { 109 | @include responsive-visibility('.visible-lg'); 110 | } 111 | .visible-lg-block { 112 | @media (min-width: $screen-lg-min) { 113 | display: block !important; 114 | } 115 | } 116 | .visible-lg-inline { 117 | @media (min-width: $screen-lg-min) { 118 | display: inline !important; 119 | } 120 | } 121 | .visible-lg-inline-block { 122 | @media (min-width: $screen-lg-min) { 123 | display: inline-block !important; 124 | } 125 | } 126 | 127 | @media (max-width: $screen-xs-max) { 128 | @include responsive-invisibility('.hidden-xs'); 129 | } 130 | 131 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 132 | @include responsive-invisibility('.hidden-sm'); 133 | } 134 | 135 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 136 | @include responsive-invisibility('.hidden-md'); 137 | } 138 | 139 | @media (min-width: $screen-lg-min) { 140 | @include responsive-invisibility('.hidden-lg'); 141 | } 142 | 143 | 144 | // Print utilities 145 | // 146 | // Media queries are placed on the inside to be mixin-friendly. 147 | 148 | // Note: Deprecated .visible-print as of v3.2.0 149 | 150 | @include responsive-invisibility('.visible-print'); 151 | 152 | @media print { 153 | @include responsive-visibility('.visible-print'); 154 | } 155 | .visible-print-block { 156 | display: none !important; 157 | 158 | @media print { 159 | display: block !important; 160 | } 161 | } 162 | .visible-print-inline { 163 | display: none !important; 164 | 165 | @media print { 166 | display: inline !important; 167 | } 168 | } 169 | .visible-print-inline-block { 170 | display: none !important; 171 | 172 | @media print { 173 | display: inline-block !important; 174 | } 175 | } 176 | 177 | @media print { 178 | @include responsive-invisibility('.hidden-print'); 179 | } 180 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | 3 | require('load-grunt-tasks')(grunt); 4 | 5 | // Load in the configuration file 6 | var PathConfig = require('./js/grunt-settings.js'); 7 | 8 | // tasks 9 | grunt.initConfig({ 10 | pkg: grunt.file.readJSON('package.json'), 11 | 12 | config: PathConfig, 13 | 14 | // SASS compiling configuration 15 | sass: { 16 | options: PathConfig.hasBower, 17 | dev: { 18 | options: { 19 | sourceMap: true, 20 | style: 'nested' 21 | }, 22 | files: [ 23 | { 24 | expand: true, 25 | cwd: '<%= config.sassDir %>', 26 | src: ['**/*.scss', '!<%= config.sassMainFileName %>.scss'], 27 | dest: '<%= config.cssDir %>', 28 | ext: '.css' 29 | }, 30 | {src: '<%= config.sassDir %><%= config.sassMainFileName %>.scss', dest: '<%= config.cssMainFileDir %><%= config.cssMainFileName %>.css'} 31 | ] 32 | }, 33 | dist: { 34 | options: { 35 | sourceMap: false, 36 | style: 'nested' 37 | }, 38 | files: [ 39 | { 40 | expand: true, 41 | cwd: '<%= config.sassDir %>', 42 | src: ['**/*.scss', '!<%= config.sassMainFileName %>.scss'], 43 | dest: '<%= config.cssDir %>', 44 | ext: '.css' 45 | }, 46 | {src: '<%= config.sassDir %><%= config.sassMainFileName %>.scss', dest: '<%= config.cssMainFileDir %><%= config.cssMainFileName %>.css'} 47 | ] 48 | }, 49 | min: { 50 | options: { 51 | sourceMap: false, 52 | outputStyle: 'compressed' 53 | }, 54 | files: [ 55 | { 56 | expand: true, 57 | cwd: '<%= config.sassDir %>', 58 | src: ['**/*.scss', '!<%= config.sassMainFileName %>.scss'], 59 | dest: '<%= config.cssDir %>', 60 | ext: '.min.css' 61 | }, 62 | {src: '<%= config.sassDir %><%= config.sassMainFileName %>.scss', dest: '<%= config.cssMainFileDir %><%= config.cssMainFileName %>.min.css'} 63 | ] 64 | } 65 | }, 66 | 67 | // Configure Watcher 68 | watch: { 69 | options: { 70 | debounceDelay: 1, 71 | // livereload: true, 72 | }, 73 | 74 | // Compress Images On The Fly 75 | images: { 76 | files: ['<%= config.imgSourceDir %>**/*.*'], 77 | tasks: ['newer:imagemin:dynamic'], 78 | options: { 79 | spawn: false 80 | } 81 | }, 82 | svgSprites: { 83 | files: ['<%= config.imgSourceDir %>svg-icons/*.*'], 84 | tasks: ['svgstore', 'svg2string'], 85 | options: { 86 | spawn: false 87 | } 88 | }, 89 | // Compress SCSS Files with Watcher 90 | css: { 91 | files: ['<%= config.sassDir %>**/*.scss'], 92 | tasks: ['sass:dev'], 93 | options: { 94 | spawn: false, 95 | } 96 | } 97 | }, 98 | 99 | // Compress Images 100 | imagemin: { 101 | dynamic: { 102 | files: [{ 103 | expand: true, 104 | cwd: '<%= config.imgSourceDir %>', 105 | src: ['**/*.{jpg,gif,png}'], 106 | dest: '<%= config.imgDir %>' 107 | }] 108 | } 109 | }, 110 | 111 | // Keep multiple browsers & devices in sync when building websites. 112 | browserSync: { 113 | dev: { 114 | bsFiles: { 115 | src : ['*.html', '*.php', '<%= config.cssDir %>*.css', '*.css', '<%= config.jsDir %>*.js'] 116 | }, 117 | options: { 118 | proxy: 'http://<%= config.siteUrl %>', 119 | host: '<%= config.siteUrl %>', 120 | open: 'external', 121 | watchTask: true 122 | } 123 | } 124 | }, 125 | 126 | // Minify Javascript Files 127 | uglify: { 128 | dist: { 129 | files: { 130 | '<%= config.jsDir %><%= config.siteName %>.min.js': ['<%= config.jsDir %><%= config.siteName %>.js'] 131 | } 132 | } 133 | } 134 | }); 135 | 136 | // Register Watch Task 137 | grunt.registerTask('w', ['watch']); 138 | 139 | // Register BrowserSync 140 | grunt.registerTask('bs', ['browserSync']); 141 | 142 | // Init BrowserSync with Watch 143 | grunt.registerTask('dev', ['browserSync', 'watch']); 144 | 145 | // Set Default Environment as 'dev' 146 | grunt.registerTask('default', ['dev']); 147 | 148 | // Before pushing to production, run 'grunt dist' via terminal 149 | grunt.registerTask('dist', ['imagemin', 'uglify']); 150 | 151 | }; 152 | -------------------------------------------------------------------------------- /inc/base-theme-oop/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: {%THEME_NAME%} 3 | Author: {%THEME_AUTHOR%} 4 | Description: {%THEME_DESCRIPTION%} 5 | Version: 1.0.0 6 | Text Domain: {%THEME_SLUG%} 7 | Tags: 8 | 9 | 10 | /** 11 | * This file contains your standard WordPress CSS rules 12 | */ 13 | 14 | /*-------------------------------------------------------------- 15 | # Alignments 16 | --------------------------------------------------------------*/ 17 | .alignleft { 18 | display: inline; 19 | float: left; 20 | margin-right: 1.5em; 21 | } 22 | 23 | .alignright { 24 | display: inline; 25 | float: right; 26 | margin-left: 1.5em; 27 | } 28 | 29 | .aligncenter { 30 | clear: both; 31 | display: block; 32 | margin-left: auto; 33 | margin-right: auto; 34 | } 35 | 36 | /*-------------------------------------------------------------- 37 | # Clearings 38 | --------------------------------------------------------------*/ 39 | .clear:before, 40 | .clear:after, 41 | .entry-content:before, 42 | .entry-content:after, 43 | .comment-content:before, 44 | .comment-content:after, 45 | .site-header:before, 46 | .site-header:after, 47 | .site-content:before, 48 | .site-content:after, 49 | .site-footer:before, 50 | .site-footer:after { 51 | content: ""; 52 | display: table; 53 | table-layout: fixed; 54 | } 55 | 56 | .clear:after, 57 | .entry-content:after, 58 | .comment-content:after, 59 | .site-header:after, 60 | .site-content:after, 61 | .site-footer:after { 62 | clear: both; 63 | } 64 | 65 | /*-------------------------------------------------------------- 66 | # Widgets 67 | --------------------------------------------------------------*/ 68 | .widget { 69 | margin: 0 0 1.5em; 70 | } 71 | 72 | /* Make sure select elements fit in widgets. */ 73 | .widget select { 74 | max-width: 100%; 75 | } 76 | 77 | /*-------------------------------------------------------------- 78 | # Content 79 | --------------------------------------------------------------*/ 80 | /*-------------------------------------------------------------- 81 | ## Posts and pages 82 | --------------------------------------------------------------*/ 83 | .sticky { 84 | display: block; 85 | } 86 | 87 | .hentry { 88 | margin: 0 0 1.5em; 89 | } 90 | 91 | .byline, 92 | .updated:not(.published) { 93 | display: none; 94 | } 95 | 96 | .single .byline, 97 | .group-blog .byline { 98 | display: inline; 99 | } 100 | 101 | .page-content, 102 | .entry-content, 103 | .entry-summary { 104 | margin: 1.5em 0 0; 105 | } 106 | 107 | .page-links { 108 | clear: both; 109 | margin: 0 0 1.5em; 110 | } 111 | 112 | /*-------------------------------------------------------------- 113 | ## Asides 114 | --------------------------------------------------------------*/ 115 | .blog .format-aside .entry-title, 116 | .archive .format-aside .entry-title { 117 | display: none; 118 | } 119 | 120 | /*-------------------------------------------------------------- 121 | ## Comments 122 | --------------------------------------------------------------*/ 123 | .comment-content a { 124 | word-wrap: break-word; 125 | } 126 | 127 | .bypostauthor { 128 | display: block; 129 | } 130 | 131 | /*-------------------------------------------------------------- 132 | # Infinite scroll 133 | --------------------------------------------------------------*/ 134 | /* Globally hidden elements when Infinite Scroll is supported and in use. */ 135 | .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ 136 | .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ 137 | display: none; 138 | } 139 | 140 | /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ 141 | .infinity-end.neverending .site-footer { 142 | display: block; 143 | } 144 | 145 | /*-------------------------------------------------------------- 146 | # Media 147 | --------------------------------------------------------------*/ 148 | .page-content .wp-smiley, 149 | .entry-content .wp-smiley, 150 | .comment-content .wp-smiley { 151 | border: none; 152 | margin-bottom: 0; 153 | margin-top: 0; 154 | padding: 0; 155 | } 156 | 157 | /* Make sure embeds and iframes fit their containers. */ 158 | embed, 159 | iframe, 160 | object { 161 | max-width: 100%; 162 | } 163 | 164 | /*-------------------------------------------------------------- 165 | ## Captions 166 | --------------------------------------------------------------*/ 167 | .wp-caption { 168 | margin-bottom: 1.5em; 169 | max-width: 100%; 170 | } 171 | 172 | .wp-caption img[class*="wp-image-"] { 173 | display: block; 174 | margin-left: auto; 175 | margin-right: auto; 176 | } 177 | 178 | .wp-caption .wp-caption-text { 179 | margin: 0.8075em 0; 180 | } 181 | 182 | .wp-caption-text { 183 | text-align: center; 184 | } 185 | 186 | /*-------------------------------------------------------------- 187 | ## Galleries 188 | --------------------------------------------------------------*/ 189 | .gallery { 190 | margin-bottom: 1.5em; 191 | } 192 | 193 | .gallery-item { 194 | display: inline-block; 195 | text-align: center; 196 | vertical-align: top; 197 | width: 100%; 198 | } 199 | 200 | .gallery-columns-2 .gallery-item { 201 | max-width: 50%; 202 | } 203 | 204 | .gallery-columns-3 .gallery-item { 205 | max-width: 33.33%; 206 | } 207 | 208 | .gallery-columns-4 .gallery-item { 209 | max-width: 25%; 210 | } 211 | 212 | .gallery-columns-5 .gallery-item { 213 | max-width: 20%; 214 | } 215 | 216 | .gallery-columns-6 .gallery-item { 217 | max-width: 16.66%; 218 | } 219 | 220 | .gallery-columns-7 .gallery-item { 221 | max-width: 14.28%; 222 | } 223 | 224 | .gallery-columns-8 .gallery-item { 225 | max-width: 12.5%; 226 | } 227 | 228 | .gallery-columns-9 .gallery-item { 229 | max-width: 11.11%; 230 | } 231 | 232 | .gallery-caption { 233 | display: block; 234 | } 235 | -------------------------------------------------------------------------------- /scss/bootstrap/_tables.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Tables 3 | // -------------------------------------------------- 4 | 5 | 6 | table { 7 | background-color: $table-bg; 8 | } 9 | caption { 10 | padding-top: $table-cell-padding; 11 | padding-bottom: $table-cell-padding; 12 | color: $text-muted; 13 | text-align: left; 14 | } 15 | th { 16 | text-align: left; 17 | } 18 | 19 | 20 | // Baseline styles 21 | 22 | .table { 23 | width: 100%; 24 | max-width: 100%; 25 | margin-bottom: $line-height-computed; 26 | // Cells 27 | > thead, 28 | > tbody, 29 | > tfoot { 30 | > tr { 31 | > th, 32 | > td { 33 | padding: $table-cell-padding; 34 | line-height: $line-height-base; 35 | vertical-align: top; 36 | border-top: 1px solid $table-border-color; 37 | } 38 | } 39 | } 40 | // Bottom align for column headings 41 | > thead > tr > th { 42 | vertical-align: bottom; 43 | border-bottom: 2px solid $table-border-color; 44 | } 45 | // Remove top border from thead by default 46 | > caption + thead, 47 | > colgroup + thead, 48 | > thead:first-child { 49 | > tr:first-child { 50 | > th, 51 | > td { 52 | border-top: 0; 53 | } 54 | } 55 | } 56 | // Account for multiple tbody instances 57 | > tbody + tbody { 58 | border-top: 2px solid $table-border-color; 59 | } 60 | 61 | // Nesting 62 | .table { 63 | background-color: $body-bg; 64 | } 65 | } 66 | 67 | 68 | // Condensed table w/ half padding 69 | 70 | .table-condensed { 71 | > thead, 72 | > tbody, 73 | > tfoot { 74 | > tr { 75 | > th, 76 | > td { 77 | padding: $table-condensed-cell-padding; 78 | } 79 | } 80 | } 81 | } 82 | 83 | 84 | // Bordered version 85 | // 86 | // Add borders all around the table and between all the columns. 87 | 88 | .table-bordered { 89 | border: 1px solid $table-border-color; 90 | > thead, 91 | > tbody, 92 | > tfoot { 93 | > tr { 94 | > th, 95 | > td { 96 | border: 1px solid $table-border-color; 97 | } 98 | } 99 | } 100 | > thead > tr { 101 | > th, 102 | > td { 103 | border-bottom-width: 2px; 104 | } 105 | } 106 | } 107 | 108 | 109 | // Zebra-striping 110 | // 111 | // Default zebra-stripe styles (alternating gray and transparent backgrounds) 112 | 113 | .table-striped { 114 | > tbody > tr:nth-of-type(odd) { 115 | background-color: $table-bg-accent; 116 | } 117 | } 118 | 119 | 120 | // Hover effect 121 | // 122 | // Placed here since it has to come after the potential zebra striping 123 | 124 | .table-hover { 125 | > tbody > tr:hover { 126 | background-color: $table-bg-hover; 127 | } 128 | } 129 | 130 | 131 | // Table cell sizing 132 | // 133 | // Reset default table behavior 134 | 135 | table col[class*="col-"] { 136 | position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623) 137 | float: none; 138 | display: table-column; 139 | } 140 | table { 141 | td, 142 | th { 143 | &[class*="col-"] { 144 | position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623) 145 | float: none; 146 | display: table-cell; 147 | } 148 | } 149 | } 150 | 151 | 152 | // Table backgrounds 153 | // 154 | // Exact selectors below required to override `.table-striped` and prevent 155 | // inheritance to nested tables. 156 | 157 | // Generate the contextual variants 158 | @include table-row-variant('active', $table-bg-active); 159 | @include table-row-variant('success', $state-success-bg); 160 | @include table-row-variant('info', $state-info-bg); 161 | @include table-row-variant('warning', $state-warning-bg); 162 | @include table-row-variant('danger', $state-danger-bg); 163 | 164 | 165 | // Responsive tables 166 | // 167 | // Wrap your tables in `.table-responsive` and we'll make them mobile friendly 168 | // by enabling horizontal scrolling. Only applies <768px. Everything above that 169 | // will display normally. 170 | 171 | .table-responsive { 172 | overflow-x: auto; 173 | min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) 174 | 175 | @media screen and (max-width: $screen-xs-max) { 176 | width: 100%; 177 | margin-bottom: ($line-height-computed * 0.75); 178 | overflow-y: hidden; 179 | -ms-overflow-style: -ms-autohiding-scrollbar; 180 | border: 1px solid $table-border-color; 181 | 182 | // Tighten up spacing 183 | > .table { 184 | margin-bottom: 0; 185 | 186 | // Ensure the content doesn't wrap 187 | > thead, 188 | > tbody, 189 | > tfoot { 190 | > tr { 191 | > th, 192 | > td { 193 | white-space: nowrap; 194 | } 195 | } 196 | } 197 | } 198 | 199 | // Special overrides for the bordered tables 200 | > .table-bordered { 201 | border: 0; 202 | 203 | // Nuke the appropriate borders so that the parent can handle them 204 | > thead, 205 | > tbody, 206 | > tfoot { 207 | > tr { 208 | > th:first-child, 209 | > td:first-child { 210 | border-left: 0; 211 | } 212 | > th:last-child, 213 | > td:last-child { 214 | border-right: 0; 215 | } 216 | } 217 | } 218 | 219 | // Only nuke the last row's bottom-border in `tbody` and `tfoot` since 220 | // chances are there will be only one `tr` in a `thead` and that would 221 | // remove the border altogether. 222 | > tbody, 223 | > tfoot { 224 | > tr:last-child { 225 | > th, 226 | > td { 227 | border-bottom: 0; 228 | } 229 | } 230 | } 231 | 232 | } 233 | } 234 | } 235 | --------------------------------------------------------------------------------