johnsfuller

/* required css vars
 * --site-width (site max-width)
 * --site-gutter (site container padding)
 * --site-spacing-y (site vertical rhythm)
 * --hs-grid-gap-x (horizontal gap between dnd columns)
 */

.dnd-section {
  padding: 4em 0;
}

johnsfuller

<!-- 👇 Scroll down 👇 -->

{# variables #}
{% set my_variable = 'Hello world' %}

  {# get variables from somewhere else #}
  {% import 'path/to/hubl-variables.html' as site_vars %}
  {{ site_vars.my_external_variable }}

johnsfuller

{#  This macro is based off of this sass color function by John W Long 
 #  https://gist.github.com/jlong/f06f5843104ee10006fe
 #  which gets its brightness math from this article:
 #  http://www.nbdtech.com/Blog/archive/2008/04/27/Calculating-the-Perceived-Brightness-of-a-Color.aspx
 #  Thanks to Matt Coley (https://github.com/mattcoley) and the HubSpot Team
 #  for introducing the root filter which makes this macro possible.
 #}

{% macro find_text_color(bg_color) %}
  {%- set rgb_array = bg_color|convert_rgb|split(',') -%}