<commit_before>@import foundation/components/buttons
@import branding
@import mixins
@import typography

// Button class extensions

.neutral-btn
  @include button
  @include border-radius(0.5em)
  font-family: $bodyFont
  background-color: transparent
  border: 2px solid rgba(200, 200, 200, 1)
  color: #999

.neutral-btn:hover, .neutral-btn:active, .neutral-btn:focus 
  background-color: rgba(200, 200, 200, 0.2)
  border: 2px solid rgba(200, 200, 200, 0.8)

.neutral-btn.dark
  border-color: #000
  color: #000

.neutral-btn.dark:hover, .neutral-btn.dark:active, .neutral-btn.dark:focus 
  background-color: rgba(0, 0, 0, 0.1)
  border: 2px solid rgba(0, 0, 0, 0.8)
  text-shadow: 0 1px 0 #fff

.neutral-btn.light
  border-color: #fff
  color: #fff

.neutral-btn.light:hover, .neutral-btn.light:active, .neutral-btn.light:focus 
  background-color: rgba(255, 255, 255, 0.2)
  border: 2px solid rgba(255, 255, 255, 0.8)
  text-shadow: 0 1px 0 $clr-brick

.neutral-btn.turquoise
  border-color: $clr-turquoise
  color: $clr-turquoise

.neutral-btn.turquoise:hover, .neutral-btn.turquoise:active, .neutral-btn.turquoise:focus 
  background-color: rgba(0, 0, 0, 0.1)
  text-shadow: 0 1px 0 #fff

// Rewrite foundation's .primary button style
<commit_msg>WIP button tweaks for new look & feel<commit_after>@import foundation/components/buttons
@import branding
@import mixins
@import typography

// Button class extensions

.neutral-btn
  @include button
  @include border-radius(0.5em)
  font-family: $bodyFont
  background-color: transparent
  border: 2px solid rgba(200, 200, 200, 1)
  color: #999

.neutral-btn:hover, .neutral-btn:active, .neutral-btn:focus 
  background-color: rgba(200, 200, 200, 0.2)
  border: 2px solid rgba(200, 200, 200, 0.8)

.neutral-btn.dark
  border-color: #000
  color: #000

.neutral-btn.dark:hover, .neutral-btn.dark:active, .neutral-btn.dark:focus 
  background-color: rgba(0, 0, 0, 0.1)
  border: 2px solid rgba(0, 0, 0, 0.8)
  text-shadow: 0 1px 0 #fff

.neutral-btn.light
  border-color: #fff
  color: #fff

.neutral-btn.light:hover, .neutral-btn.light:active, .neutral-btn.light:focus 
  background-color: rgba(255, 255, 255, 0.2)
  border: 2px solid rgba(255, 255, 255, 0.8)
  text-shadow: 0 1px 0 rgba(0,0,0,0.2)

.neutral-btn.turquoise
  border-color: $clr-turquoise
  color: $clr-turquoise

.neutral-btn.turquoise:hover, .neutral-btn.turquoise:active, .neutral-btn.turquoise:focus 
  background-color: rgba(0, 0, 0, 0.1)
  // text-shadow: 0 1px 0 #fff

// Rewrite foundation's .primary button style

{'fraction_non_alphanumeric': 0.14280094413847363, 'fraction_numerical': 0.07513768686073957, 'mean_word_length': 3.9378640776699028, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '360005', 'n_tokens_mistral': 1191, 'n_tokens_neox': 954, 'n_words': 240}