<commit_before>//MODULES: styles for reusable page components


.mapTooltip {
	background-color: #f95a61;
  position: fixed;
  font-family: $mainfont;
  padding: 6px;
  font-size: .85em;
  color: #fff;
  letter-spacing: .06rem;
  font-weight: 300;
}

.media-links {
  padding: 0px;
  margin: 1em -.45em 1.5em -.45em;
  li{
    display: inline;
  }
  a{
    display: inline-block;
    font-size: .8em;
    height: 25px;
    width: 25px;
    color: $pink;
    border-radius: 50%;
    margin: 2px;
    padding-top: 6px;
    text-align: center;
    &:hover {
      background: $gold;
      color: #fff;
    }
  }
  &.media-links-rounded{
    a{
      font-size: .8em;
      color: white;
      background-color: $gold;
      &:hover{
        background-color: $black;
        color: $blush;
      }
    }
  }
}

//
// <section id="state-list">
//   <div class="accordion">
//     <% @states.each do |s| %>
//       <section class="hidden">
//         <h2><%= s[0] %></h2>
//         <ul>
//           <% s[1].each do |l| %>
//
//             <li><%= link_to l, location_path(l.parameterize) %></li>
//           <% end %>
//         </ul>
//       </section>
//     <% end %>
//   </div>
// </section>


.accordion {
  margin: 0 0 60px 0px;
  .hidden {
    height: 38px;
  }
  section {
    overflow: hidden;
    transition: height .5s ease-in-out;
    @extend %dashed-border;
  }
  h2 {
    cursor: pointer;
    color: $black;
    padding: 15px 0;
  }
  a{
    text-transform: none;
    letter-spacing: .05rem;
    font-weight: 300;
    color: $pink;
    font-style: italic;
  }
  li {
     padding: 0 0 0 6px;
  }
}
<commit_msg>fixed margin on accordion<commit_after>//MODULES: styles for reusable page components


.mapTooltip {
	background-color: #f95a61;
  position: fixed;
  font-family: $mainfont;
  padding: 6px;
  font-size: .85em;
  color: #fff;
  letter-spacing: .06rem;
  font-weight: 300;
}

.media-links {
  padding: 0px;
  margin: 1em -.45em 1.5em -.45em;
  li{
    display: inline;
  }
  a{
    display: inline-block;
    font-size: .8em;
    height: 25px;
    width: 25px;
    color: $pink;
    border-radius: 50%;
    margin: 2px;
    padding-top: 6px;
    text-align: center;
    &:hover {
      background: $gold;
      color: #fff;
    }
  }
  &.media-links-rounded{
    a{
      font-size: .8em;
      color: white;
      background-color: $gold;
      &:hover{
        background-color: $black;
        color: $blush;
      }
    }
  }
}


.accordion {
  margin: 0 0 60px 0px;
  .hidden {
    height: 38px;
  }
  section {
    overflow: hidden;
    transition: height .5s ease-in-out;
    @extend %dashed-border;
  }
  h2 {
    cursor: pointer;
    color: $black;
    padding: 15px 0 7px 0;
  }
  a{
    text-transform: none;
    letter-spacing: .05rem;
    font-weight: 300;
    color: $pink;
    font-style: italic;
  }
}

{'fraction_non_alphanumeric': 0.1600422089342244, 'fraction_numerical': 0.036581076327822724, 'mean_word_length': 1.9410548086866597, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, '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': '5987084', 'n_tokens_mistral': 1206, 'n_tokens_neox': 1098, 'n_words': 254}