Permalink
Browse files

Updated Examples

Examples now come from North generator
  • Loading branch information...
1 parent 7d520f2 commit 41e542f31f3f58c4b0c7d87d68771b5618e6eb22 @Snugug Snugug committed May 5, 2014
Showing with 314 additions and 207 deletions.
  1. +13 −0 examples/.editorconfig
  2. +4 −0 examples/.gitignore
  3. +75 −0 examples/.jshintrc
  4. +8 −5 examples/Gemfile
  5. +40 −12 examples/Gemfile.lock
  6. +19 −0 examples/bower.json
  7. +8 −11 examples/config.rb
  8. +0 −89 examples/css/style.css
  9. 0 examples/{css/enhancements/feature.css → fonts/.gitkeep}
  10. 0 examples/{css/fallbacks/feature.css → images/.gitkeep}
  11. 0 examples/{sass/enhancements/feature.scss → js/.gitkeep}
  12. 0 examples/sass/{fallbacks/feature.scss → .gitkeep}
  13. 0 examples/sass/{partials/global/functions/_function-partial.scss → enhancements/.gitkeep}
  14. 0 examples/sass/{partials/global/mixins/_mixin-partial.scss → fallbacks/.gitkeep}
  15. 0 examples/sass/partials/.gitkeep
  16. 0 examples/sass/partials/components/.gitkeep
  17. +26 −9 examples/sass/partials/components/_message.scss
  18. +5 −6 examples/sass/partials/components/message/_extends.scss
  19. +16 −19 examples/sass/partials/components/message/_mixins.scss
  20. +1 −1 examples/sass/partials/components/message/_variables.scss
  21. +0 −1 examples/sass/partials/global/_extends.scss
  22. +0 −1 examples/sass/partials/global/_functions.scss
  23. +0 −1 examples/sass/partials/global/_mixins.scss
  24. +0 −2 examples/sass/partials/global/_variables.scss
  25. 0 examples/sass/partials/global/extends/.gitkeep
  26. +0 −22 examples/sass/partials/global/extends/_typography.scss
  27. 0 examples/sass/partials/global/functions/.gitkeep
  28. 0 examples/sass/partials/global/mixins/.gitkeep
  29. 0 examples/sass/partials/global/variables/.gitkeep
  30. +0 −3 examples/sass/partials/global/variables/_colors.scss
  31. +0 −1 examples/sass/partials/global/variables/_padding.scss
  32. 0 examples/sass/partials/layouts/.gitkeep
  33. +39 −0 examples/sass/partials/layouts/_article.scss
  34. +20 −0 examples/sass/partials/layouts/article/_extends.scss
  35. +3 −0 examples/sass/partials/layouts/article/_mixins.scss
  36. +7 −0 examples/sass/partials/layouts/article/_variables.scss
  37. +30 −24 examples/sass/style.scss
View
@@ -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
View
@@ -0,0 +1,4 @@
+.sass-cache
+bower_components/
+node_modules/
+vendor/
View
@@ -0,0 +1,75 @@
+{
+ // From https://github.com/airbnb/javascript/blob/b65dd90ea56898a124985dabe06a895eb78dab35/linters/jshintrc
+ /*
+ * ENVIRONMENTS
+ * =================
+ */
+
+ // Define globals exposed by modern browsers.
+ "browser": true,
+
+ // Define globals exposed by jQuery.
+ // "jquery": true,
+
+ // Defines globals that are usually used for logging poor-man's debugging: `console`, `alert`, etc…
+ // "devel": true,
+
+ /*
+ * ENFORCING OPTIONS
+ * =================
+ */
+
+ // Force all variable names to use either camelCase style or UPPER_CASE
+ // with underscores.
+ "camelcase": true,
+
+ // Prohibit use of == and != in favor of === and !==.
+ "eqeqeq": true,
+
+ // Suppress warnings about == null comparisons.
+ "eqnull": true,
+
+ // Enforce tab width of 2 spaces.
+ "indent": 2,
+
+ // Prohibit use of a variable before it is defined.
+ "latedef": true,
+
+ // Require capitalized names for constructor functions.
+ "newcap": true,
+
+ // Enforce use of single quotation marks for strings.
+ "quotmark": "single",
+
+ // Prohibit trailing whitespace.
+ "trailing": true,
+
+ // Prohibit use of explicitly undeclared variables.
+ "undef": true,
+
+ // Warn when variables are defined but never used.
+ "unused": true,
+
+ // Enforce line length to 80 characters
+ "maxlen": 80,
+
+ // Enforce placing 'use strict' at the top function scope
+ "strict": true,
+
+ /*
+ * NORTH ADDITIONS
+ * =================
+ */
+
+ // Enforce curly braces around blocks in loops and conditionals
+ "curly": true,
+
+ // Prohibits the use of immediate function invocations without wrapping them in parentheses
+ "immed": true,
+
+ // Prohibits `argument.caller` and `argument.callee`
+ "noarg": true,
+
+ // Requires all `for in` loops to filter object's items
+ "forin": true
+}
View
@@ -1,6 +1,9 @@
-source 'https://rubygems.org'
+source 'http://rubygems.org'
-
-gem 'sass', '~>3.3.0.rc.1'
-gem 'compass', '~>0.13.alpha.10'
-gem 'ffi', '~>1.9.3'
+gem 'sass', '~>3.3.0'
+gem 'breakpoint', '~>2.4.0'
+gem 'singularitygs', '~>1.2.0'
+gem 'toolkit', '~>2.0.0'
+gem 'modular-scale', '~> 2.0.4'
+gem 'color-schemer', '~> 0.2.8'
+gem 'compass', '~>1.0.0.alpha.17'
View
@@ -1,30 +1,58 @@
GEM
- remote: https://rubygems.org/
+ remote: http://rubygems.org/
specs:
- chunky_png (1.2.9)
- compass (0.13.alpha.10)
+ breakpoint (2.4.2)
+ sass (~> 3.3.0)
+ sassy-maps (< 1.0.0)
+ chunky_png (1.3.1)
+ color-schemer (0.2.8)
+ compass-blend-modes (~> 0.0.2)
+ compass (1.0.0.alpha.19)
chunky_png (~> 1.2)
+ compass-core (~> 1.0.0.alpha.19)
+ compass-import-once (~> 1.0.3)
json
listen (~> 1.1.0)
- sass (~> 3.3.0.rc.1)
+ sass (>= 3.3.0, < 3.5)
+ compass-blend-modes (0.0.2)
+ compass
+ compass-core (1.0.0.alpha.19)
+ multi_json (~> 1.0)
+ sass (>= 3.3.0, < 3.5)
+ compass-import-once (1.0.4)
+ sass (>= 3.2, < 3.5)
ffi (1.9.3)
json (1.8.1)
listen (1.1.6)
rb-fsevent (>= 0.9.3)
rb-inotify (>= 0.9)
rb-kqueue (>= 0.2)
- rb-fsevent (0.9.3)
- rb-inotify (0.9.2)
+ modular-scale (2.0.5)
+ compass (>= 0.12.0)
+ multi_json (1.9.3)
+ rb-fsevent (0.9.4)
+ rb-inotify (0.9.4)
ffi (>= 0.5.0)
- rb-kqueue (0.2.0)
+ rb-kqueue (0.2.2)
ffi (>= 0.5.0)
- sass (3.3.0.rc.1)
- listen (~> 1.1.0)
+ sass (3.3.7)
+ sassy-maps (0.3.2)
+ compass (~> 1.0.0.alpha.13)
+ sass (~> 3.3.0.rc.2)
+ singularitygs (1.2.1)
+ breakpoint (~> 2.4)
+ sass (~> 3.3.0)
+ toolkit (2.0.1)
+ sass (~> 3.3.0)
PLATFORMS
ruby
DEPENDENCIES
- compass (~> 0.13.alpha.10)
- ffi (~> 1.9.3)
- sass (~> 3.3.0.rc.1)
+ breakpoint (~> 2.4.0)
+ color-schemer (~> 0.2.8)
+ compass (~> 1.0.0.alpha.17)
+ modular-scale (~> 2.0.4)
+ sass (~> 3.3.0)
+ singularitygs (~> 1.2.0)
+ toolkit (~> 2.0.0)
View
@@ -0,0 +1,19 @@
+{
+ "name": "examples",
+ "version": "0.0.0",
+ "ignore": [
+ "**/.*",
+ "node_modules",
+ "bower_components",
+ "test",
+ "tests"
+ ],
+ "dependencies": {
+ "eq.js": "~1.4.1",
+ "borealis": "~1.0.1"
+ },
+ "devDependencies": {
+ "north": "~0.2.0"
+ }
+}
+
View
@@ -1,9 +1,13 @@
# Require any additional compass plugins here.
-
-add_import_path "../north"
+require 'compass/import-once/activate'
+require 'breakpoint'
+require 'singularitygs'
+require 'toolkit'
+require 'modular-scale'
+require 'color-schemer'
# Set this to the root of your project when deployed:
-http_path = "/"
+http_path = "./"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
@@ -17,11 +21,4 @@
relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
-line_comments = false
-
-
-# If you prefer the indented syntax, you might want to regenerate this
-# project again passing --syntax sass, or you can uncomment this:
-# preferred_syntax = :sass
-# and then run:
-# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
+line_comments = false
View
@@ -1,89 +0,0 @@
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font: inherit;
- font-size: 100%;
- vertical-align: baseline;
-}
-
-html {
- line-height: 1;
-}
-
-ol, ul {
- list-style: none;
-}
-
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-caption, th, td {
- text-align: left;
- font-weight: normal;
- vertical-align: middle;
-}
-
-q, blockquote {
- quotes: none;
-}
-q:before, q:after, blockquote:before, blockquote:after {
- content: "";
- content: none;
-}
-
-a img {
- border: none;
-}
-
-article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
- display: block;
-}
-
-.message--STATUS, .message--WARNING, .message--ERROR {
- /* Capability css3-boxsizing is prefixed with -moz because firefox "17" is required. */
- /* Creating new -moz context. */
- -moz-box-sizing: border-box;
- /* Capability css3-boxsizing is not prefixed with -ms because 0% of users are affected which is less than the threshold of 100. */
- /* Capability css3-boxsizing is not prefixed with -o because 0% of users are affected which is less than the threshold of 100. */
- /* Capability css3-boxsizing is prefixed with -webkit because android "2.3" is required. */
- /* Creating new -webkit context. */
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0.25em 0.5em;
- width: 80%;
- margin: 0 auto;
- border: 2px solid;
-}
-
-.message--STATUS {
- border-color: green;
- background: #3f9f3f;
- color: #006000;
-}
-
-.message--WARNING {
- border-color: yellow;
- background: #ffff3f;
- color: #bfbf00;
-}
-
-.message--ERROR {
- border-color: red;
- background: #ff3f3f;
- color: #bf0000;
-}
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
No changes.
No changes.
@@ -4,41 +4,58 @@
// The partial and folder structure for this component should be as follows:
// _message.scss
// message (folder)
-// _variables.scss
-// _mixins.scss
// _extends.scss
+// _mixins.scss
+// _variables.scss
//
+// Automatic Sass parsing is done through special comment blocks
+// - Start styling block for base component: @{component}
+// - End styling block for base component: {component}@
+//
+// - Start styling block for specific component aspect: @{component--aspect}
+// - End styling block for specific component aspect: {component--aspect}@
//////////////////////////////
@import "message/variables";
@import "message/mixins";
@import "message/extends";
//////////////////////////////
-// @{message--STATUS}
+// @{message}
+// Styling for Message Component
+.message {
+
+}
+// {message}@
+//////////////////////////////
+
+
+//////////////////////////////
+// @{message--status}
// Status styling for Message Component
.message--STATUS {
@extend %message--STATUS;
}
-// {message--STATUS}@
+// {message--status}@
//////////////////////////////
//////////////////////////////
-// @{message--WARNING}
+// @{message--warning}
// Warning styling for Message Component
.message--WARNING {
@extend %message--WARNING;
}
-// {message--WARNING}@
+// {message--warning}@
//////////////////////////////
//////////////////////////////
-// @{message--ERROR}
+// @{message--error}
// Error styling for Message Component
.message--ERROR {
@extend %message--ERROR;
}
-// {message--ERROR}@
-//////////////////////////////
+// {message--error}@
+//////////////////////////////
+
Oops, something went wrong.

0 comments on commit 41e542f

Please sign in to comment.