Skip to content

Instantly share code, notes, and snippets.

@kimcoleman
Created April 15, 2019 15:25
Show Gist options
  • Save kimcoleman/1aec7e6ed17d4c83e4b5f009034df511 to your computer and use it in GitHub Desktop.
Save kimcoleman/1aec7e6ed17d4c83e4b5f009034df511 to your computer and use it in GitHub Desktop.
Starter move to use Sass for Memberlite in place of header <style> tag.
/* Named colors are accessed from theme mods and selectors from "memberlite_defaults" global */
$bgcolor_site_navigation_elements {
background: $bgcolor_site_navigation;
}
$color_site_navigation_elements {
color: $color_site_navigation;
}
$color_link_color_elements {
color: $color_link;
}
$color_meta_link_color_elements {
color: $color_meta_link;
}
$color_primary_background_elements {
background: $color_primary;
}
$color_primary_color_elements {
color: $color_primary;
}
$color_secondary_background_elements {
background: $color_secondary;
}
$color_secondary_border_elements {
border-top-color: $color_secondary;
}
$color_secondary_border_elements {
border-bottom-color: $color_secondary;
}
$color_secondary_border_left_elements {
border-left-color: $color_secondary;
}
$color_secondary_border_right_elements {
border-right-color: $color_secondary;
}
$color_secondary_color_elements {
color: $color_secondary;
}
$color_action_background_elements {
background: $color_action;
}
$color_action_color_elements {
color: $color_action;
}
/* Hover colors are calculated based on .7 opacity on the named color */
$color_primary_background_hover_elements {
background: $color_primary_hover;
}
$color_primary_color_hover_elements {
color: $color_primary_hover;
}
$color_secondary_background_hover_elements {
background: $color_secondary_hover;
}
$color_action_background_hover_elements {
background: $color_action_hover;
}
$color_link_hover_elements {
color: $color_link_hover;
}
$color_site_navigation_hover_elements {
color: $color_site_navigation_hover;
}
/* Only adds this if header_textcolor mod is not 'blank' */
.site-title a,
.site-header .site-description {
color: $header_textcolor;
}
/* Body background color */
body,
.banner_body {
background-color: $background_color;
}
/* Primary Body Fonts */
body,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn,
a.comment-reply-link,
a.pmpro_btn,
input[type="submit"].pmpro_btn,
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
form.pmpro_form thead th span.pmpro_thead-msg {
font-family: $body_font, sans-serif;
}
/* Header and Accent Fonts */
h1,
h2,
h3,
h4,
h5,
h6,
label,
.navigation,
th,
.pmpro_checkout thead th,
#pmpro_account .pmpro_box h3,
#meta-member .user,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer,
#bbpress-forums fieldset.bbp-form legend {
font-family: $header_font, sans-serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment