ad_particles 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5cdbe3166a09b14edfba2261cb445360f7b48d13
+  data.tar.gz: f602add7e91140fe2f4c41d8d52871fd5b893ad0
+SHA512:
+  metadata.gz: 4ec1c795771face361bcd684d3c7a3c5b74d78865b0daa23a70565c00ebfff7210713857e0588489f2fc626cd369970d1b078c811045bee67bfb3025e3690916
+  data.tar.gz: f56b48eec4073fa3d69006a8001723da975b316a6cd7257fa593a347ed75d132086beb5c511b04096cf4742f7148cfb69f627bc8f26d51fbf02580668aa245b8

data/.gitignore

@@ -0,0 +1,25 @@
+.DS_Store
+
+*~
+\#*
+.\#*
+
+.idea
+.sass-cache
+## VIM
+*.swp
+tags
+
+rdoc
+pkg
+*.log
+
+## PROJECT::SPECIFIC
+tmp
+.bundle
+doc
+Gemfile.lock
+Gemfile.local
+
+## Ruby versioniser
+.ruby-version

data/.npmignore

@@ -0,0 +1,11 @@
+.gitignore
+.sass-cache
+.scss-lint.yml
+bin/
+atomic_particles.gemspec
+Gemfile
+Gemfile.lock
+lib/
+pkg/
+Rakefile
+spec/

data/.scss-lint.yml

@@ -0,0 +1,243 @@
+scss_files: "**/*.scss"
+
+severity: warning
+
+linters:
+  BangFormat:
+    enabled: true
+    space_before_bang: true
+    space_after_bang: false
+
+  BemDepth:
+    enabled: false
+
+  BorderZero:
+    enabled: true
+    convention: zero
+
+  ChainedClasses:
+    enabled: false
+
+  ColorKeyword:
+    enabled: true
+
+  ColorVariable:
+    enabled: false
+
+  Comment:
+    enabled: true
+    style: silent
+
+  DebugStatement:
+    enabled: true
+
+  DeclarationOrder:
+    enabled: true
+
+  DisableLinterReason:
+    enabled: false
+
+  DuplicateProperty:
+    enabled: true
+
+  ElsePlacement:
+    enabled: true
+    style: same_line
+
+  EmptyLineBetweenBlocks:
+    enabled: true
+    ignore_single_line_blocks: true
+
+  EmptyRule:
+    enabled: true
+
+  ExtendDirective:
+    enabled: false
+
+  FinalNewline:
+    enabled: true
+    present: true
+
+  HexLength:
+    enabled: true
+    style: short
+
+  HexNotation:
+    enabled: true
+    style: lowercase
+
+  HexValidation:
+    enabled: true
+
+  IdSelector:
+    enabled: true
+
+  ImportantRule:
+    enabled: true
+
+  ImportPath:
+    enabled: true
+    leading_underscore: false
+    filename_extension: false
+
+  Indentation:
+    enabled: true
+    allow_non_nested_indentation: false
+    character: space
+    width: 2
+
+  LeadingZero:
+    enabled: true
+    style: include_zero
+
+  MergeableSelector:
+    enabled: true
+    force_nesting: true
+
+  NameFormat:
+    enabled: false
+    allow_leading_underscore: true
+    convention: hyphenated_lowercase
+
+  NestingDepth:
+    enabled: true
+    max_depth: 3
+    ignore_parent_selectors: false
+
+  PlaceholderInExtend:
+    enabled: true
+
+  PrivateNamingConvention:
+    enabled: false
+    prefix: _
+
+  PropertyCount:
+    enabled: false
+
+  PropertySortOrder:
+    enabled: true
+    ignore_unspecified: false
+    min_properties: 2
+    separate_groups: false
+
+  PropertySpelling:
+    enabled: true
+    extra_properties: []
+    disabled_properties: []
+
+  PropertyUnits:
+    enabled: true
+    global: [
+      'ch', 'em', 'ex', 'rem',
+      'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q',
+      'vh', 'vw', 'vmin', 'vmax',
+      'deg', 'grad', 'rad', 'turn',
+      'ms', 's',
+      'Hz', 'kHz',
+      'dpi', 'dpcm', 'dppx',
+      '%']
+    properties:
+      line-height: []
+
+  PseudoElement:
+    enabled: false
+
+  QualifyingElement:
+    enabled: true
+    allow_element_with_attribute: false
+    allow_element_with_class: false
+    allow_element_with_id: false
+
+  SelectorDepth:
+    enabled: true
+    max_depth: 2
+
+  SelectorFormat:
+    enabled: true
+    convention: hyphenated_BEM
+
+  Shorthand:
+    enabled: true
+    allowed_shorthands: [1, 2, 3]
+
+  SingleLinePerProperty:
+    enabled: true
+    allow_single_line_rule_sets: true
+
+  SingleLinePerSelector:
+    enabled: true
+
+  SpaceAfterComma:
+    enabled: true
+    style: one_space
+
+  SpaceAfterPropertyColon:
+    enabled: true
+    style: one_space
+
+  SpaceAfterPropertyName:
+    enabled: true
+
+  SpaceAfterVariableColon:
+    enabled: true
+    style: at_least_one_space
+
+  SpaceAfterVariableName:
+    enabled: true
+
+  SpaceAroundOperator:
+    enabled: true
+    style: one_space
+
+  SpaceBeforeBrace:
+    enabled: true
+    style: space
+    allow_single_line_padding: true
+
+  SpaceBetweenParens:
+    enabled: true
+    spaces: 0
+
+  StringQuotes:
+    enabled: true
+    style: double_quotes
+
+  TrailingSemicolon:
+    enabled: true
+
+  TrailingWhitespace:
+    enabled: true
+
+  TrailingZero:
+    enabled: true
+
+  TransitionAll:
+    enabled: true
+
+  UnnecessaryMantissa:
+    enabled: true
+
+  UnnecessaryParentReference:
+    enabled: true
+
+  UrlFormat:
+    enabled: true
+
+  UrlQuotes:
+    enabled: true
+
+  VariableForProperty:
+    enabled: false
+    properties: []
+
+  VendorPrefix:
+    enabled: false
+    identifier_list: base
+    additional_identifiers: []
+    excluded_identifiers: []
+
+  ZeroUnit:
+    enabled: true
+
+  Compass::*:
+    enabled: false

data/Gemfile

@@ -0,0 +1,3 @@
+source "https://rubygems.org"
+
+gemspec

data/README.md

@@ -0,0 +1,7 @@
+# Atomic Design : Particles
+
+This is SASS Module that defines a base set of variables that can used as a
+standard in component styling & consistent theming. Particles, although not
+originally discussed by Atomic Design creator Brad Frost, are the abstract &
+configuration structures that shape the Atomic design structure from the ground
+up.

data/Rakefile

@@ -0,0 +1,15 @@
+
+require "bundler"
+require "rspec/core/rake_task"
+require "scss_lint/rake_task"
+
+SCSSLint::RakeTask.new(:scss_lint) do |t|
+  t.config = ".scss-lint.yml"
+  t.files = [
+    "atomic/particles"
+  ]
+end
+Bundler::GemHelper.install_tasks
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => [:spec, :scss_lint]

data/ad_particles.gemspec

@@ -0,0 +1,30 @@
+$:.push File.expand_path("../lib", __FILE__)
+require "ad_particles/version"
+
+Gem::Specification.new do |s|
+  s.add_development_dependency "css_parser", '~> 1.4', '>= 1.4.1'
+  s.add_development_dependency "rake", "~> 11.1", ">= 11.1.2"
+  s.add_development_dependency "rspec", "~> 3.4", '>= 3.4.0'
+  s.add_development_dependency "scss_lint", "0.48.0"
+  s.add_runtime_dependency "sass", "~> 3.4", ">= 3.4.22"
+  s.add_runtime_dependency "thor", "~> 0.19.1"
+  s.authors = [ "Erik Isaksen" ]
+  s.description = <<-DESC
+    ad_particles is SASS Module that defines a base set of variables that can used as a
+    standard in component styling & consistent theming. Particles, although not
+    originally discussed by Atomic Design creator Brad Frost, are the abstract &
+    configuration structures that shape the Atomic design structure from the ground
+    up.
+  DESC
+  s.email = "nevraeka@gmail.com"
+  s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.files = `git ls-files`.split("\n")
+  s.homepage = "https://github.com/thewebplatform/ad-particles"
+  s.license = "MIT"
+  s.name = "ad_particles"
+  s.platform = Gem::Platform::RUBY
+  s.require_paths = ["lib"]
+  s.summary = "A SASS Module that defines a base set of variables"
+  s.test_files = `git ls-files -- {spec}/*`.split("\n")
+  s.version = AtomicDesignParticles::VERSION
+end

data/atomic/_particles.scss

@@ -0,0 +1,3 @@
+@import "particles/props";
+@import "particles/modifiers";
+@import "particles/mixins";

data/atomic/particles/_mixins.scss

@@ -0,0 +1,7 @@
+@import "mixins/box";
+@import "mixins/color";
+@import "mixins/form";
+@import "mixins/helper";
+@import "mixins/layout";
+@import "mixins/rwd";
+@import "mixins/type";

data/atomic/particles/_modifiers.scss

@@ -0,0 +1 @@
+@import "modifiers/rwd";

data/atomic/particles/_props.scss

@@ -0,0 +1,7 @@
+@import "props/config";
+@import "props/box";
+@import "props/color";
+@import "props/image";
+@import "props/motion";
+@import "props/rwd";
+@import "props/type";

data/atomic/particles/mixins/_box.scss

@@ -0,0 +1,21 @@
+@import "../props/color";
+@import "../props/box";
+
+@mixin box-border-rounded($radius: $box-border_radius) {
+  border-radius: $radius;
+}
+
+@mixin box-border($color: $color-gray--light, $radius: 0) {
+  border: 1px solid $color;
+  @if($radius != 0){
+    @include box-border-rounded($radius);
+  }
+}
+
+@mixin box-border--primary {
+  @include box-border($color-brand--primary);
+}
+
+@mixin box-border--secondary {
+  @include box-border($color-brand--secondary);
+}

data/atomic/particles/mixins/_color.scss

@@ -0,0 +1,9 @@
+@import "../props/color";
+
+@mixin color-gray--fade {
+  background: $color-gray;
+  background-image: -o-linear-gradient(top, $color-black--alpha 0%, $color-gray--alpha_dark 90%, $color-gray--alpha_light 100%);
+  background-image: -moz-linear-gradient(top, $color-black--alpha 0%, $color-gray--alpha_dark 90%, $color-gray--alpha_light 100%);
+  background-image: -webkit-linear-gradient(top, $color-black--alpha 0%, $color-gray--alpha_dark 90%, $color-gray--alpha_light 100%);
+  background-image: linear-gradient(top, $color-black--alpha 0%, $color-gray--alpha_dark 90%, $color-gray--alpha_light 100%);
+}

data/atomic/particles/mixins/_form.scss

@@ -0,0 +1,45 @@
+
+@import "../props/color";
+@import "../props/type";
+@import "../props/box";
+@import "type";
+
+@mixin placeholder($color: $color_gray--light) {
+
+  &::-webkit-input-placeholder {
+    color: $color;
+    opacity: 0.54;
+  }
+
+  &:-moz-placeholder {
+    color: $color;
+  }
+
+  &::-moz-placeholder {
+    color: $color;
+  }
+
+  &:-ms-input-placeholder {
+    color: $color;
+  }
+
+}
+
+@mixin form-focus_outline($color: $color-brand--primary) {
+
+  &:focus {
+    outline-color: $color;
+    outline-width: 1px;
+  }
+
+}
+
+@mixin form-textbox($color: $color-brand--primary) {
+  display: inline-block;
+  @include type-baseline;
+  color: $color;
+  line-height: $type-leading;
+  padding: $box-spacing--thinner;
+  @include box-border($color);
+  @include form-focus_outline($color);
+}