stop14-themesystem-legacy 1.3.3 → 1.4.0

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,23 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="8">
+            <item index="0" class="java.lang.String" itemvalue="nobr" />
+            <item index="1" class="java.lang.String" itemvalue="noembed" />
+            <item index="2" class="java.lang.String" itemvalue="comment" />
+            <item index="3" class="java.lang.String" itemvalue="noscript" />
+            <item index="4" class="java.lang.String" itemvalue="embed" />
+            <item index="5" class="java.lang.String" itemvalue="script" />
+            <item index="6" class="java.lang.String" itemvalue="slide-viewer" />
+            <item index="7" class="java.lang.String" itemvalue="slide-item" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+  </profile>
+</component>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/stop14-themesystem-legacy.iml" filepath="$PROJECT_DIR$/.idea/stop14-themesystem-legacy.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/php.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PhpProjectSharedConfiguration" php_language_level="7">
+    <option name="suggestChangeDefaultLanguageLevel" value="false" />
+  </component>
+</project>

package/.idea/stop14-themesystem-legacy.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "stop14-themesystem-legacy",
- "version": "1.3.3",
+ "version": "1.4.0",
  "description": "A scaffolding and build system for theme development across platforms. Legacy version",
  "author": {
   "name": "Bill Kennedy",

package/scaffolding/drupal/.eslintrc

@@ -0,0 +1,190 @@
+{
+  "env": {
+    "node": false,
+    "es6": true,
+    "browser": true
+  },
+
+  "parserOptions": {
+    "ecmaVersion": 8
+  },
+  
+  // Set all rules to warning instead of error
+  
+  "rules": {
+    ////////// Possible Errors //////////
+
+    "no-comma-dangle": 1,         // disallow trailing commas in object literals
+    "no-cond-assign": 1,          // disallow assignment in conditional expressions
+    "no-console": 1,              // disallow use of console (off by default in the node environment)
+    "no-constant-condition": 1,   // disallow use of constant expressions in conditions
+    "no-control-regex": 1,        // disallow control characters in regular expressions
+    "no-debugger": 1,             // disallow use of debugger
+    "no-dupe-keys": 1,            // disallow duplicate keys when creating object literals
+    "no-empty": 1,                // disallow empty statements
+    "no-empty-class": 1,          // disallow the use of empty character classes in regular expressions
+    "no-ex-assign": 1,            // disallow assigning to the exception in a catch block
+    "no-extra-boolean-cast": 1,   // disallow double-negation boolean casts in a boolean context
+    "no-extra-parens": 1,         // disallow unnecessary parentheses (off by default)
+    "no-extra-semi": 1,           // disallow unnecessary semicolons
+    "no-func-assign": 1,          // disallow overwriting functions written as function declarations
+    "no-inner-declarations": 1,   // disallow function or variable declarations in nested blocks
+    "no-invalid-regexp": 1,       // disallow invalid regular expression strings in the RegExp constructor
+    "no-irregular-whitespace": 1, // disallow irregular whitespace outside of strings and comments
+    "no-negated-in-lhs": 1,       // disallow negation of the left operand of an in expression
+    "no-obj-calls": 1,            // disallow the use of object properties of the global object (Math and JSON) as functions
+    "no-regex-spaces": 1,         // disallow multiple spaces in a regular expression literal
+    "no-reserved-keys": 1,        // disallow reserved words being used as object literal keys (off by default)
+    "no-sparse-arrays": 1,        // disallow sparse arrays
+    "no-unreachable": 1,          // disallow unreachable statements after a return, throw, continue, or break statement
+    "use-isnan": 1,               // disallow comparisons with the value NaN
+    "valid-jsdoc": 1,             // Ensure JSDoc comments are valid (off by default)
+    "valid-typeof": 1,            // Ensure that the results of typeof are compared against a valid string
+
+
+    ////////// Best Practices //////////
+
+    "block-scoped-var": 1,      // treat var statements as if they were block scoped (off by default)
+    "complexity": 1,            // specify the maximum cyclomatic complexity allowed in a program (off by default)
+    "consistent-return": 1,     // require return statements to either always or never specify values
+    "curly": 1,                 // specify curly brace conventions for all control statements
+    "default-case": 1,          // require default case in switch statements (off by default)
+    "dot-notation": 1,          // encourages use of dot notation whenever possible
+    "eqeqeq": 1,                // require the use of === and !==
+    "guard-for-in": 1,          // make sure for-in loops have an if statement (off by default)
+    "no-alert": 1,              // disallow the use of alert, confirm, and prompt
+    "no-caller": 1,             // disallow use of arguments.caller or arguments.callee
+    "no-div-regex": 1,          // disallow division operators explicitly at beginning of regular expression (off by default)
+    "no-else-return": 1,        // disallow else after a return in an if (off by default)
+    "no-empty-label": 1,        // disallow use of labels for anything other then loops and switches
+    "no-eq-null": 1,            // disallow comparisons to null without a type-checking operator (off by default)
+    "no-eval": 1,               // disallow use of eval()
+    "no-extend-native": 1,      // disallow adding to native types
+    "no-extra-bind": 1,         // disallow unnecessary function binding
+    "no-fallthrough": 1,        // disallow fallthrough of case statements
+    "no-floating-decimal": 1,   // disallow the use of leading or trailing decimal points in numeric literals (off by default)
+    "no-implied-eval": 1,       // disallow use of eval()-like methods
+    "no-iterator": 1,           // disallow usage of __iterator__ property
+    "no-labels": 1,             // disallow use of labeled statements
+    "no-lone-blocks": 1,        // disallow unnecessary nested blocks
+    "no-loop-func": 1,          // disallow creation of functions within loops
+    "no-multi-spaces": 1,       // disallow use of multiple spaces
+    "no-multi-str": 1,          // disallow use of multiline strings
+    "no-native-reassign": 1,    // disallow reassignments of native objects
+    "no-new": 1,                // disallow use of new operator when not part of the assignment or comparison
+    "no-new-func": 1,           // disallow use of new operator for Function object
+    "no-new-wrappers": 1,       // disallows creating new instances of String, Number, and Boolean
+    "no-octal": 1,              // disallow use of octal literals
+    "no-octal-escape": 1,       // disallow use of octal escape sequences in string literals, such as var foo = "Copyright \251";
+    "no-process-env": 1,        // disallow use of process.env (off by default)
+    "no-proto": 1,              // disallow usage of __proto__ property
+    "no-redeclare": 1,          // disallow declaring the same variable more then once
+    "no-return-assign": 1,      // disallow use of assignment in return statement
+    "no-script-url": 1,         // disallow use of javascript: urls.
+    "no-self-compare": 1,       // disallow comparisons where both sides are exactly the same (off by default)
+    "no-sequences": 1,          // disallow use of comma operator
+    "no-unused-expressions": 1, // disallow usage of expressions in statement position
+    "no-void": 1,               // disallow use of void operator (off by default)
+    "no-warning-comments": 1,   // disallow usage of configurable warning terms in comments, e.g. TODO or FIXME (off by default)
+    "no-with": 1,               // disallow use of the with statement
+    "radix": 1,                 // require use of the second argument for parseInt() (off by default)
+    "vars-on-top": 1,           // requires to declare all vars on top of their containing scope (off by default)
+    "wrap-iife": 1,             // require immediate function invocation to be wrapped in parentheses (off by default)
+    "yoda": 1,                  // require or disallow Yoda conditions
+
+
+    ////////// Strict Mode //////////
+
+    "global-strict": 1,   // (deprecated) require or disallow the "use strict" pragma in the global scope (off by default in the node environment)
+    "no-extra-strict": 1, // (deprecated) disallow unnecessary use of "use strict"; when already in strict mode
+    "strict": 1,          // controls location of Use Strict Directives
+
+
+    ////////// Variables //////////
+
+    "no-catch-shadow": 1,             // disallow the catch clause parameter name being the same as a variable in the outer scope (off by default in the node environment)
+    "no-delete-var": 1,               // disallow deletion of variables
+    "no-label-var": 1,                // disallow labels that share a name with a variable
+    "no-shadow": 1,                   // disallow declaration of variables already declared in the outer scope
+    "no-shadow-restricted-names": 1,  // disallow shadowing of names such as arguments
+    "no-undef": 1,                    // disallow use of undeclared variables unless mentioned in a /*global */ block
+    "no-undef-init": 1,               // disallow use of undefined when initializing variables
+    "no-undefined": 1,                // disallow use of undefined variable (off by default)
+    "no-unused-vars": 1,              // disallow declaration of variables that are not used in the code
+    "no-use-before-define": 1,        // disallow use of variables before they are defined
+
+
+    ////////// Node.js //////////
+
+    "handle-callback-err": 1,   // enforces error handling in callbacks (off by default) (on by default in the node environment)
+    "no-mixed-requires": 1,     // disallow mixing regular variable and require declarations (off by default) (on by default in the node environment)
+    "no-new-require": 1,        // disallow use of new operator with the require function (off by default) (on by default in the node environment)
+    "no-path-concat": 1,        // disallow string concatenation with __dirname and __filename (off by default) (on by default in the node environment)
+    "no-process-exit": 1,       // disallow process.exit() (on by default in the node environment)
+    "no-restricted-modules": 1, // restrict usage of specified node modules (off by default)
+    "no-sync": 1,               // disallow use of synchronous methods (off by default)
+
+
+    ////////// Stylistic Issues //////////
+
+    "brace-style": 1,               // enforce one true brace style (off by default)
+    "camelcase": 1,                 // require camel case names
+    "comma-spacing": 1,             // enforce spacing before and after comma
+    "comma-style": 1,               // enforce one true comma style (off by default)
+    "consistent-this": 1,           // enforces consistent naming when capturing the current execution context (off by default)
+    "eol-last": 1,                  // enforce newline at the end of file, with no multiple empty lines
+    "func-names": 1,                // require function expressions to have a name (off by default)
+    "func-style": 1,                // enforces use of function declarations or expressions (off by default)
+    "key-spacing": 1,               // enforces spacing between keys and values in object literal properties
+    "max-nested-callbacks": 1,      // specify the maximum depth callbacks can be nested (off by default)
+    "new-cap": 1,                   // require a capital letter for constructors
+    "new-parens": 1,                // disallow the omission of parentheses when invoking a constructor with no arguments
+    "no-array-constructor": 1,      // disallow use of the Array constructor
+    "no-inline-comments": 1,        // disallow comments inline after code (off by default)
+    "no-lonely-if": 1,              // disallow if as the only statement in an else block (off by default)
+    "no-mixed-spaces-and-tabs": 1,  // disallow mixed spaces and tabs for indentation
+    "no-multiple-empty-lines": 1,   // disallow multiple empty lines (off by default)
+    "no-nested-ternary": 1,         // disallow nested ternary expressions (off by default)
+    "no-new-object": 1,             // disallow use of the Object constructor
+    "no-space-before-semi": 1,      // disallow space before semicolon
+    "no-spaced-func": 1,            // disallow space between function identifier and application
+    "no-ternary": 1,                // disallow the use of ternary operators (off by default)
+    "no-trailing-spaces": 1,        // disallow trailing whitespace at the end of lines
+    "no-underscore-dangle": 1,      // disallow dangling underscores in identifiers
+    "no-wrap-func": 1,              // disallow wrapping of non-IIFE statements in parens
+    "one-var": 1,                   // allow just one var statement per function (off by default)
+    "operator-assignment": 1,       // require assignment operator shorthand where possible or prohibit it entirely (off by default)
+    "padded-blocks": 1,             // enforce padding within blocks (off by default)
+    "quote-props": 1,               // require quotes around object literal property names (off by default)
+    "quotes": 1,                    // specify whether double or single quotes should be used
+    "semi": 1,                      // require or disallow use of semicolons instead of ASI
+    "sort-vars": 1,                 // sort variables within the same declaration block (off by default)
+    "space-after-function-name": 1, // require a space after function names (off by default)
+    "space-after-keywords": 1,      // require a space after certain keywords (off by default)
+    "space-before-blocks": 1,       // require or disallow space before blocks (off by default)
+    "space-in-brackets": 1,         // require or disallow spaces inside brackets (off by default)
+    "space-in-parens": 1,           // require or disallow spaces inside parentheses (off by default)
+    "space-infix-ops": 1,           // require spaces around operators
+    "space-return-throw-case": 1,   // require a space after return, throw, and case
+    "space-unary-ops": 1,           // Require or disallow spaces before/after unary operators (words on by default, nonwords off by default)
+    "spaced-line-comment": 1,       // require or disallow a space immediately following the // in a line comment (off by default)
+    "wrap-regex": 1,                // require regex literals to be wrapped in parentheses (off by default)
+
+
+    ////////// ECMAScript 6 //////////
+
+    "no-var": 1,          // require let or const instead of var (off by default)
+    "generator-star": 1,  // enforce the position of the * in generator functions (off by default)
+
+
+    ////////// Legacy //////////
+
+    "max-depth": 1,       // specify the maximum depth that blocks can be nested (off by default)
+    "max-len": 1,         // specify the maximum length of a line in your program (off by default)
+    "max-params": 1,      // limits the number of parameters that can be used in the function declaration. (off by default)
+    "max-statements": 1,  // specify the maximum number of statement allowed in a function (off by default)
+    "no-bitwise": 1,      // disallow use of bitwise operators (off by default)
+    "no-plusplus": 0      // disallow use of unary operators, ++ and -- (off by default)
+  }
+
+}

package/scaffolding/drupal/_00_main_configuration.yml

@@ -0,0 +1,293 @@
+## 00 GENERAL
+dir_image: "'../img'"
+asset_dirs: "('svg': $dir_image + '/svg','png': $dir_image + '/png', 'jpg': $dir_image + '/jpg')"
+subdir_icons: "'/icons'"
+subdir_marks: "'/marks'"
+
+## 00 VISIBILITY CONTROL
+visibility_stack: "('main > div','#secondary-content','#tertiary-content','#quaternary-content','.block-facets-block','#block-responses-profile-feature')"
+remove_visibility_class: true
+visibility_offset: 50
+visibility_threshold: 0.2
+visibility_stack_animation_speed: 0
+visibility_stack_animation_delay: null
+
+## 01 COLOUR AND PATTERNS
+clr1: #00BDD4
+clr2: #BF609B
+clr3: #D98536
+clr4: #315FAA
+clr5: #7DBF60
+clr6: #E1BB0B
+clr7: #E5336D
+clr8: #00171A
+clr9: #000000
+black: $clr8
+white: white
+
+# Neutral aliases
+lightest_neutral: neutral(5)
+lighter_neutral: neutral(30)
+light_neutral: neutral(40)
+neutral: neutral()
+mid_neutral: neutral(60)
+dark_neutral: neutral(70)
+darker_neutral: neutral(80)
+darkest_neutral: neutral(90)
+
+# Background
+bgcolor: $white
+footer_bg: $black
+
+# Colour Aliases
+impact: $clr7
+cta: $clr4
+de_emphasized: $light_neutral
+de_activated: $lighter_neutral
+link_colour: $black
+
+## 02 LAYOUT
+rootsize: 100%
+basesize: 1.5rem
+base_line_height: strip-unit($basesize)
+blh: $basesize
+scale: 1.5
+max_width: 1400px
+legible_inset_width: 750px
+
+# Structure
+masthead_height: 60px
+footer_height: 100px
+admin_bar_height: 40px
+admin_bar_tray: 40px // Second-tier admin bar
+masthead_clearance: rv(0)
+masthead_clearance_mobile: rv(-1)
+splash_height_mobile: 50vh
+splash_height_tablet: 50vh
+splash_height_desktop: 100vh
+min_splash_height: 700px
+proportional_width_unit: "math.div(100% - math.div(100,$scale),2)"
+standard_sidebar_width: $proportional_width_unit
+right_sidebar_width: "$standard_sidebar_width * 2"
+left_sidebar_width: $standard_sidebar_width
+
+# Spacing
+grid_gap_factor: 0
+block_spacing: 2
+mobile_block_spacing: -2
+edge_padding_factor: 1
+mobile_edge_padding_factor: 0
+
+
+# Breakpoints
+breakpoints: "(xsml: 21em, sml: 30em, med: 46.25em, lrg: 75em, xlrg: 112.5em, xxlrg: 130em)"
+
+stack_breakpoint: 'med'
+tablet_breakpoint: 'med'
+desktop_breakpoint: 'lrg'
+ultrawide_breakpoint: 'xlrg'
+
+stack: $stack_breakpoint
+tablet: $tablet_breakpoint
+desktop: $desktop_breakpoint
+ultrawide: $ultrawide_breakpoint
+
+## 03 TYPOGRAPHY | Note – fonts themselves must be declared elsewhere using load font. See docs.
+# Example: +load_font('IBMPlexMono','ibmplexmono',($normal,$bold),(normal,italic))
+
+font_path: "'../fonts'"
+
+# Font sizing / Fluid type
+basetypesize: 1rem
+default-min-bp: sml
+default-max-bp: xlrg
+min-sizefactors: "(base: -1, h1: 3, h2: 2, h3: 1, h4: 0, h5: -1, h6: -1)"
+sizefactors: "(base: 0, h1: 4, h2: 3, h3: 2, h4: 1, h5: 0, h6: 0)"
+line_heights: "(base: $base_line_height, h1: 1, h2: 1.2, h3: 1.2, h4: 1.2, h5: 1.2, h6: 1.2)"
+typescale: "(base: 1, xsml: 1, sml: 1, med:1, lrg: 1, xlrg: 1, xxlrg: 1)"
+paragraph_spacing: "clamped(map-get($min-sizefactors,'base'),map-get($sizefactors,'base'),$default-min-bp,$default-max-bp,map-get($line_heights,base))"
+typescale: "(base: 1, xsml: 1, sml: 1, med:1, lrg: 1, xlrg: 1, xxlrg: 1)"
+
+# Fonts
+basefont: "Roboto, Tahoma, Arial, sans-serif"
+headingfont: "Roboto, Tahoma, Arial, sans-serif"
+altfont: "Georgia, serif"
+codefont: "'IBM Plex Mono', Monaco, Courier New, monospace"
+
+# Tables
+row_header_bg: neutral(10)
+row_border_color: neutral(10)
+row_zebra_stripe_color: neutral(3)
+
+# Deprecated. Use definitions e.g. %h1-font-size
+h1fontsize: "map-get($sizefactors,'h1')"
+h2fontsize: "map-get($sizefactors,'h2')"
+h3fontsize: "map-get($sizefactors,'h3')"
+h4fontsize: "map-get($sizefactors,'h4')"
+h5fontsize: "map-get($sizefactors,'h5')"
+h6fontsize: "map-get($sizefactors,'h6')"
+
+
+## 04 UI | Needs an overhaul
+ui_padding: rv(1)
+ui_element_height: 50px
+ui_minheight: $ui_element_height
+ui_maxheight: 60px
+ui_compactheight: 40px
+ui_largeheight: 80px
+ui_border_radius: 8px
+
+btn_minwidth: 250px
+btn_border_width: 4px
+
+btn_submit_img_size: rv(3)
+ui_checkbox_height: rv(1)
+
+# mobile ui controls
+
+mobile_overlay_spacing: rv(2)
+mobile_filter_height: rv(5)
+
+# legacy
+border_radius: $ui_border_radius
+
+#Buttons
+buttonfontsize: 1
+btn_padding: $ui_padding
+btn_border_width: $ui_border_width
+btn_border_radius: $ui_border_radius
+btn_min_width: 200px
+btn_width: 280px
+btn_compactwidth: 180px
+btn_largewidth: 280px
+btn_max_width: 375px
+
+btn_color: $cta
+btn_bg_color: $white
+btn_border_color: $cta
+btn_hover_color: $black
+btn_hover_border_color: $black
+btn_hover_bg_color: $white
+
+btn_submit_color: $white
+btn_submit_bg_color: $impact
+btn_submit_border_color: $impact
+btn_submit_hover_color: $white
+btn_submit_hover_border_color: "mix($impact,$black,10%)"
+btn_submit_hover_bg_color: "mix($impact,$black,10%)"
+
+outline_btn_color: $mid_neutral
+outline_btn_hover_color: $ui_hover_border_color
+
+
+# Animation
+heartbeat: 0.2s
+standard_properties: "translate3d scale opacity background-color"
+base_delay: null
+
+# Aliases
+very_fast: $heartbeat
+fast: $heartbeat * 2
+slow: $heartbeat * 4
+very_slow: $heartbeat * 16
+sluggish: $heartbeat * 32
+
+# Slide Timing
+slide_transition: $slow
+
+
+## 06 SITE ELEMENTS
+
+card_border_radius: $border-radius
+
+# 06 Slide Viewer
+default_next_btn: "'data:image/svg+xml;base64,PHN2ZyBpZD0ibmV4dC1idG4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4LjQ1IDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwMTcxYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwyMFYxNC45TDEzLjYzLDEwLDAsNS4xVjBMMTguNDUsNy4zNXY1LjNaIi8+PC9zdmc+'"
+default_prev_btn: "'data:image/svg+xml;base64,PHN2ZyBpZD0iY2hhcmFjdGVyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC40NSAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDE3MWE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjQ1LDBWNS4xTDQuODIsMTAsMTguNDUsMTQuOVYyMEwwLDEyLjY1VjcuMzVaIi8+PC9zdmc+'"
+default_slide_item_template: 1
+default_slide_viewer_template: 1
+slide_viewer_padding: rv(0)
+slide_viewer_marker_size: rv(-1)
+slide_viewer_ui_spacing: rv(-1)
+slide_viewer_midpoint: 50%
+slide_viewer_background: none
+
+page_marker_background: neutral(40)
+page_marker_background_hover: neutral(60)
+page_marker_background_active: neutral(60)
+page_marker_border_radius: 50%
+
+page_marker_transform_hover: none
+page_marker_transform_active: none
+page_marker_width: $slide_viewer_marker_size
+page_marker_height: $slide_viewer_marker_size
+
+sequential_control_btn_height: 2rem
+sequential_control_btn_width: 1.5rem
+
+next_btn_background: no-repeat url(#{$default_next_btn})
+previous_btn_background: no-repeat right url(#{$default_prev_btn})
+
+
+slide_content_background: none
+slide_caption_background: none
+slide_item_content_width: 100%
+slide_item_caption_width: 100%
+
+slide_item_portrait_object_fit: contain
+slide_item_portrait_position: center
+slide_item_portrait_slide_padding: 0
+
+slide_item_landscape_object_fit: contain
+slide_item_landscape_position: center
+slide_item_landscape_slide_padding: 0
+
+slide_item_square_object_fit: contain
+slide_item_square_position: center
+slide_item_square_slide_padding: 0
+
+# Extended Styles. Most should be left default.
+slide_nav_bottom: $slide_viewer_padding
+slide_nav_top: initial
+slide_nav_left: initial
+slide_nav_right: initial
+slide_nav_flex_direction: row
+slide_nav_flex_wrap: wrap
+slide_nav_justify_contents: center
+slide_nav_align_items: center
+slide_nav_height: $sequential_control_btn_height
+
+page_marker_margin: 0 $slide_viewer_ui_spacing 0 0
+
+
+# Sequential Slider Nav (next/previous)
+
+sequential_nav_top: 0
+sequential_nav_bottom: 0
+sequential_nav_left: $slide_viewer_padding
+sequential_nav_right: $slide_viewer_padding
+sequential_nav_justify_content: space-between
+sequential_nav_align_items: center
+sequential_control_spacing: $slide_viewer_ui_spacing
+
+# Figure container (content + caption)
+
+slide_item_slide_display: flex
+slide_item_slide_flex_direction: column
+slide_item_slide_flex_grow: 1
+slide_item_slide_width: 100%
+slide_item_slide_height: 100%
+
+slide_item_slide_padding: 0
+slide_item_slide_margin: 0
+
+# Content container (usually contains an image)
+
+slide_item_content_padding: $slide_viewer_padding
+
+# Caption
+
+slide_item_caption_padding: 0 $slide_viewer_padding
+slide_item_caption_height: auto
+slide_item_caption_position: relative
+slide_item_caption_bottom: auto
+