scss_beautifier 0.1.11 → 0.1.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1e7f71a42a3682afc9468bcd8cc534d7f1bd1cba
-  data.tar.gz: a3de8a7285a55690dc8110212d03aa838395ac50
+  metadata.gz: 4cacdeb9773edcced21114f451a09f6fdf1ab2f8
+  data.tar.gz: cc990881332e43b2baec78ea1720307580b7c548
 SHA512:
-  metadata.gz: 1eb860c7d62d3eeb9de1a71e7457b8e1c1e848d2f9f0833db7f3308f5eb5154b20e33b67279a9f8f445cca1cfd38c0b53c99fa63d9fb57f59e38257ebdd76911
-  data.tar.gz: acab67c03858e5ba77e3448892a090c01a9848992fdd17c2aef8015c258b63386f4dc0030abb8beaf0096fe5f8f092f87c8b54f612f4c375be9a93e6e0e3e697
+  metadata.gz: bf0ff93b2fb26f9cd1fbd514365a95f5adba47d491184575b453c433db315e01abb4d1c59774a55275b9b2611bf7eb8826a461c5131dcf7a90124a8f5f5f0cfc
+  data.tar.gz: 51742b30410e53e91c09d0893b78fe9958cb6146f6e8f74ce4e735dac1eeb2f4baaf101f171d6dd3cc289fd20518899a18afb25c178d758b5038e76f4883fad1

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    scss_beautifier (0.1.11)
+    scss_beautifier (0.1.12)
       sass (~> 3.4)
 
 GEM

data/data/default_config.yml

@@ -4,7 +4,7 @@ formatters:
   border_zero:
     enabled: true
 
-  comment:
+  silent_comment:
     enabled: true
 
   color:
@@ -20,7 +20,8 @@ formatters:
     enabled: true
 
   declaration_order:
-    enabled: false
+    enabled: true
+    sort_order: ["mixindef", "mixin", "prop", "rule", "extend"]
 
   # else_placement:
   #   enabled: true

data/lib/scss_beautifier/cli.rb

@@ -13,7 +13,7 @@ module SCSSBeautifier
       config = Config.new(options[:config] || DEFAULT)
 
       config.formatters.each do |formatter|
-        formatter.visit(tree)
+        formatter.send(:visit, tree)
       end
 
       output = SCSSBeautifier::Convert.visit(tree, {indent: config.tab_style}, :scss)

data/lib/scss_beautifier/config.rb

@@ -12,14 +12,19 @@ module SCSSBeautifier
     end
 
     def formatters
-      enabled_formatters = @config["formatters"].select {|_, formatter| formatter["enabled"] }.keys
-      enabled_formatters.map do |formatter|
-        SCSSBeautifier::Formatters.const_get(formatter.split("_").map(&:capitalize).join)
+      enabled_formatters = []
+      @config["formatters"].each do |formatter, options|
+        if options["enabled"]
+          klass = SCSSBeautifier::Formatters.const_get(formatter.split("_").map(&:capitalize).join)
+          enabled_formatters << klass.new(options)
+        end
       end
+      enabled_formatters
     end
 
     def tab_style
       @config["tab_style"] || "  "
     end
+
   end
-end
+end

data/lib/scss_beautifier/formatters/base.rb

@@ -0,0 +1,12 @@
+class SCSSBeautifier::Formatters::Base < Sass::Tree::Visitors::Base
+
+  attr_accessor :options
+
+  def self.visit(root, options = {})
+    new(options).send(:visit, root)
+  end
+
+  def initialize(options = {})
+    @options = options
+  end
+end

data/lib/scss_beautifier/formatters/border_zero.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::BorderZero < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::BorderZero < SCSSBeautifier::Formatters::Base
   BORDER_PROPERTIES = %w[
     border
     border-top

data/lib/scss_beautifier/formatters/color.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::Color < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::Color < SCSSBeautifier::Formatters::Base
   def visit_prop(node)
     if node.value.respond_to?(:each)
       node.value.each{ |item| format_color(item) }

data/lib/scss_beautifier/formatters/debug.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::Debug < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::Debug < SCSSBeautifier::Formatters::Base
   def visit_rule(node)
     filtered = node.children.reject do |c|
       Sass::Tree::DebugNode === c

data/lib/scss_beautifier/formatters/declaration_order.rb

@@ -1,6 +1,6 @@
-class SCSSBeautifier::Formatters::DeclarationOrder < Sass::Tree::Visitors::Base
-  # TODO: Account for if/else blocks and include blocks
-  NODE_ORDER = ["ExtendNode", "MixinNode", "PropNode", "RuleNode"]
+class SCSSBeautifier::Formatters::DeclarationOrder < SCSSBeautifier::Formatters::Base
+
+  DEFAULT_SORT_ORDER = ["mixindef", "extend", "mixin", "prop", "rule"].freeze
 
   def visit_rule(node)
     order_children(node)
@@ -9,15 +9,34 @@ class SCSSBeautifier::Formatters::DeclarationOrder < Sass::Tree::Visitors::Base
 
   def order_children(node)
     node_hash = Hash.new { |h, k| h[k] = [] }
+    comment_array = []
     node.children.each do |child|
-      hash_key = child.class.to_s.split("::").last
-      node_hash[hash_key] << child
+      hash_key = child.class.node_name.to_s
+      if hash_key == 'comment'
+        comment_array << child
+      else
+        if comment_array.any?
+          node_hash[hash_key] = node_hash[hash_key].concat comment_array
+          comment_array = []
+        end
+        node_hash[hash_key] << child
+      end
+    end
+
+    compiled_array = sort_order.reduce([]) do |memo, key|
+      memo.concat(node_hash[key])
     end
 
-    compiled_array = NODE_ORDER.reduce([]) do |memo, key|
+    (node_hash.keys - sort_order).reduce(compiled_array) do |memo, key|
       memo.concat(node_hash[key])
     end
 
     node.children = compiled_array
   end
+
+  private
+
+  def sort_order
+    @sort_order ||= options["sort_order"] || DEFAULT_SORT_ORDER
+  end
 end

data/lib/scss_beautifier/formatters/empty_rule.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::EmptyRule < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::EmptyRule < SCSSBeautifier::Formatters::Base
   def visit_root(node)
     remove_empty_rule(node)
     yield

data/lib/scss_beautifier/formatters/leading_zero.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::LeadingZero < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::LeadingZero < SCSSBeautifier::Formatters::Base
   # ExcludeZero Only
   def visit_prop(node)
     if Sass::Script::Tree::Literal === node.value && Sass::Script::Value::String === node.value.value

data/lib/scss_beautifier/formatters/name_format.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::NameFormat < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::NameFormat < SCSSBeautifier::Formatters::Base
   def visit_function(node)
     check_name(node)
   end

data/lib/scss_beautifier/formatters/property_sort_order.rb

@@ -1,23 +1,32 @@
-class SCSSBeautifier::Formatters::PropertySortOrder < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::PropertySortOrder < SCSSBeautifier::Formatters::Base
   def visit_rule(node)
     order_children(node)
     visit_children(node)
   end
 
   def order_children(node)
-    prop_node_indices = []
     prop_nodes = []
-    node.children.each_with_index do |child, index|
-      hash_key = child.class.to_s.split("::").last
-      if hash_key == 'PropNode'
-        prop_node_indices << index
-        prop_nodes << child
+    comment_array = []
+    node.children.each do |child|
+      hash_key = child.class.node_name.to_s
+      if hash_key == 'comment'
+        comment_array << child
+      elsif hash_key == 'prop'
+        prop_nodes << comment_array.push(child)
+        comment_array = []
       end
     end
-    prop_nodes.sort! { |x,y| x.name[0] <=> y.name[0] }
+    prop_nodes.sort! { |x,y| x.last.name[0] <=> y.last.name[0] }
     # Replace children being respective of other types of props/funcs/etc
-    prop_nodes.each_with_index do |n, index|
-      node.children[prop_node_indices[index]] = n
+    children = []
+    node.children.each do |child|
+      hash_key = child.class.node_name.to_s
+      if hash_key == 'prop'
+        children.concat(prop_nodes.shift)
+      elsif hash_key != 'comment'
+        children << child
+      end
     end
+    node.children = children
   end
 end

data/lib/scss_beautifier/formatters/pseudo_element.rb

@@ -1,6 +1,6 @@
 PSEUDO_ELEMENTS = File.read(File.realpath(File.join(File.dirname(__FILE__), "..", "..", "..", "data", "pseudo_elements.txt"))).split("\n")
 
-class SCSSBeautifier::Formatters::PseudoElement < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::PseudoElement < SCSSBeautifier::Formatters::Base
   def visit_rule(node)
     check_pseudo(node) if node.rule.join.match(/::?/)
     visit_children(node)

data/lib/scss_beautifier/formatters/qualifying_element.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::QualifyingElement < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::QualifyingElement < SCSSBeautifier::Formatters::Base
   def visit_rule(node)
     check_qualifying_element(node)
     visit_children(node)

data/lib/scss_beautifier/formatters/selector.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::Selector < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::Selector < SCSSBeautifier::Formatters::Base
   def visit_rule(node)
     node.rule = node.rule.each do |rule|
       rule.gsub!(/,/, ",\n") if rule.is_a?(String)

data/lib/scss_beautifier/formatters/shorthand.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::Shorthand < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::Shorthand < SCSSBeautifier::Formatters::Base
   def visit_prop(node)
     property_name = node.name.join
     return unless SHORTHANDABLE_PROPERTIES.include?(property_name)

data/lib/scss_beautifier/formatters/silent_comment.rb

@@ -0,0 +1,18 @@
+class SCSSBeautifier::Formatters::SilentComment < SCSSBeautifier::Formatters::Base
+  def visit_comment(node)
+    format_comment(node) if node.type == :normal
+  end
+
+  private
+
+  def format_comment(node)
+    # Remove /* from the beginning
+    node.value.first.gsub!(/^\/\*/, "//")
+    # Remove */ from the end
+    node.value.last.gsub!(/\*\/$/, "")
+    node.value.each do |item|
+      item.gsub!(/\n/, "\n//") if String === item
+    end
+  end
+
+end

data/lib/scss_beautifier/formatters/string_quotes.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::StringQuotes < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::StringQuotes < SCSSBeautifier::Formatters::Base
   def visit_prop(node)
     check_quotes(node)
     visit_children(node)

data/lib/scss_beautifier/formatters/trailing_zero.rb

@@ -1,4 +1,4 @@
-class SCSSBeautifier::Formatters::TrailingZero < Sass::Tree::Visitors::Base
+class SCSSBeautifier::Formatters::TrailingZero < SCSSBeautifier::Formatters::Base
   def visit_prop(node)
     check_trailing_zero(node)
     visit_children(node)

data/lib/scss_beautifier/version.rb

@@ -1,3 +1,3 @@
 module SCSSBeautifier
-  VERSION = "0.1.11"
+  VERSION = "0.1.12"
 end

data/lib/scss_beautifier.rb

@@ -1,7 +1,5 @@
 #!/usr/bin/env ruby
 
-$:.unshift "/Users/joenatalzia/Sites/tools/sass/lib"
-
 module SCSSBeautifier
   module Formatters
   end
@@ -17,11 +15,13 @@ require "scss_beautifier/config"
 # Our custom SCSS to SCSS converter
 require "scss_beautifier/convert"
 
+# Our base formatter
+require "scss_beautifier/formatters/base"
+
 # Formatters
-require "scss_beautifier/formatters/bang_format"
 require "scss_beautifier/formatters/border_zero"
 require "scss_beautifier/formatters/color"
-require "scss_beautifier/formatters/comment"
+require "scss_beautifier/formatters/silent_comment"
 require "scss_beautifier/formatters/debug"
 require "scss_beautifier/formatters/declaration_order"
 require "scss_beautifier/formatters/empty_rule"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: scss_beautifier
 version: !ruby/object:Gem::Version
-  version: 0.1.11
+  version: 0.1.12
 platform: ruby
 authors:
 - Ivan Tse
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-08-31 00:00:00.000000000 Z
+date: 2016-09-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -107,10 +107,9 @@ files:
 - lib/scss_beautifier/cli.rb
 - lib/scss_beautifier/config.rb
 - lib/scss_beautifier/convert.rb
-- lib/scss_beautifier/formatters/bang_format.rb
+- lib/scss_beautifier/formatters/base.rb
 - lib/scss_beautifier/formatters/border_zero.rb
 - lib/scss_beautifier/formatters/color.rb
-- lib/scss_beautifier/formatters/comment.rb
 - lib/scss_beautifier/formatters/debug.rb
 - lib/scss_beautifier/formatters/declaration_order.rb
 - lib/scss_beautifier/formatters/empty_rule.rb
@@ -121,34 +120,13 @@ files:
 - lib/scss_beautifier/formatters/qualifying_element.rb
 - lib/scss_beautifier/formatters/selector.rb
 - lib/scss_beautifier/formatters/shorthand.rb
+- lib/scss_beautifier/formatters/silent_comment.rb
 - lib/scss_beautifier/formatters/string_quotes.rb
 - lib/scss_beautifier/formatters/trailing_zero.rb
 - lib/scss_beautifier/options.rb
 - lib/scss_beautifier/version.rb
 - scss_beautifier.gemspec
-- tmp/bang.scss
-- tmp/border0.scss
-- tmp/colorkeyword.scss
-- tmp/colorshort.scss
-- tmp/comments.scss
-- tmp/debug.scss
-- tmp/declarationorder.scss
 - tmp/dump.txt
-- tmp/elseplacement.scss
-- tmp/empty.scss
-- tmp/leadingzero.scss
-- tmp/nameformat.scss
-- tmp/pm.scss
-- tmp/pm2.scss
-- tmp/propertysortorder.scss
-- tmp/pseudoelement.scss
-- tmp/qualifyingelement.scss
-- tmp/selectors.scss
-- tmp/shorthand.scss
-- tmp/string_quotes.scss
-- tmp/test.scss
-- tmp/test2.scss
-- tmp/trailing_zero.scss
 homepage: https://github.com/paperlesspost/scss-beautifier
 licenses:
 - MIT

data/lib/scss_beautifier/formatters/bang_format.rb

@@ -1,21 +0,0 @@
-class SCSSBeautifier::Formatters::BangFormat < Sass::Tree::Visitors::Base
-  # def visit_extend(node)
-  #   format_bang(node)
-  # end
-
-  def visit_prop(node)
-    node.value.each{ |item| format_bang(item) }
-  end
-
-  # def visit_variable(node)
-  #   format_bang(node)
-  # end
-
-  def format_bang(item)
-    if Sass::Script::Tree::Literal === item && Sass::Script::Value::String === item.value
-      if item.value.value.include?("!")
-        item.instance_variable_set(:@value, Sass::Script::Value::String.new(item.value.value.gsub(/\s*!\s*/, ' !')))
-      end
-    end
-  end
-end

data/lib/scss_beautifier/formatters/comment.rb

@@ -1,17 +0,0 @@
-class SCSSBeautifier::Formatters::Comment < Sass::Tree::Visitors::Base
-  def visit_comment(node)
-    # require 'pry'; binding.pry
-    format_comment(node)# if !node.invisible?
-  end
-
-  def format_comment(node)
-    node.value.first.gsub!(/\/\*\s?/, "// ")
-    node.value.last.gsub!(/\*\//, "")
-    # require 'pry'; binding.pry
-    node.value.each do |item|
-      if String === item
-        item.gsub!(/\n\s?/, "\n// ")
-      end
-    end
-  end
-end

data/tmp/bang.scss

@@ -1,3 +0,0 @@
-.bang_format {
-  font-size: 10px  !    important;
-}

data/tmp/border0.scss

@@ -1,3 +0,0 @@
-.border0 {
-  border: 0;
-}

data/tmp/colorkeyword.scss

@@ -1,3 +0,0 @@
-.color {
-  color: rebeccapurple;
-}

data/tmp/colorshort.scss

@@ -1,3 +0,0 @@
-.color {
-  color: #f10;
-}

data/tmp/comments.scss

@@ -1,5 +0,0 @@
-/*This comment will be output to css output*/
-//This is badly formatted
-.comments {
-  font-size: 10px;
-}

data/tmp/debug.scss

@@ -1,4 +0,0 @@
-.debug {
-  @debug 1;
-  font-size: 1px;
-}

data/tmp/declarationorder.scss

@@ -1,31 +0,0 @@
-.declaration-order {
-  color: $brown;
-  font-size: 15px;
-
-  @include breakpoint($fullscreen);
-  @include box-shadow(10px);
-
-  @extend %placeholder;
-
-  .rule {
-    color: $charcoal;
-
-    @extend %placeholder;
-    @extend %placeholder-2;
-
-    .nested-one-more {
-      @include box-shadow(10px);
-
-      color: $brown;
-      font-size: 15px;
-
-      @include breakpoint($fullscreen);
-
-      @extend %placeholder;
-    }
-
-    transition: transform .5s ease;
-  }
-
-  @extend %something;
-}

data/tmp/elseplacement.scss

@@ -1,18 +0,0 @@
-.test-node {
-  @if 1 > 0 {
-    color: red;
-  }
-  @else if 0 < 1 {
-    color: blue;
-  }
-  @else {
-    color: blue;
-
-    @if 1 > 0 {
-      background-color: red;
-    }
-    @else if 0 < 1 {
-      background-color: blue;
-    }
-  }
-}

data/tmp/empty.scss

@@ -1,3 +0,0 @@
-.empty {
-
-}

data/tmp/leadingzero.scss

@@ -1,17 +0,0 @@
-.test {
-  margin: 0.5em;
-  padding: .25em;
-  padding: 1em 2em 0.5em 2em;
-
-  .test2 {
-    margin: 0.5em;
-    padding: .25em;
-    padding: 1em 2em 0.5em 2em;
-  }
-
-  @include breakpoint($full) {
-    margin: 0.5em;
-    padding: .25em;
-    padding: 1em 2em 0.5em 2em;
-  }
-}

data/tmp/nameformat.scss

@@ -1,30 +0,0 @@
-@mixin myMixin1() {
-  color: $black;
-}
-
-@mixin my-mixin2() {
-  color: $black;
-}
-
-$someVar1: 'test';
-$some-var2: 'test';
-
-%placeholderOne1 {
-  color: $black;
-}
-
-%placeholder-one2 {
-  color: $black;
-}
-
-@function testFunc1($c) {
-
-}
-
-@function test-func2($c) {
-
-}
-
-@function test_func3($c) {
-
-}

data/tmp/pm.scss

@@ -1,228 +0,0 @@
-// override styles for typeahead
-ul.private-message-dropdown-menu {
-  border: none;
-  display: none;
-  list-style-position: outside;
-  list-style: none;
-  overflow-y: auto;
-  padding: 0 0 5px 0;
-  position: absolute;
-  width: 100%;
-  z-index: 1000;
-  @include calc( height, '100% - 350px');
-  @include scrollbar($alto, rgba(0, 0, 0, 0));
-
-  li {
-    cursor: pointer;
-    border-bottom: 1px solid $alto;
-    display: list-item;
-    margin: 0;
-    overflow: hidden;
-    padding: 12px;
-
-    a {
-      color: $charcoal;
-      font-size: 16px;
-
-      strong {
-        font-weight: normal;
-      }
-    }
-
-    &.active {
-      background-color: $alabaster;
-
-      a {
-        color: $driftwood;
-        text-decoration: none;
-      }
-    }
-  }
-}
-
-// Private message write a message form
-.write-a-message-form {
-  background: $white;
-  bottom: 20px;
-  position: absolute;
-  @include calc( width, '100% - 40px');
-}
-
-// Private Message pane that holds the conversation (right pane)
-.conversation {
-  padding-bottom: 90px;
-  position: relative;
-
-  // Each message
-  .convo {
-    font-size: 16px;
-    padding: 15px 20px;
-  }
-}
-
-// Private message conversation list (right pane)
-.private_messages {
-  overflow-x: hidden!important;
-  overflow-y: scroll  !important;
-  padding: 30px 0 0 0;
-  @include calc( height, '100% - 192px');
-  @include scrollbar($alto, rgba(0, 0, 0, 0));
-
-  &::-webkit-scrollbar-thumb {
-    border: 0;
-  }
-}
-
-// Private message conversation list div (left pane)
-.conversation-list-wrapper {
-  @include scrollbar($alto, rgba(0, 0, 0, 0));
-}
-
-// The date dividers in Private message conversation
-.divider {
-  text-align: center   !   important;
-
-  .divider-time {
-    background: $white;
-    color: $silver;
-    font-size: 14px;
-    margin: 0 auto;
-    position: relative;
-    width: 150px;
-    z-index: 1;
-  }
-
-  .divider__fade{
-    border: none;
-    height: auto;
-    position: relative;
-
-    &:after{
-      bottom: 7px;
-      content: "";
-      height: 1px;
-      left: 0;
-      position: absolute;
-      right: 0px;
-      @include background-image(linear-gradient(left, transparent -6%, $alto, transparent 110%));
-    }
-  }
-}
-
-// CTA when user is logged out and trying to view PM page
-.blocked-cta {
-  font-size: 1.30em;
-  margin: 20px 0;
-  text-align: center;
-
-  a:active,
-  a:link,
-  a:hover,
-  a:visited {
-    color: $driftwood;
-  }
-}
-
-// Host reciever name is special
-.host .receiver-name {
-  color: $driftwood;
-}
-
-// state of the partner
-.state {
-  font-style: italic;
-  margin-left: 5px;
-  text-transform: capitalize;
-
-  &.state-attending {
-    color: $light_green;
-  }
-
-  &.state-regrets {
-    color: $cornflower;
-  }
-
-  &.state-added,
-  &.state-new,
-  &.state-opened,
-  &.state-registered,
-  &.state-undeliverable {
-    color: $white;
-  }
-}
-
-.pvt-msg__submit {
-  float: right;
-  margin-top: 10px;
-}
-
-// Write a message form that pertains to a particuliar guest (as opposed to New Recipient view)
-.guest-message-form {
-  margin: 0;
-
-  span {
-    display: inline-block;
-    font-size: 16px;
-    position: absolute;
-    vertical-align: top;
-  }
-
-  .search-icon {
-    position: absolute;
-    right: 30px;
-
-    .svg-search {
-      fill: $alto;
-      height: 18px;
-      width: 18px;
-    }
-  }
-
-  textarea {
-    overflow-y: hidden;
-  }
-}
-
-// Search for name input
-.new-recipient {
-  border: 0;
-  border-bottom: 1px solid $alto;
-  font-size: 16px;
-  height: 40px;
-  line-height: 1em;
-  margin-top: 0;
-  padding: 0 0 19px 30px;
-  width: 100%;
-  @include input-placeholder {
-    padding: 0 0 0 1px;
-  }
-}
-
-// override for signup/login modals
-.ui-modal .pane {
-  padding: 0;
-}
-
-@include breakpoint($fullscreen) {
-
-  // Private message write a message form
-  .write-a-message-form {
-    width: 400px;
-  }
-}
-
-.pvt-msg__header-name {
-  border-bottom: solid 4px transparent;
-  color: $charcoal;
-  display: block;
-  font-size: 13px;
-  letter-spacing: 0.15em;
-  line-height: 1.5em;
-  margin: 25px auto 0;
-  min-height: 38px;
-  padding: 0 7px 18px;
-  position: relative;
-  text-transform: uppercase;
-  width: 70%;
-  word-wrap: break-word;
-}

data/tmp/pm2.scss

@@ -1,235 +0,0 @@
-// override styles for typeahead
-ul.private-message-dropdown-menu {
-  border: none;
-  display: none;
-  list-style-position: outside;
-  list-style: none;
-  overflow-y: auto;
-  padding: 0 0 5px 0;
-  position: absolute;
-  width: 100%;
-  z-index: 1000;
-
-  @include calc(height, "100% - 350px");
-
-  @include scrollbar($alto, rgba(0, 0, 0, 0));
-
-  li {
-    cursor: pointer;
-    border-bottom: 1px solid $alto;
-    display: list-item;
-    margin: 0;
-    overflow: hidden;
-    padding: 12px;
-
-    a {
-      color: $charcoal;
-      font-size: 16px;
-
-      strong {
-        font-weight: normal;
-      }
-    }
-
-    &.active {
-      background-color: $alabaster;
-
-      a {
-        color: $driftwood;
-        text-decoration: none;
-      }
-    }
-  }
-}
-
-// Private message write a message form
-.write-a-message-form {
-  background: $white;
-  bottom: 20px;
-  position: absolute;
-
-  @include calc(width, "100% - 40px");
-}
-
-// Private Message pane that holds the conversation (right pane)
-.conversation {
-  padding-bottom: 90px;
-  position: relative;
-
-  // Each message
-  .convo {
-    font-size: 16px;
-    padding: 15px 20px;
-  }
-}
-
-// Private message conversation list (right pane)
-.private_messages {
-  overflow-x: hidden !important;
-  overflow-y: scroll !important;
-  padding: 30px 0 0 0;
-
-  @include calc(height, "100% - 192px");
-
-  @include scrollbar($alto, rgba(0, 0, 0, 0));
-
-  &::-webkit-scrollbar-thumb {
-    border: none;
-  }
-}
-
-// Private message conversation list div (left pane)
-.conversation-list-wrapper {
-  @include scrollbar($alto, rgba(0, 0, 0, 0));
-}
-
-// The date dividers in Private message conversation
-.divider {
-  text-align: center !important;
-
-  .divider-time {
-    background: $white;
-    color: $silver;
-    font-size: 14px;
-    margin: 0 auto;
-    position: relative;
-    width: 150px;
-    z-index: 1;
-  }
-
-  .divider__fade {
-    border: none;
-    height: auto;
-    position: relative;
-
-    &:after {
-      bottom: 7px;
-      content: "";
-      height: 1px;
-      left: 0;
-      position: absolute;
-      right: 0px;
-
-      @include background-image(linear-gradient(left, transparent -6%, $alto, transparent 110%));
-    }
-  }
-}
-
-// CTA when user is logged out and trying to view PM page
-.blocked-cta {
-  font-size: 1.30em;
-  margin: 20px 0;
-  text-align: center;
-
-  a:active,
-  a:link,
-  a:hover,
-  a:visited {
-    color: $driftwood;
-  }
-}
-
-// Host reciever name is special
-.host .receiver-name {
-  color: $driftwood;
-}
-
-// state of the partner
-.state {
-  font-style: italic;
-  margin-left: 5px;
-  text-transform: capitalize;
-
-  &.state-attending {
-    color: $light_green;
-  }
-
-  &.state-regrets {
-    color: $cornflower;
-  }
-
-  &.state-added,
-  &.state-new,
-  &.state-opened,
-  &.state-registered,
-  &.state-undeliverable {
-    color: $white;
-  }
-}
-
-.pvt-msg__submit {
-  float: right;
-  margin-top: 10px;
-}
-
-// Write a message form that pertains to a particuliar guest (as opposed to New Recipient view)
-.guest-message-form {
-  margin: 0;
-
-  span {
-    display: inline-block;
-    font-size: 16px;
-    position: absolute;
-    vertical-align: top;
-  }
-
-  .search-icon {
-    position: absolute;
-    right: 30px;
-
-    .svg-search {
-      fill: $alto;
-      height: 18px;
-      width: 18px;
-    }
-  }
-
-  textarea {
-    overflow-y: hidden;
-  }
-}
-
-// Search for name input
-.new-recipient {
-  border: none;
-  border-bottom: 1px solid $alto;
-  font-size: 16px;
-  height: 40px;
-  line-height: 1em;
-  margin-top: 0;
-  padding: 0 0 19px 30px;
-  width: 100%;
-
-  @include input-placeholder {
-    padding: 0 0 0 1px;
-  }
-}
-
-// override for signup/login modals
-.ui-modal .pane {
-  padding: 0;
-}
-
-@include breakpoint($fullscreen) {
-  // Private message write a message form
-  .write-a-message-form {
-    width: 400px;
-  }
-}
-
-
-.pvt-msg__header-name {
-  border-bottom: solid 4px transparent;
-  color: $charcoal;
-  display: block;
-  font-size: 13px;
-  letter-spacing: 0.15em;
-  line-height: 1.5em;
-  margin: 25px auto 0;
-  min-height: 38px;
-  padding: 0 7px 18px;
-  position: relative;
-  text-transform: uppercase;
-  width: 70%;
-  word-wrap: break-word;
-}

data/tmp/propertysortorder.scss

@@ -1,19 +0,0 @@
-.rule1 {
-  @extend %placeholder;
-  @extend %placeholder-2;
-
-  color: $black;
-  padding: 10px;
-  display: block;
-  @extend %placeholder2;
-  text-transform: uppercase;;
-  margin: 20px 0;
-
-  .secondary-rule {
-    position: absolute;
-    display: inline-block;
-    padding: 10px 0;
-    @include box-shadow(border-box);
-    color: $black;
-  }
-}

data/tmp/pseudoelement.scss

@@ -1,13 +0,0 @@
-.test {
-  &:before {
-    color: $something;
-  }
-}
-
-.selector::after {
-  color: $somthing;
-
-  &::hover {
-    background-color: $red;
-  }
-}

data/tmp/qualifyingelement.scss

@@ -1,23 +0,0 @@
-div.class {
-  color: $green;
-}
-
-.class {
-  color: $green;
-}
-
-a#id {
-  color: $green;
-}
-
-#id {
-  color: $green;
-}
-
-span[data-id="test"] {
-  color: $green;
-}
-
-[data-id="test"] {
-  color: $green;
-}

data/tmp/selectors.scss

@@ -1,3 +0,0 @@
-.selector1,.selector2,.selector3 {
-  font-size: 10px;
-}

data/tmp/shorthand.scss

@@ -1,16 +0,0 @@
-.test {
-  border-color: $silver transparent transparent transparent;
-  margin: 1px 1px 1px 1px;
-  padding: 1px 5px;
-}
-
-.test2 {
-  padding: 2px 5px 1px;
-  margin: 5px 1px 6px 4px;
-}
-
-.more-test {
-  margin: 10px 2px 4px 2px;
-  padding: 14px;
-  border-color: red green red green;
-}

data/tmp/string_quotes.scss

@@ -1,12 +0,0 @@
-.test {
-  color: $black;
-  content: 'hello';
-  content: "hello";
-  content: "'hello'";
-
-  .nested-child {
-    content: 'hello';
-    content: "hello";
-    content: "'hello'";
-  }
-}

data/tmp/test.scss

@@ -1 +0,0 @@
-.test { color: #f00;}

data/tmp/test2.scss

@@ -1,35 +0,0 @@
-// hmm
-// what  #{$version}
-// lolnoextra
-//
-// bad comment
-.a {
-  .nested {
-    color: #000 !    important;
-  }
-
-  padding: 1px;
-  font-size: 12px !important;
-  border: 0;
-}
-
-.b { border: 0 1px;
-}
-
-.c,.d {
-  border-bottom: 1px solid $alto;
-}
-
-.space {
-  @include box-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
-
-  $my-color: #fff;
-
-  color: rgba(0, 0, 0, 0.1);
-  width: 5+5;content: "hello";
-}
-
-.empty {
-
-}
-// Photos pages svg styles

data/tmp/trailing_zero.scss

@@ -1,15 +0,0 @@
-.test {
-  margin: .500em;
-  margin: .5em;
-  margin: 1.250em;
-  margin: .6000000em;
-  margin: 1.0em;
-
-  .test-2 {
-    margin: ".500em";
-    margin: .5em;
-    margin: "1.250em";
-    margin: .6000000em;
-    margin: "1.0em";
-  }
-}