Hi @roser I’m having a hard time understanding exactly how I should be updating my answers-variables.scss file on step 3. Can you take a look at the below and let me know what I’m doing wrong? I’m getting errors in the console and can’t seem to figure out what I’m doing wrong due to the weird formatting in the directions here.
// theme specific variables
–hh-answers-background-color: #fff;
–hh-answers-container-width: #{$container-width};
–hh-answers-container-width-filters: 950px;
–hh-color-gray-1: #dcdcdc;
–hh-color-gray-2: #fafafa;
–hh-universal-grid-three-columns-width: --hh-universal-grid-three-columns-width: calc(calc(100% - var(–hh-universal-grid-margin) * 6) / 3);
–hh-universal-grid-two-columns-width: --hh-universal-grid-two-columns-width: calc(calc(100% - var(–hh-universal-grid-margin) * 4) / 2);
–hh-universal-section-title-text-color: var(–yxt-color-text-primary);
–hh-universal-section-title-background: var(–yxt-color-background-highlight);
–hh-universal-section-title-icon: var(–yxt-color-brand-primary);
–hh-view-results-button-hover-color: #B95E04;
–hh-universal-grid-margin: 8px;
$container-width: 1000px;
// common border variables
–yxt-border-default: 1px solid var(–yxt-color-borders);
// spacing variable, used in padding/margins across the site
–yxt-base-spacing: 16px;
// component specific variable overrides
–yxt-autocomplete-text-font-size: 16px;
–yxt-searchbar-button-background-color-base: white;
–yxt-searchbar-button-background-color-hover: white;
–yxt-searchbar-button-background-color-active: white;
–yxt-searchbar-button-text-color-hover: #00a0df;
–yxt-filter-options-options-max-height: none;
}
// breakpoint variables for use in media queries within the theme styling
$breakpoint-mobile-max: 767px;
$breakpoint-mobile-min: 768px;
$breakpoint-mobile-sm-max: 575px;
$breakpoint-mobile-sm-min: 576px;
$breakpoint-collapsed-filters: $container-width + 279px;
$breakpoint-expanded-filters: $container-width + 280px;