@mixin featureTemplates() { $icon_size: 48px; $border: 1px solid $border-color; .esri-feature-templates { background: $background-color--offset; } .esri-feature-templates__list-item-icon { flex: 0; width: $icon_size; min-width: $icon_size; display: flex; align-items: center; justify-content: center; } .esri-feature-templates__list-item-icon > div { // TemplateItem thumbnail uses plain div as wrapper display: flex; } .esri-feature-templates__loader { margin: 0 auto; height: $icon_size; width: 32px; background: url(../base/images/loading-throb.gif) no-repeat center; } .esri-ui .esri-feature-templates { width: $panel_width; } } @if $include_FeatureTemplates == true { @include featureTemplates(); }