stop14-themesystem-legacy 2.0.7 → 2.0.9

package/package.json

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

package/scaffolding/default/_00_main_configuration.yml

@@ -35,6 +35,8 @@ de_emphasized: neutral(50)
 de_activated: neutral(30)
 link_colour: $black
 link_colour_active: $clr3
+link_colour_reversed: $white
+link_colour_active_reversed: $white
 
 ## 02 LAYOUT
 rootsize: 100%

package/scaffolding/drupal/_00_main_configuration.yml

@@ -35,6 +35,8 @@ de_emphasized: neutral(50)
 de_activated: neutral(30)
 link_colour: $black
 link_colour_active: $clr3
+link_colour_reversed: $white
+link_colour_active_reversed: neutral(5)
 
 ## 02 LAYOUT
 rootsize: 100%

package/scaffolding/drupal/source/sass/00_configuration/_profiles.sass

@@ -1,2 +1,2 @@
-@import ah_standard_base_v002/_index
+@import s14_standard_base/_index
 @import drupal_base/_index

package/scaffolding/drupal/source/sass/20_layout/_sidebar_right.sass

@@ -6,15 +6,11 @@
 
 aside.right
   padding: rv($mobile_edge_padding_factor)
-  +font-size(0)
+  font-size: clamped(0,1)
 
   +bp($desktop)
     padding: rv($edge_padding_factor)
 
-  *
-    color: inherit
-    font-size: inherit
-    
   .block > h2
     margin-bottom: rv($mobile_edge_padding_factor) !important
 

package/scaffolding/drupal/source/sass/60_site_elements/content/_profile_card.sass

@@ -16,7 +16,7 @@ article.profile-card
       overflow: hidden
       +proportional-height(66%,1)
       margin: 0 auto
-      
+
       +bp($tablet)
         +proportional-height(100%,1)
 
@@ -30,7 +30,6 @@ article.profile-card
     padding: rv(1) rv(1) 0 rv(1)
 
   .field_role
-    @extend %small--normal--k-100--caps
     text-align: center
 
   h3
@@ -41,13 +40,11 @@ article.profile-card
     margin-top: 0
 
   .field_affiliation_container
-    @extend %small--medium--k-100
     line-height: 1.25
     margin-bottom: rv($edge_padding_factor)
     text-align: center
 
   .body
-    @extend %small--normal--k-100
     margin: rv(0) 0
 
   .field_links_container

package/scaffolding/omeka/_00_main_configuration.yml

@@ -5,37 +5,25 @@ subdir_icons: "'/icons'"
 subdir_marks: "'/marks'"
 logo_path: "map-get($asset_dirs,'svg') + $subdir_marks + '/logo.svg'"
 
+# KEY VALUES
+
 ## 00 VISIBILITY CONTROL
+# Adds a “visible” class to the listed elements when they are visible in the viewport. Works with various animation scripts.
 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  // Agile Blue
-clr2: #BF609B  // Deep Pink
-clr3: #D98536  // Orange
-clr4: #315FAA  // Periwinkle
-clr5: #7DBF60  // Green
-clr6: #E1BB0B  // Gold
-clr7: #E5336D  // Fusciha
-clr8: #00171A  // Black
-clr9: #000000  // True Black
+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
@@ -43,43 +31,81 @@ footer_bg: $black
 # Colour Aliases
 impact: $clr2
 cta: $clr1
-de_emphasized: $light_neutral
-de_activated: $lighter_neutral
+de_emphasized: neutral(50)
+de_activated: neutral(30)
 link_colour: $black
+link_colour_active: $clr3
+link_colour_reversed: $white
+link_colour_active_reversed: neutral(5)
 
 ## 02 LAYOUT
 rootsize: 100%
 basesize: 1rem
-base_line_height: 1.4
+base_line_height: 1.5
 blh: $basesize * $base_line_height
 scale: 1.33
 max_width: 1900px
-legible_inset_width: 750px
+legible_inset_width: 920px
+
+## Spacing
+
+mobile_grid_gap_factor: -1
+grid_gap_factor: 0
+block_spacing: 2
+mobile_block_spacing: -2
+edge_padding_factor: 0
+mobile_edge_padding_factor: -1
+text_element_spacing: 3px
 
 # Structure
-masthead_height: 60px
+masthead_height: 50px
 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_mobile: auto
+splash_height_tablet: auto
 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
+right_sidebar_width: $standard_sidebar_width
+left_sidebar_width: $standard_sidebar_width * 2
 
-# Spacing
-mobile_grid_gap_factor: -1
-grid_gap_factor: 0
-block_spacing: 2
-mobile_block_spacing: -2
-edge_padding_factor: 1
-mobile_edge_padding_factor: 0
-text_element_spacing: 3px
+footer_branding_width: 150px
+footer_badge_width: $footer_branding_width * 1.5
+
+# 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.1, h2: 1.25, h3: 1.25, h4: $base_line_height, h5: $base_line_height, h6: $base_line_height)"
+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))"
+
+# Fonts
+basefont: "Roboto, Tahoma, Arial, sans-serif"
+headingfont: "Roboto, Tahoma, Arial, sans-serif"
+altfont: "Georgia, serif"
+codefont: "'IBM Plex Mono', Monaco, Courier New, monospace"
+
+## ADVANCED SETTINGS
+
+# Additional Colour settings
+
+# Neutral aliases
+# Deprecated
+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)
 
 # Breakpoints
 breakpoints: "(xsml: 21em, sml: 30em, med: 46.25em, lrg: 75em, xlrg: 112.5em, xxlrg: 130em)"
@@ -99,21 +125,6 @@ ultrawide: $ultrawide_breakpoint
 
 font_path: "'../fonts'"
 
-# Font sizing / Fluid type
-basetypesize: 0.9rem
-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))"
-
-# Fonts
-basefont: "Roboto, Tahoma, Arial, sans-serif"
-headingfont: "'Source Serif',Georgia,serif"
-altfont: "'Source Serif',Georgia,serif"
-codefont: "'IBM Plex Mono', Monaco, Courier New, monospace"
 
 # Tables
 row_header_bg: neutral(10)
@@ -129,82 +140,73 @@ h5fontsize: "map-get($sizefactors,'h5')"
 h6fontsize: "map-get($sizefactors,'h6')"
 
 
-## 04 UI | Needs an overhaul
-
-#
-menu_background: $white
-
-#base ui
-
-ui_padding: 8px
-ui_element_height: 40px
+## 04 UI
+ui_padding: 10px
+ui_element_height: 50px
 ui_minheight: $ui_element_height
 ui_maxheight: 60px
-ui_compactheight: 25px
+ui_compactheight: 40px
 ui_largeheight: 80px
 ui_max_text_width: 500px
 ui_element_spacing: "rv($mobile_edge_padding_factor)"
-ui_border_radius: 5px
+ui_border_radius: 8px
 ui_border_width: 1px
 ui_border_color: neutral(40)
 ui_hover_border_color: $impact
 ui_checkbox_height: 20px
-ui_element_font_size: rv(0)
-ui_checkbox_label_font_size: rv(-2)
-ui_icon_height: $ui_minheight * 0.4
-ui_select_indicator_size: $ui_icon_height
+ui_element_font_size: clamped(-1,0)
+ui_checkbox_label_font_size: clamped(-1,0)
+ui_form_text_color: neutral(90)
+ui_icon_size: 25px
 
 # mobile ui controls
 
 mobile_overlay_spacing: rv(2)
-ui_mobile_app_controls_footer_height: $masthead_height
-ui_mobile_app_controls_breakpoint: $tablet
-ui_display_controls_icon_size: "$ui_mobile_app_controls_footer_height * 0.5"
-
+mobile_filter_height: rv(5)
 
 # legacy
 border_radius: $ui_border_radius
-mobile_filter_height: rv(5)
 
 #Buttons
-btn_padding: "5px rv(0)"
-btn_border_width: $ui_border_width
+btn_padding: "5px $ui_padding"
+btn_border_width: 0
 btn_border_radius: $ui_border_radius
-btn_height: $ui_element_height
+btn_height: $ui_maxheight
 btn_min_width: 200px
 btn_width: 280px
 btn_compactwidth: 180px
 btn_largewidth: 280px
 btn_max_width: 375px
-btn_icon_size: $btn_height * 0.5
+btn_icon_size: 25px
 
 btn_fontsize: "clamped(0,1)"
 btn_compact_fontsize: "clamped(-1,0)"
 btn_minwidth: 250px
-btn_submit_img_size: $ui_icon_height
+btn_submit_img_size: rv(1)
 
 btn_color: $black
 btn_bg_color: neutral(20)
 btn_border_color: $ui_border_color
-btn_hover_color: neutral(70)
+btn_hover_color: $black
 btn_hover_border_color: neutral(60)
 btn_hover_bg_color: neutral(40)
 
 btn_submit_color: $white
-btn_submit_bg_color: $cta
+btn_submit_bg_color: $impact
 btn_submit_border_width: 0
-btn_submit_border_color: $cta
+btn_submit_border_color: $impact
 btn_submit_hover_color: $white
-btn_submit_hover_border_color: "mix($black,$cta,10%)"
-btn_submit_hover_bg_color: "mix($black,$cta,10%)"
+btn_submit_hover_border_color: "mix($white,$impact,10%)"
+btn_submit_hover_bg_color: "mix($white,$impact,10%)"
+
 
-btn_search_color: $black
-btn_search_bg_color: transparent
+btn_search_color: neutral(60)
+btn_search_bg_color: $white
 btn_search_border_width: $ui_border_width
 btn_search_border_color: $ui_border_color
-btn_search_hover_color: $black
-btn_search_hover_border_color: $ui_hover_border_color
-btn_search_hover_bg_color: neutral(1)
+btn_search_hover_color: $white
+btn_search_hover_border_color: $impact
+btn_search_hover_bg_color: $white
 
 btn_reset_color: neutral(90)
 btn_reset_bg_color: neutral(30)
@@ -215,15 +217,17 @@ btn_reset_hover_bg_color: neutral(90)
 btn_reset_hover_border_color: neutral(90)
 
 
-
 outline_btn_color: $mid_neutral
 outline_btn_hover_color: $ui_hover_border_color
 
 ui_select_width: fit-content
-ui_select_min_width: 200px
+ui_select_min_width: $btn_width
 ui_select_max_width: 100%
 
-#Callouts
+# Menu
+menu_background: transparent
+
+# Callouts
 
 callout_shift: 0
 callout_width: 40%
@@ -231,9 +235,18 @@ callout_inset: null
 callout_breakpoint: lrg
 
 # Animation
+
 heartbeat: 0.2s
 standard_properties: "translate3d scale opacity background-color"
 base_delay: null
+remove_visibility_class: true
+
+## Visibility
+visibility_offset: 50
+visibility_threshold: 0.2
+visibility_stack_animation_speed: 0
+visibility_stack_animation_delay: null
+
 
 # Aliases
 very_fast: $heartbeat
@@ -343,3 +356,15 @@ slide_item_caption_height: auto
 slide_item_caption_position: absolute
 slide_item_caption_bottom: 0
 
+# Browser Element
+
+exposed_facet_desktop_width: 350px
+ui_mobile_app_controls_breakpoint: $desktop
+ui_display_controls_icon_size: $ui_mobile_app_controls_footer_height * 0.6
+ui_mobile_app_controls_footer_height: $masthead_height
+
+#mirador
+mirador_height_mobile: 60vh
+mirador_height_tablet: 50vh
+mirador_height_desktop: 60vh
+mirador_min_height: 400px

package/source/sass/a_components/30_typography/standardized_tables/_index_local_configuration.sass

@@ -1,6 +1,7 @@
-/* 
-   @file index.sass 
+/*
+   @file index.sass
    @description  Loads all sass files or subdirectory indices in its directory. */
 
-@import 14_definitions/_index   
+@import _00_configuration_standardized_tables
+@import _definition_data_table
 @import _table_collection

package/source/sass/a_components/40_ui/ui_element_base_v002/13_definitions/_form_elements.sass

@@ -152,7 +152,7 @@
   color: $btn_reset_color
   min-width: $btn_compactwidth
   text-decoration: none
-  justify-content: flex-start
+  justify-content: center
   +background-icon-left('reset')
 
   &:hover
@@ -254,7 +254,7 @@
   font-weight: $normal
   font-size: $btn_fontsize
   padding: 0 $ui_padding
-  height: $ui_minheight
+  height: $ui_element_height
   border-radius: $ui_border_radius
   border: 1px solid $ui_border_color
   max-width: $ui_max_text_width

package/source/sass/a_components/40_ui/ui_element_base_v002/_form_ui.sass

@@ -39,6 +39,7 @@ input:focus
 input[type='text'],
 input[type='email'],
 input[type='password'],
+input[type='search'],
 textarea#edit-message
   @extend %input-text
 
@@ -48,7 +49,6 @@ textarea#edit-message
 // Alternatively you can use the work-in-progress +input-button-icon() mixins
 // to see if you can achieve the desired results.
 
-input[type="search"],
 button[type="search"]
   @extend %button-search
 
@@ -61,7 +61,7 @@ button[type="reset"]
   @extend %button-reset
 
 
-input[type="search"]::-webkit-search-cancel-button
+button[type="search"]::-webkit-search-cancel-button
   -webkit-appearance: none
   display: inline-block
   width: 20px
@@ -85,11 +85,13 @@ input[type="checkbox"]
   vertical-align: middle
   float: left
   margin: 0
+  background-size: 80% !important // Compensates for values introduced in the +icon mixin below to maintain size in all states
+  background-position: center !important
 
   &:checked
-    +icon('checkmark')
-    background-size: 80%
-    background-position: center
+    +icon('checkmark',$ui_checkbox_height)
+    height: $ui_checkbox_height
+    width: $ui_checkbox_height
 
   &:hover
     border-color: $ui_hover_border_color
@@ -125,6 +127,7 @@ select
   min-width: $ui_select_min_width
   max-width: $ui_select_max_width
   +background-icon-right('accordion-expand')
+  background-repeat: no-repeat
 
   &:hover
     +background-icon-active('accordion-expand')

package/source/sass/a_components/40_ui/ui_element_base_v002/_standardized_icons/_icon_mixins.sass

@@ -107,9 +107,9 @@
   +background-icon-base($icon_name,$size,$initial_state,$active_state)
 
   @if $position == 'left'
-    background-position: left calc(#{$btn_padding} - #{$size * 2} ) center
+    background-position: left #{$btn_padding} center
   @else
-    background-position: left calc(#{$btn_padding} + #{$size * 2} ) center
+    background-position: right #{$btn_padding} center
 
 
 =input-button-icon-left($icon_name, $size: $btn_icon_size, $btn_padding: $ui_padding, $initial_state: 'default', $active_state: 'active')