{ "by_name": { "$hero-body-padding": { "name": "$hero-body-padding", "value": "3rem 1.5rem", "type": "size" }, "$hero-body-padding-small": { "name": "$hero-body-padding-small", "value": "1.5rem", "type": "size" }, "$hero-body-padding-medium": { "name": "$hero-body-padding-medium", "value": "9rem 1.5rem", "type": "size" }, "$hero-body-padding-large": { "name": "$hero-body-padding-large", "value": "18rem 1.5rem", "type": "size" }, "$hero-colors": { "name": "$hero-colors", "value": "$colors", "type": "variable", "computed_type": "function", "computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)" } }, "list": [ "$hero-body-padding", "$hero-body-padding-small", "$hero-body-padding-medium", "$hero-body-padding-large", "$hero-colors" ], "file_path": "layout/hero.sass" }