crossbar 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 85fbc52375d6f6379b7db7abb388a3c61fdb12a5
+  data.tar.gz: ea5ce06d56385f4755822bcffe94141a77afa3bf
+SHA512:
+  metadata.gz: ade4c3e0faf4d7d511533da66018299dc1de27805d02c5730e6873bfef5467d3a290ff7baf812d13146892948963e41ce1ec8537cbed7d2e64ccce92d8ca1cbc
+  data.tar.gz: 67ce9fd4a31810ad4629c7ff496ea7a34fbf3ad6cbf112cda15af393f9f48c4dd5fa00ec2c8fd3b865a8433e49e0c0c822fc2aa62e3fbc1da3be1e54f42ab4cc

data/.editorconfig

@@ -0,0 +1,13 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

data/.gitignore

@@ -0,0 +1,16 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+.sass-cache
+bower.json

data/.scss-lint.yml

@@ -0,0 +1,166 @@
+linters:
+
+  BangFormat:
+    enabled: true
+    space_before_bang: true
+    space_after_bang: false
+
+  BorderZero:
+    enabled: true
+
+  ColorKeyword:
+    enabled: false
+
+  Comment:
+    enabled: false
+
+  DebugStatement:
+    enabled: true
+
+  DeclarationOrder:
+    enabled: true
+
+  DuplicateProperty:
+    enabled: false
+
+  ElsePlacement:
+    enabled: true
+    style: same_line
+
+  EmptyLineBetweenBlocks:
+    enabled: true
+    ignore_single_line_blocks: false
+
+  EmptyRule:
+    enabled: true
+
+  FinalNewline:
+    enabled: true
+    present: true
+
+  HexLength:
+    enabled: true
+    style: short
+
+  HexNotation:
+    enabled: true
+    style: lowercase
+
+  HexValidation:
+    enabled: true
+
+  IdSelector:
+    enabled: true
+
+  ImportPath:
+    enabled: true
+    leading_underscore: false
+    filename_extension: false
+
+  Indentation:
+    enabled: true
+    character: space
+    width: 2
+
+  LeadingZero:
+    enabled: true
+    style: include_zero
+
+  MergeableSelector:
+    enabled: false
+    force_nesting: false
+
+  NameFormat:
+    enabled: true
+    convention: hyphenated_lowercase
+    allow_leading_underscore: true
+
+  NestingDepth:
+    enabled: true
+    max_depth: 3
+
+  PlaceholderInExtend:
+    enabled: true
+
+  PropertySortOrder:
+    enabled: false
+    ignore_unspecified: false
+
+  PropertySpelling:
+    enabled: true
+    extra_properties: []
+
+  QualifyingElement:
+    enabled: true
+    allow_element_with_attribute: false
+    allow_element_with_class: false
+    allow_element_with_id: false
+
+  SelectorDepth:
+    enabled: true
+    max_depth: 3
+
+  SelectorFormat:
+    enabled: true
+    convention: hyphenated_lowercase
+    class_convention: '^(?:u|is|has)\-[a-z][a-zA-Z0-9]*$|^(?!u|is|has)[a-zA-Z][a-zA-Z0-9]*(?:\-[a-z][a-zA-Z0-9]*)?(?:\-\-[a-z][a-zA-Z0-9]*)?$'
+
+  Shorthand:
+    enabled: true
+
+  SingleLinePerProperty:
+    enabled: true
+    allow_single_line_rule_sets: false
+
+  SingleLinePerSelector:
+    enabled: true
+
+  SpaceAfterComma:
+    enabled: true
+
+  SpaceAfterPropertyColon:
+    enabled: true
+    style: one_space
+
+  SpaceAfterPropertyName:
+    enabled: true
+
+  SpaceBeforeBrace:
+    enabled: true
+    style: space
+    allow_single_line_padding: true
+
+  SpaceBetweenParens:
+    enabled: true
+    spaces: 0
+
+  StringQuotes:
+    enabled: true
+    style: single_quotes
+
+  TrailingSemicolon:
+    enabled: true
+
+  TrailingZero:
+    enabled: true
+
+  UnnecessaryMantissa:
+    enabled: true
+
+  UnnecessaryParentReference:
+    enabled: true
+
+  UrlFormat:
+    enabled: false
+
+  UrlQuotes:
+    enabled: true
+
+  VendorPrefixes:
+    enabled: true
+    identifier_list: base
+    include: []
+    exclude: []
+
+  ZeroUnit:
+    enabled: true

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in crossbar.gemspec
+gemspec

data/LICENSE.md

@@ -0,0 +1,22 @@
+Copyright (c) 2015 makabde
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,96 @@
+# Crossbar
+
+Crossbar scaffolds, in your project, a [Sass](http://sass-lang.com/) project structure inspired by SMACSS principles.  
+- Doc (coming soon)  
+- [Changelog](https://github.com/makabde/crossbar/releases)  
+- [Issues](https://github.com/makabde/crossbar/issues)  
+
+## Rationale
+After reading the book [SMACSS](https://smacss.com/) and finding it very enlightening, I decided to compile this gem; using the lessons learned from the book. Crossbar serves my basic need when starting a project but your are free to using it. And I *encourage* you to adapt it to fit your needs.  
+Crossbar will scaffold your a stylesheet structure with a basic set of sass variables and styles for base elements.
+
+## Using Crossbar
+### Foreword
+Crossbar is made to work with a CSS reset; not to replace one. [Normalize](http://necolas.github.io/normalize.css/) is my reset of choice; so this is the first thing that gets called in `base/_all.scss`, with the following `@import 'vendor/reset';`. Remove this line if you decide to use a different Reset or manage your vendor dependencies differently.
+
+### Sass structure
+#### 1. Base
+The base directory contains a set of styles that will help anyone start a project with a minimal amount of styling. Base elements are styled directly at the element selector level. It doesn't and shouldn't contain any class or ID selectors. Exemple of base Sass elements include:  
+- Reset
+- Vendor CSS
+- Base font sizing
+- Default font family.  
+- Heading sizing.
+
+#### 2. Layout
+The layout directory contains styles that are large containers of a page. This directory can include Sass files such as:
+- Responsive Grid  
+- Page specific layout (footer, header, section, etc.)
+
+#### 3. Modules
+The modules directory will, probably, contain the bulk of your Sass files. A page may contains multiple modules; and every module should be completely independent of its context. These modules may include, and are not limited to the the followings:  
+- Content block
+- Primary action button  
+- Secondary action button
+
+#### 4. States
+The states directory may contain Sass files that will augment and override all other styles.  
+For example, a fieldset may be hidden until the user enables it. In this case we can use toggle between the `is-hidden` or the `is-shown` states.
+```
+.is {
+  &-hidden {
+    display: none;
+  }
+
+  &-visible {
+    display: block;
+  }
+}
+```
+
+### Order of imports
+- Reset
+- Vendor dependencies
+- Base styles
+- Layout styles
+- Modules styles
+- States styles
+
+## Requirements
+- Sass 3.3+
+- Ruby 1.9.3+
+
+## Installation
+1. Install the Crossbar gem using [RubyGems](https://rubygems.org/) package manager:
+  ```bash
+  $ gem install crossbar
+  ```
+  *if you use [rbenv](https://github.com/sstephenson/rbenv), make sure to run `rbenv rehash` without errors.*
+
+2. Install Crossbar into the *current* directory:
+  ```bash
+  $ crossbar install
+  ```
+  Alternatively, you can install Crossbar into a *specific* directory:
+  ```bash
+  $ crossbar install --path path/to/your/stylesheet/directory
+  ```
+  This install Crossbar, with all the necessary files, to the directory specified after the `--path` option.
+
+3. Add Crossbar to your project by calling the following from your main Sass files
+  ```sass
+  @import 'base/all';
+  @import 'layout/all';
+  @import 'module/all';
+  @import 'state/all';
+  ```
+
+## License
+Crossbar is free software, and may be redistributed under the terms specified in the [license](https://github.com/makabde/crossbar/blob/master/LICENSE.md).
+
+## Contributing
+1. Fork it ( https://github.com/makabde/crossbar/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,8 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec
+task :install => :spec
+task :release => :spec

data/app/assets/stylesheets/base/_all.scss

@@ -0,0 +1,24 @@
+// Vendor
+@import 'base/vendor/normalize.css';
+
+// Functions
+@import 'functions/colors';
+@import 'functions/list-attributes';
+
+// Variables
+@import 'variables/colors';
+@import 'variables/fonts';
+@import 'variables/inputs';
+@import 'variables/variables';
+
+// Mixins
+
+// Extends
+
+// Base
+@import 'button';
+@import 'form';
+@import 'image';
+@import 'list';
+@import 'table';
+@import 'typography';

data/app/assets/stylesheets/base/_button.scss

@@ -0,0 +1,50 @@
+button,
+#{$b-form-button-inputs} {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  border: $b-button-border;
+  border-radius: $b-button-border-radius;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: $b-button-font-family;
+  font-size: $b-button-font-size;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  padding: $b-button-padding;
+  text-decoration: none;
+  transition: background-color 125ms ease-out;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}
+
+button,
+input[type='submit'] {
+  background-color: $button-pri-background-color;
+  color: $button-pri-color;
+  font-weight: $button-pri-font-weight;
+
+  &:focus,
+  &:hover {
+    background-color: $button-pri-background-color-hover;
+  }
+}
+
+input[type='button'],
+input[type='reset'] {
+  background-color: $button-sec-background-color;
+  color: $button-sec-color;
+  font-weight: $button-sec-font-weight;
+
+  &:focus,
+  &:hover {
+    background-color: $button-sec-background-color-hover;
+  }
+}

data/app/assets/stylesheets/base/_form.scss

@@ -0,0 +1,99 @@
+// Form elements
+
+::-webkit-input-placeholder { /* WebKit browsers */
+  color: $b-form-text-input-placeholder-color;
+}
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+  color: $b-form-text-input-placeholder-color;
+  opacity: 1;
+}
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+  color: $b-form-text-input-placeholder-color;
+  opacity: 1;
+}
+:-ms-input-placeholder { /* Internet Explorer 10+ */
+  color: $b-form-text-input-placeholder-color;
+}
+
+fieldset {
+  background-color: $b-form-fieldset-background-color;
+  border: $b-form-fieldset-border;
+  margin: $b-form-fieldset-margin;
+  padding: $b-form-fieldset-padding;
+}
+
+input,
+label,
+select {
+  display: block;
+  font-family: $b-form-font-family;
+  font-size: $b-form-font-size;
+}
+
+label {
+  color: $b-form-label-color;
+  font-weight: $b-form-label-font-weight;
+  line-height: 1;
+  margin: $b-form-label-margin;
+
+  &.required:after {
+    content: '*';
+  }
+
+  abbr {
+    display: none;
+  }
+}
+
+#{$b-form-text-inputs},
+#{$b-form-text-inputs-html5},
+select[multiple=multiple],
+textarea {
+  background-color: $b-form-text-input-background-color;
+  border: 1px solid $b-form-text-input-border-color;
+  border-radius: $b-form-text-input-border-radius;
+  box-shadow: $b-form-text-input-box-shadow;
+  box-sizing: border-box;
+  color: $b-form-text-input-color;
+  font-family: $b-form-font-family;
+  font-size: $b-form-font-size;
+  margin: $b-form-text-input-margin;
+  padding: $b-form-text-input-padding;
+  transition: border-color 125ms ease-out;
+  width: 100%;
+
+  &:hover {
+    border-color: $b-form-text-input-border-color-hover;
+  }
+
+  &:focus {
+    border-color: $b-form-text-input-border-color-focus;
+    outline: none;
+  }
+}
+
+input[type='search'] {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+  display: inline;
+  margin: $b-form-choice-input-margin;
+}
+
+input[type='file'] {
+  padding: $b-form-file-input-padding;
+  width: 100%;
+}
+
+select {
+  margin: $b-form-select-margin;
+  max-width: 100%;
+  width: auto;
+}
+
+textarea {
+  resize: vertical;
+}