Initial Gulp tasks and Foundation 6 integration.

KAST/.scss-lint.yml

@@ -0,0 +1,197 @@
+# Default application configuration that all configurations inherit from.
+
+scss_files: "dev/scss/**/*.scss"
+plugin_directories: ['.scss-linters']
+
+# List of gem names to load custom linters from (make sure they are already
+# installed)
+plugin_gems: []
+
+# Default severity of all linters.
+severity: warning
+
+linters:
+ BangFormat:
+ enabled: true
+ space_before_bang: true
+ space_after_bang: false
+
+ BorderZero:
+ enabled: true
+ convention: zero # or `none`
+
+ ColorKeyword:
+ enabled: true
+
+ ColorVariable:
+ enabled: true
+
+ Comment:
+ enabled: false
+
+ DebugStatement:
+ enabled: true
+
+ DeclarationOrder:
+ enabled: true
+
+ DuplicateProperty:
+ enabled: true
+
+ ElsePlacement:
+ enabled: true
+ style: new_line # or 'same_line'
+
+ EmptyLineBetweenBlocks:
+ enabled: true
+ ignore_single_line_blocks: true
+
+ EmptyRule:
+ enabled: true
+
+ FinalNewline:
+ enabled: true
+ present: true
+
+ HexLength:
+ enabled: true
+ style: short # or 'long'
+
+ HexNotation:
+ enabled: true
+ style: lowercase # or 'uppercase'
+
+ HexValidation:
+ enabled: true
+
+ IdSelector:
+ enabled: true
+
+ ImportantRule:
+ enabled: false
+
+ ImportPath:
+ enabled: true
+ leading_underscore: false
+ filename_extension: false
+
+ Indentation:
+ enabled: true
+ allow_non_nested_indentation: false
+ character: space # or 'tab'
+ width: 2
+
+ LeadingZero:
+ enabled: true
+ style: include_zero # or 'include_zero'
+
+ MergeableSelector:
+ enabled: true
+ force_nesting: true
+
+ NameFormat:
+ enabled: true
+ allow_leading_underscore: true
+ convention: hyphenated_lowercase # or 'BEM', or a regex pattern
+
+ NestingDepth:
+ enabled: true
+ max_depth: 4
+
+ PlaceholderInExtend:
+ enabled: true
+
+ PropertyCount:
+ enabled: false
+ include_nested: false
+ max_properties: 10
+
+ PropertySortOrder:
+ enabled: false
+ ignore_unspecified: false
+ separate_groups: false
+
+ PropertySpelling:
+ enabled: true
+ extra_properties: []
+
+ QualifyingElement:
+ enabled: true
+ allow_element_with_attribute: false
+ allow_element_with_class: false
+ allow_element_with_id: false
+
+ SelectorDepth:
+ enabled: true
+ max_depth: 4
+
+ SelectorFormat:
+ enabled: true
+ convention: '([a-z0-9]+-?)+'
+
+ Shorthand:
+ enabled: true
+
+ SingleLinePerProperty:
+ enabled: true
+ allow_single_line_rule_sets: false
+
+ SingleLinePerSelector:
+ enabled: false
+
+ SpaceAfterComma:
+ enabled: true
+
+ SpaceAfterPropertyColon:
+ enabled: true
+ style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
+
+ SpaceAfterPropertyName:
+ enabled: true
+
+ SpaceBeforeBrace:
+ enabled: true
+ style: space # or 'new_line'
+ allow_single_line_padding: true
+
+ SpaceBetweenParens:
+ enabled: true
+ spaces: 0
+
+ StringQuotes:
+ enabled: true
+ style: single_quotes # or double_quotes
+
+ TrailingSemicolon:
+ enabled: true
+
+ TrailingZero:
+ enabled: false
+
+ UnnecessaryMantissa:
+ enabled: true
+
+ UnnecessaryParentReference:
+ enabled: true
+
+ UrlFormat:
+ enabled: true
+
+ UrlQuotes:
+ enabled: true
+
+ VariableForProperty:
+ enabled: false
+ properties: []
+
+ VendorPrefixes:
+ enabled: true
+ identifier_list: base
+ include: []
+ exclude: []
+
+ ZeroUnit:
+ enabled: true
+
+ Compass::*:
+ enabled: false

KAST/KAST.info.yml.txt

@@ -1,6 +1,6 @@
 name: Fett Starter
 type: theme
-description: '[Fett] Boba Fett was a Mandalorian warrior and bounty hunter. Not a clone.'
+description: "[FETT] A Foundation 6 base theme for Drupal."
 core: 8.x
 screenshot: images/screenshot.png
 base theme: fett

KAST/README.md

@@ -1,31 +1,27 @@
-# Fett Starter Drupal Theme
-##### Fett, Gulp, Bourbon, Neat, Bitters
+# map Drupal Theme
+##### Fett, Gulp, Foundation
 
-## System Setup
+## Development Setup
 
-If you have not already done so, please reference the README.md file found in
-the *fett* parent theme.
+First, you will need to install [NodeJS](https://nodejs.org/en/download/package-manager/).
 
-## Installation
-
-From your theme directory, enter the following in the command line. This will
-install the required tools to compile assets.
+Run the following from the command line:
 
  npm install
 
+For SCSS linting, Ruby version greater than 2.3.0 is recommended. Install the
+following gem from the command line:
+
+ gem install scss_lint
+
 Make a copy of example.config.js and set your local development settings here.
 Add this file to your .gitignore file to prevent breaking of team-members' dev
 setup.
 
  cp example.config.js config.js
 
-## Usage
-
-Run the following from the theme directory via command line to compile CSS from
-SASS.
+Run the following from the command line from the module directory to have gulp
+compile and watch for changes to both .scss files and .js files found within
+the /dev folder.
 
  gulp
-
-gulpfile.js controls what happens in this process. Feel free to add your
-own tools into this file to facilitate development. Saving will trigger a cache
-rebuild, css/js rebuild, and all BrowserSync browsers to reload.

KAST/dev/scss/KAST.scss

@@ -0,0 +1,73 @@
+// Make sure the charset is set appropriately
+@charset 'UTF-8';
+
+
+////////////////////////////////////////////////////////////////////////////////
+// Vendor
+// -----------------------------------------------------------------------------
+// Here we load vendor utilities. Bourbon and Foundation 6 are core. You can
+// selectively load foundation components but by default everything is loaded.
+// We load our variables and custom foundation (found in utils/) before we
+// load in the Foundation componenets so we can override them.
+
+@import 'foundation';
+@import 'utils/variables';
+@import 'utils/foundation_settings';
+@include foundation-everything;
+
+
+////////////////////////////////////////////////////////////////////////////////
+// Utilities
+// -----------------------------------------------------------------------------
+// The utils/ folder gathers all Sass tools and helpers we’ll use across the
+// project. Got a function? A mixin? Put it in there.
+
+@import 'utils/mixins';
+@import 'utils/functions';
+@import 'utils/placeholders';
+
+
+////////////////////////////////////////////////////////////////////////////////
+// BASE
+// -----------------------------------------------------------------------------
+// The base/ folder holds what we might call the boilerplate stuff for your
+// project. In there, you might find some stuff dealing with typography, and,
+// depending on the project, maybe some other files.
+
+@import 'base/typography';
+
+
+////////////////////////////////////////////////////////////////////////////////
+// LAYOUT
+// -----------------------------------------------------------------------------
+// The layout/ directory usually contains a number of files, each of them
+// setting some styles for the main sections of the layout (header, footer, and
+// so on). It also contains the _grid file which is the grid system used to
+// build the layout.
+
+@import 'layout/global';
+@import 'layout/header';
+@import 'layout/footer';
+
+
+////////////////////////////////////////////////////////////////////////////////
+// COMPONENT
+// -----------------------------------------------------------------------------
+// For smaller components, there is the components/ folder. While layout/ is
+// kind of macro (defining the global wireframe), components/ is more micro. It
+// can contain all kinds of specific modules like a slider, a loader, a widget,
+// or anything along those lines. There are usually a lot of files in
+// components/ since your site should be mostly composed of tiny modules.
+
+
+
+
+////////////////////////////////////////////////////////////////////////////////
+// PAGES
+// -----------------------------------------------------------------------------
+// If you have page-specific styles, it is ideal to put them in a pages/
+// folder and in a file named after the page. For example, it’s not uncommon to
+// have very specific styles for the home page, so you’d have a _home.scss file
+// in pages/ dealing with this.
+
+@import 'pages/home';