scss_beautifier 0.1.0

data/lib/scss_beautifier/options.rb

@@ -0,0 +1,94 @@
+require "optparse"
+
+module Lintrunner
+  class Options
+
+    attr_reader :options
+
+    def initialize
+      @options = {}
+      @option_parser = OptionParser.new do |opts|
+        add_banner(opts)
+        add_config_option(opts)
+        add_context_option(opts)
+        add_include_path_option(opts)
+        add_reporter_option(opts)
+        add_ignore_option(opts)
+        add_colorize_option(opts)
+      end
+    end
+
+    def parse(args)
+      @option_parser.parse!(args)
+      add_defaults
+      options[:path] = args.first if args.first
+      options
+    end
+
+    private
+
+    def add_defaults
+      options[:config] ||= ".lintrunner_config"
+      options[:context] ||= Dir.pwd
+      options[:include_paths] = Array(options[:include_paths]) << options[:context]
+      options[:include_paths].uniq!
+      options[:reporter] ||= "text"
+      options[:path] = Dir.pwd
+      options[:ignore] ||= []
+    end
+
+    def add_banner(opts)
+      opts.banner = unindent(<<-BANNER)
+        Run multiple linters with various runners
+        Usage: #{opts.program_name} [options] [path]
+      BANNER
+    end
+
+    def add_config_option(opts)
+      message = "the configuration file for lintrunner (default: .lintrunner_config)"
+      opts.on("-c", "--config config", message, String) do |config|
+        self.options[:config] = config
+      end
+    end
+
+    def add_context_option(opts)
+      message = "the path on which lintrunner will execute in (default: current path)"
+      opts.on("-x", "--context path", message, String) do |path|
+        self.options[:context] = Pathname.new(path).realpath.to_s
+      end
+    end
+
+    def add_include_path_option(opts)
+      message = "the paths to add to load paths (the context is in the load path)"
+      opts.on("--include_path path1,...", message, Array) do |paths|
+        self.options[:include_paths] = paths
+      end
+    end
+
+    def add_reporter_option(opts)
+      message = "the reporter that lintrunner uses to report results"
+      opts.on("--reporter reporter", message, String) do |reporter|
+        self.options[:reporter] = reporter
+      end
+    end
+
+    def add_ignore_option(opts)
+      message = "the messages to ignore for this lintrunner execution"
+      opts.on("--ignore messages", message, Array) do |messages|
+        self.options[:ignore] = messages
+      end
+    end
+
+    def add_colorize_option(opts)
+      message = "force colorized setting for output"
+      opts.on("--colorize", "--[no-]colorize", message) do |bool|
+        Rainbow.enabled = bool
+      end
+    end
+
+    def unindent(str)
+      str.gsub(/^#{str.scan(/^[ ]+(?=\S)/).min}/, "")
+    end
+
+  end
+end

data/lib/scss_beautifier/version.rb

@@ -0,0 +1,3 @@
+module SCSSBeautifier
+  VERSION = "0.1.0"
+end

data/scss_beautifier.gemspec

@@ -0,0 +1,28 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'scss_beautifier/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "scss_beautifier"
+  spec.version       = SCSSBeautifier::VERSION
+  spec.authors       = ["Ivan Tse", "Joe Natalzia"]
+  spec.email         = ["ivan.tse1@gmail.com", "jnatalzia@gmail.com"]
+
+  spec.summary       = %q{Beautify your SCSS code}
+  spec.description   = %q{Transforms SCSS code to have consistent formatting}
+  spec.homepage      = "https://github.com/paperlesspost/scss-beautifier"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "sass", "~> 3.4"
+
+  spec.add_development_dependency "bundler", "~> 1.12"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "minitest", "~> 5.0"
+  spec.add_development_dependency "pry"
+end

data/tmp/bang.scss

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

data/tmp/border0.scss

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

data/tmp/colorkeyword.scss

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

data/tmp/colorshort.scss

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

data/tmp/comments.scss

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

data/tmp/debug.scss

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

data/tmp/declarationorder.scss

@@ -0,0 +1,31 @@
+.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/dump.mdown

@@ -0,0 +1,63 @@
+BangFormat
+BorderZero
+Comment
+DebugStatement
+EmptyRule
+ColorKeyword
+HexLength
+HexNotation
+SingleLinePerSelector
+DeclarationOrder
+ElsePlacement
+LeadingZero
+NameFormat ?
+PropertySortOrder # TODO - Respect custom ordering rules
+PseudoElement
+QualifyingElement
+Shorthand
+StringQuotes
+TrailingZero
+
+
+UnnecessaryMantissa
+UnnecessaryParentReference
+UrlFormat
+UrlQuotes
+ZeroUnit
+ImportPath
+PropertySpelling
+SelectorFormat
+PrivateNamingConvention ?
+SpaceAfterComment
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/attribute-quotes.md
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/brace-style.md - interesting (allow single line?)
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/class-name-format.md
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/empty-args.md
+
+whoa never seen these rules
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/force-attribute-nesting.md
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/force-element-nesting.md
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/force-pseudo-nesting.md
+
+Are these the same as NameFormat ?
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/function-name-format.md
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/id-name-format.md
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/mixin-name-format.md
+
+https://github.com/sasstools/sass-lint/blob/master/docs/rules/no-warn.md
+
+
+EmptyLineBetweenBlocks
+SpaceAroundOperator
+Indentation
+FinalNewline
+SingleLinePerProperty
+SpaceAfterComma
+SpaceAfterPropertyColon
+SpaceAfterPropertyName
+SpaceAfterVariableColon
+SpaceAfterVariableName
+SpaceBeforeBrace
+SpaceBetweenParens
+TrailingSemicolon
+TrailingWhitespace

data/tmp/elseplacement.scss

@@ -0,0 +1,18 @@
+.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

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

data/tmp/leadingzero.scss

@@ -0,0 +1,17 @@
+.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

@@ -0,0 +1,30 @@
+@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

@@ -0,0 +1,228 @@
+// 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;
+}