scss_beautifier 0.1.0

data/tmp/pm2.scss

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

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

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

data/tmp/qualifyingelement.scss

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

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

data/tmp/shorthand.scss

@@ -0,0 +1,15 @@
+.test {
+  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

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

data/tmp/test.scss

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

data/tmp/test2.scss

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

@@ -0,0 +1,15 @@
+.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";
+  }
+}

metadata

@@ -0,0 +1,176 @@
+--- !ruby/object:Gem::Specification
+name: scss_beautifier
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Ivan Tse
+- Joe Natalzia
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-08-29 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Transforms SCSS code to have consistent formatting
+email:
+- ivan.tse1@gmail.com
+- jnatalzia@gmail.com
+executables:
+- scss-beautify
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- data/default_config.yml
+- data/pseudo_elements.txt
+- exe/scss-beautify
+- lib/scss_beautifier.rb
+- 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/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
+- lib/scss_beautifier/formatters/leading_zero.rb
+- lib/scss_beautifier/formatters/name_format.rb
+- lib/scss_beautifier/formatters/property_sort_order.rb
+- lib/scss_beautifier/formatters/pseudo_element.rb
+- lib/scss_beautifier/formatters/qualifying_element.rb
+- lib/scss_beautifier/formatters/selector.rb
+- lib/scss_beautifier/formatters/shorthand.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.mdown
+- 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
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Beautify your SCSS code
+test_files: []