stop14-themesystem-legacy 2.0.5 → 2.0.6

package/package.json

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

package/scaffolding/default/_00_main_configuration.yml

@@ -222,6 +222,13 @@ ui_select_width: fit-content
 ui_select_min_width: $btn_width
 ui_select_max_width: 100%
 
+#Callouts
+
+callout_shift: 0
+callout_width: 40%
+callout_inset: null
+callout_breakpoint: lrg
+
 
 # Animation
 

package/scaffolding/drupal/_00_main_configuration.yml

@@ -222,6 +222,12 @@ ui_select_width: fit-content
 ui_select_min_width: $btn_width
 ui_select_max_width: 100%
 
+#Callouts
+
+callout_shift: 0
+callout_width: 40%
+callout_inset: null
+callout_breakpoint: lrg
 
 # Animation
 

package/scaffolding/omeka/_00_main_configuration.yml

@@ -161,6 +161,7 @@ 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"
 
+
 # legacy
 border_radius: $ui_border_radius
 mobile_filter_height: rv(5)
@@ -222,6 +223,12 @@ ui_select_width: fit-content
 ui_select_min_width: 200px
 ui_select_max_width: 100%
 
+#Callouts
+
+callout_shift: 0
+callout_width: 40%
+callout_inset: null
+callout_breakpoint: lrg
 
 # Animation
 heartbeat: 0.2s

package/source/sass/a_components/30_typography/callout_blocks/13_mixins/_callout.sass

@@ -50,11 +50,11 @@
 
   @if $direction == 'left'
     float: left
-    padding-right: rv($mobile_edge_padding_factor)
+    padding-right: $paragraph_spacing
 
   @if $direction == 'right'
     float: right
-    padding-left: rv($mobile_edge_padding_factor)
+    padding-left: $paragraph_spacing
 
   +bp($breakpoint)
     position: relative
@@ -67,9 +67,8 @@
       float: left
       text-align: right
 
-      @if $inset == null
-        right: calc(#{$shiftval} + var(--callout-width))
-        margin-right: calc((#{$shiftval} + var(--callout-width)) * -1)
+      @if $inset == null or $inset == "null"
+        padding: 0 $paragraph_spacing $paragraph_spacing 0
       @else
         padding-right: rv($inset)
         right: calc(#{$shiftval} + (var(--callout-width)/2))
@@ -78,9 +77,8 @@
     @if $direction == 'right'
       float: right
 
-      @if $inset == null
-        left: calc(#{$shiftval} + var(--callout-width))
-        margin-left: calc((#{$shiftval} + var(--callout-width)) * -1)
+      @if $inset == null or $inset == "null"
+        padding: 0 0 $paragraph_spacing $paragraph_spacing
       @else
         padding-left: rv($inset)
         left: calc(#{$shiftval} + (var(--callout-width)/2))

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

@@ -38,7 +38,7 @@
   font-size: $btn_fontsize
   font-weight: $normal
   padding: $btn_padding
-  height: $ui_minheight
+  height: $btn_height
   min-width: $btn_minwidth
   border: $btn_border_width solid $btn_border_color
   border-radius: $ui_border_radius

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

@@ -38,6 +38,7 @@ input:focus
 
 input[type='text'],
 input[type='email'],
+input[type='password']
 textarea#edit-message
   @extend %input-text
 

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

@@ -33,8 +33,8 @@
 
   &:before
     content: ''
-    height: $btn_icon_size
-    width: $btn_icon_size
+    height: $size
+    width: $size
     margin-right: $ui_padding
     +background-icon-base($icon_name,'contain',$initial_state,$active_state)
     background-position: center left
@@ -48,13 +48,13 @@
 =background-icon-right($icon_name, $size: $btn_icon_size, $initial_state: 'default', $active_state: 'active')
   display: flex
   align-items: center
-  min-height: $btn_icon_size
+  min-height: $size
   cursor: pointer
 
   &:after
     content: ''
-    height: $btn_icon_size
-    width: $btn_icon_size
+    height: $size
+    width: $size
     margin-left: $ui_padding
     +background-icon-base($icon_name,'contain',$initial_state,$active_state)
     background-position: center right

package/source/sass/a_components/40_ui/ui_element_base_v002/_ui_library_support/_component_superfish_navigation.sass

@@ -62,9 +62,40 @@ ul.sf-menu
         text-decoration: none
         border-bottom: none
 
-    > * .menuparent
-        +background-icon-base('accordion-expand',$btn_icon_size,'reversed')
-        background-position: right center
+    // Superfish uses “menuparent” to indicate that the link has a submenu
+    // It applies to both the list and child anchor tag so li is explicit here
+    // Superfish also uses “.sf-depth-[x]” to indicate nested menu depth
+    // .sf-depth-1 is the top-level.
+
+    // This logic uses a right-facing arrow for all menu items that are not the
+    // top level, which has a downward arrow.
+
+    // @todo Superfish may have collision detection here, with submenus appearing
+    // on the left or right depending on available viewport space. If so,
+    // this logic needs to expand.
+
+    li.menuparent
+        +background-icon-right('accordion-expand',$btn_icon_size)
+
+        &:after
+            transform: rotate(-90deg)
+
+        &.sf-depth-1
+
+            +reversed()
+                +background-icon-right('accordion-expand',$btn_icon_size,'reversed')
+
+            &:after
+                transform: unset
+
+        &:not(.sf-depth-1)
+            &:hover
+                &:after
+                    background-image: url(get_svg_url('icons/accordion-expand-default'))
+                    transform: rotate(-90deg)
+                    animation-name: unset // The animation overrides the transform in this context, so is unset here.
+
+
 
     .sf-depth-1
         li
@@ -72,37 +103,25 @@ ul.sf-menu
             *white-space: normal /* ...unless you support IE7 (let it wrap) */
             -webkit-transition: background $heartbeat
             transition: background $heartbeat
-            background: neutral(10)
+            background-color: neutral(10)
 
             &:hover
-                background: $impact
+                background-color: $impact
 
             a, a:hover
                 color: $black
+
     .sf-depth-2
         &.li
-            background: neutral(50)
+            background-color: neutral(50)
         a
             color: $black
-            +font-size(-1)
+            width: 75%
+            padding-right: 1.5em // conforms with superfish
 
 
 
 /* styling arrows */
-.sf-depth-1 .sf-with-ul:after
-    content: ''
-    background-size: contain
-    background-position: center
-    width: rv(-1)
-    height: rv(-4)
-    position: absolute
-    top: rv(0)
-    margin-left: rv(-1)
-    justify-content: center
-
-
-.sf-depth-2 .sf-with-ul:after
-    content: ''
 
 /* superfish generated arrows */
 .sf-menu li .sf-sub-indicator

package/source/sass/b_profiles/s14_standard_base/_components.sass

@@ -24,7 +24,7 @@
 @import !fluid_type/_index_local_configuration
 @import standardized_text_collection/_index
 @import standardized_lists/_index
-@import callout_blocks/_index
+@import callout_blocks/_index_local_configuration
 
 // 40 UI