source/stylesheets/refills/_expander.scss in refills-0.1.0 vs source/stylesheets/refills/_expander.scss in refills-0.2.0

@@ -1,53 +1,46 @@
-.expander {  
-  ///////////////////////////////////////////////////////////////////////////////////
+.expander {
   $base-font-size: 1em !default;
   $base-line-height: 1.5em !default;
   $base-spacing: 1.5em !default;
-  $base-accent-color: #477DCA !default;
-  $base-link-color: $base-accent-color !default;
+  $action-color: #477DCA !default;
   $dark-gray: #333 !default;
   $light-gray: #DDD !default;
   $base-font-color: $dark-gray !default;
-  
-  p {
-    color: $base-font-color;
-    line-height: $base-line-height;
-  }
-
-  a {
-    color: $base-link-color;
-    text-decoration: none;
-  }
-  //////////////////////////////////////////////////////////////////////////////////
-
   $expander-arrow-width: 0.7em;
   $expander-toggle-size: 1em;
   $expander-toggle-arrow-size: $expander-toggle-size;
   $expander-toggle-margin: 1em;
 
   width: 60%;
 
   .expander-trigger {
-    @include user-select(none);
     border-bottom: 1px solid $light-gray;
+    color: $action-color;
     cursor: pointer;
     display: block;
     font-size: $expander-toggle-size;
     margin-bottom: $expander-toggle-size;
     padding-bottom: $expander-toggle-size / 4;
+    text-decoration: none;
+    user-select: none;
 
-    &:before {
-      font-size: $expander-arrow-width;
+    &::before {
       content: "\25BC";
+      font-size: $expander-arrow-width;
       margin-right: 0.5em;
     }
   }
 
+  .expander-content p {
+    color: $base-font-color;
+    line-height: $base-line-height;
+  }
+
   .expander-hidden {
-    &:before {
-      font-size: $expander-arrow-width;
+    &::before {
       content: "\25BA";
+      font-size: $expander-arrow-width;
     }
   }
 
   .expander-hidden + .expander-content {
     display: none;