smack_down_template 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml ADDED
@@ -0,0 +1,15 @@
1
+ ---
2
+ !binary "U0hBMQ==":
3
+ metadata.gz: !binary |-
4
+ NDQ5YzU3NGQ2MDY4MjA2MjZjZmQwYjc4NzhlMzdmMmU2ZmFkNmI2Mg==
5
+ data.tar.gz: !binary |-
6
+ ZmE4ODAwNDY1MDBlZjM4OTcwNjUwZjFiM2Q5OTQyYmViOWZiYzllOA==
7
+ SHA512:
8
+ metadata.gz: !binary |-
9
+ ZTE1MjM5NWE2Nzk5ZGFkYTFiOGIzMDMyODcxZGNmY2RjYWJiMTVkZGRmZjk1
10
+ NGZlNzY3NWRiN2MwOTExOTAwZWUxNjU0OWMzYmZiOWY1MTVhMzcwMTI3ODMy
11
+ NTQ2MjgzYjc3OGI1ODA1YmU5ZTU3Mzc0OTA5OTkyMmM5N2M3ZGE=
12
+ data.tar.gz: !binary |-
13
+ YzlkZTE1MDhmYzYwZjY2MzNjOTUwNWY3MzU3MjkzYmUzM2U2OWU5ZDY4OWYx
14
+ YmRmYjdlOTNjM2U4N2FlYmU4YzQ5YmJmZWVjOGYyNGI4YmRkNThiZDk5NDQ5
15
+ OTkzYjI4YjVmOWM5ODVmN2M5YzgzNWY2NzdhMzRjMjNmZWU4Y2I=
data/.gitignore ADDED
@@ -0,0 +1,17 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ Gemfile.lock
7
+ InstalledFiles
8
+ _yardoc
9
+ coverage
10
+ doc/
11
+ lib/bundler/man
12
+ pkg
13
+ rdoc
14
+ spec/reports
15
+ test/tmp
16
+ test/version_tmp
17
+ tmp
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in smack_down.gemspec
4
+ gemspec
data/LICENSE.txt ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2013 Dave Woodall
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,29 @@
1
+ # SmackDown
2
+
3
+ TODO: Write a gem description
4
+
5
+ ## Installation
6
+
7
+ Add this line to your application's Gemfile:
8
+
9
+ gem 'smack_down'
10
+
11
+ And then execute:
12
+
13
+ $ bundle
14
+
15
+ Or install it yourself as:
16
+
17
+ $ gem install smack_down
18
+
19
+ ## Usage
20
+
21
+ TODO: Write usage instructions here
22
+
23
+ ## Contributing
24
+
25
+ 1. Fork it
26
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
27
+ 3. Commit your changes (`git commit -am 'Add some feature'`)
28
+ 4. Push to the branch (`git push origin my-new-feature`)
29
+ 5. Create new Pull Request
data/Rakefile ADDED
@@ -0,0 +1 @@
1
+ require "bundler/gem_tasks"
@@ -0,0 +1,13 @@
1
+ * {
2
+ -webkit-font-smoothing: antialiased !important;
3
+ -moz-osx-font-smoothing: grayscale !important;
4
+ }
5
+
6
+ body {
7
+ background: $dkblue;
8
+ color: $text-color;
9
+ font-size: $base-font-size;
10
+ font-family: $base-font-family;
11
+ font-weight: $base-font-weight;
12
+ line-height: $normal-height;
13
+ }
@@ -0,0 +1,48 @@
1
+ /* http://meyerweb.com/eric/tools/css/reset/
2
+ v2.0 | 20110126
3
+ License: none (public domain)
4
+ */
5
+
6
+ html, body, div, span, applet, object, iframe,
7
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8
+ a, abbr, acronym, address, big, cite, code,
9
+ del, dfn, em, img, ins, kbd, q, s, samp,
10
+ small, strike, strong, sub, sup, tt, var,
11
+ b, u, i, center,
12
+ dl, dt, dd, ol, ul, li,
13
+ fieldset, form, label, legend,
14
+ table, caption, tbody, tfoot, thead, tr, th, td,
15
+ article, aside, canvas, details, embed,
16
+ figure, figcaption, footer, header, hgroup,
17
+ menu, nav, output, ruby, section, summary,
18
+ time, mark, audio, video {
19
+ margin: 0;
20
+ padding: 0;
21
+ border: 0;
22
+ font-size: 100%;
23
+ font: inherit;
24
+ vertical-align: baseline;
25
+ }
26
+ /* HTML5 display-role reset for older browsers */
27
+ article, aside, details, figcaption, figure,
28
+ footer, header, hgroup, menu, nav, section {
29
+ display: block;
30
+ }
31
+ body {
32
+ line-height: 1;
33
+ }
34
+ ol, ul {
35
+ list-style: none;
36
+ }
37
+ blockquote, q {
38
+ quotes: none;
39
+ }
40
+ blockquote:before, blockquote:after,
41
+ q:before, q:after {
42
+ content: '';
43
+ content: none;
44
+ }
45
+ table {
46
+ border-collapse: collapse;
47
+ border-spacing: 0;
48
+ }
@@ -0,0 +1,71 @@
1
+ .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: $heading-font-weight; }
2
+
3
+ .h1, .h2 {
4
+ line-height: 1.1;
5
+ color: $white;
6
+ text-shadow: 0px 1px 2px $text-color;
7
+ }
8
+
9
+ .h1 {
10
+ font-family: $heading-font-family;
11
+ }
12
+
13
+ .h2, .h4 {
14
+ font-family: $condensed;
15
+ }
16
+
17
+ .h3, .h4 {
18
+ line-height: 1.3;
19
+ color: $title;
20
+ }
21
+
22
+ .h1 { font-size: 400%; }
23
+ .h2 { font-size: 180%; }
24
+ .h3 { font-size: 160%; }
25
+ .h4 {
26
+ font-size: 150%;
27
+ font-weight: $base-font-bold;
28
+ }
29
+ .h5 { font-size: 130%; }
30
+
31
+ .p {
32
+ font-family: $paragraph-font;
33
+ line-height: $extra-height;
34
+ }
35
+ .a {
36
+ color: $blue;
37
+ text-decoration: none;
38
+ &:hover{
39
+ color: $ltblue;
40
+ }
41
+ }
42
+ .italic { font-style: italic; }
43
+ .block-margins { margin: 0.5em 0; }
44
+ .unordered-list { font-family: $base-font-family;}
45
+ .ordered-list { list-style: decimal; }
46
+
47
+ .typography {
48
+ b, strong { @extend .bold; }
49
+
50
+ h1, .h1 { @extend .h1; }
51
+ h2, .h2 { @extend .h2; }
52
+ h3, .h3 { @extend .h3; margin: 0.5em 0 0.2em; }
53
+ h4, .h4 { @extend .h4; margin: 0.5em 0 0.2em; }
54
+ h5, .h5 { @extend .h5; margin: 0.5em 0 0.2em; }
55
+ h6, .h6 { @extend .h6; margin: 0.5em 0 0.2em; }
56
+ p, .p { @extend .p; margin: 0.5em 0 0.2em; }
57
+ a, .a { @extend .a; margin: 0.5em 0 0.2em; }
58
+
59
+ p, ul, ol, pre { @extend .block-margins; }
60
+
61
+ ul { @extend .unordered-list; }
62
+ ol { @extend .ordered-list; }
63
+
64
+ pre, code { @extend .fixed; }
65
+ blockquote {
66
+ font-family: courier;
67
+ padding-left: 1em;
68
+ border-left: 2px solid $dkgrey;
69
+ color: $dkgrey;
70
+ }
71
+ }
@@ -0,0 +1,16 @@
1
+ .l-container {
2
+ background: $container;
3
+ }
4
+
5
+ .l-header {
6
+ @include media($bp-tablet) {
7
+ margin-top: -15em;
8
+ }
9
+ }
10
+
11
+ .l-header,
12
+ .l-body,
13
+ .l-footer {
14
+ padding: 0 1em;
15
+ @include outer-container;
16
+ }
@@ -0,0 +1,9 @@
1
+ .m-breadcrumb {
2
+ padding: 1em 0 0.5em;
3
+ i {
4
+ margin: 0 1em;
5
+ &:first-child {
6
+ margin: 0;
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,6 @@
1
+ a.nav-home-button{
2
+ @include shift(8);
3
+ margin-top: 0;
4
+ margin-bottom: 0;
5
+ color: white;
6
+ }
@@ -0,0 +1,27 @@
1
+ .m-footer{
2
+ @include row;
3
+ color: $white;
4
+ a {
5
+ color: $ltblue;
6
+ text-decoration: none;
7
+ &:hover{
8
+ text-decoration: underline;
9
+ }
10
+ }
11
+ }
12
+
13
+ .footer-copy p{
14
+ font-family: $base-font-family;
15
+ }
16
+
17
+ .footer-column {
18
+ @include media($bp-tablet) {
19
+ @include span-columns(3);
20
+ }
21
+ }
22
+
23
+ .footer-fat-column {
24
+ @include media($bp-tablet) {
25
+ @include span-columns(6);
26
+ }
27
+ }
@@ -0,0 +1,6 @@
1
+ input, textarea {
2
+ width: 100%;
3
+ border: none;
4
+ padding: $normal-padding;
5
+ font-size: $base-font-size;
6
+ }
@@ -0,0 +1,17 @@
1
+ .m-header {
2
+ @include media($bp-tablet) {
3
+ padding: 3em 0;
4
+ }
5
+ }
6
+
7
+ .header-shade{
8
+ background: rgba(0, 0, 0, 0.5);
9
+ width: 100%;
10
+ height: 40%;
11
+ position: absolute;
12
+ z-index: -1;
13
+ }
14
+
15
+ .header-sub-title h2 {
16
+ font-weight: $base-font-bold;
17
+ }
@@ -0,0 +1,14 @@
1
+ .hero-image {
2
+ height: 17em;
3
+ overflow: hidden;
4
+ img {
5
+ width: 100%;
6
+ z-index: -30;
7
+ position: relative;
8
+ }
9
+ }
10
+
11
+ .m-image--signature {
12
+ @include shift(6);
13
+ img { width: 50%; }
14
+ }
File without changes
@@ -0,0 +1,71 @@
1
+ .m-posts{
2
+ @include row($direction: RTL);
3
+ }
4
+
5
+ .post-tags {
6
+ @include media($bp-tablet) {
7
+ @include span-columns(3);
8
+ }
9
+ }
10
+
11
+ .post-articles {
12
+ @include media($bp-tablet) {
13
+ @include span-columns(9);
14
+ }
15
+ }
16
+
17
+ .ph-body{
18
+ @include text-overrides;
19
+ }
20
+
21
+ .pa-archve {
22
+ @include row;
23
+ background: $white;
24
+ box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
25
+ margin-top: 1em;
26
+ margin-bottom: 1em;
27
+ }
28
+
29
+ .pa-image {
30
+ img { width: 100%; }
31
+ @include media($bp-tablet) {
32
+ @include span-columns(3);
33
+ }
34
+ }
35
+
36
+ .pa-copy {
37
+ @include row;
38
+ @include media($bp-tablet) {
39
+ @include span-columns(8);
40
+ }
41
+ @include media($bp-desktop) {
42
+ padding-top: $normal-padding;
43
+ }
44
+ }
45
+
46
+ .pa-tag {
47
+ float: left;
48
+ border-right: 1px solid $ltblue;
49
+ h3 {
50
+ color: $ltblue;
51
+ font-weight: $base-font-bold;
52
+ }
53
+ padding-left: $normal-padding;
54
+ padding-right: $normal-padding;
55
+ margin-right: $normal-padding;
56
+ }
57
+
58
+ .pa-body {
59
+ padding-left: $normal-padding;
60
+ color: black !important;
61
+ }
62
+
63
+ .pa-gist {
64
+ padding-left: $normal-padding;
65
+ }
66
+
67
+ .new-post {
68
+ h1 {
69
+ color: $title;
70
+ }
71
+ }
@@ -0,0 +1,9 @@
1
+ .m-hero-wrapper {
2
+ background: $white;
3
+ padding: 2em;
4
+ margin-top: 1em;
5
+ margin-bottom: 1em;
6
+ border-radius: 3;
7
+ box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
8
+ }
9
+
@@ -0,0 +1,7 @@
1
+ // Breakpoints
2
+ // Mobile First - mobile styling up top.
3
+
4
+ $bp-mobile: 511px; // This is to style vertical tablet
5
+ $bp-tablet: 512px; // This is to style vertical tablet
6
+ $bp-desktop: 1024px; // destop and ipad landscape
7
+ $bp-display: 1536px; // large screen
@@ -0,0 +1,14 @@
1
+ $text-color: #333333;
2
+ $background-color: #0000ff;
3
+
4
+ $white: #fafafa;
5
+ $blue: #49637c;
6
+ $ltblue: #8facee;
7
+ $dkblue: #24313e;
8
+
9
+ $grey: #f0f0f0;
10
+ $dkgrey: #999999;
11
+
12
+ $title: #44647d;
13
+ $container: #f0f0f0;
14
+ $background: #49637c;
@@ -0,0 +1,5 @@
1
+ $extra-height: 1.8;
2
+ $normal-height: 1.4;
3
+
4
+ $normal-padding: 1em;
5
+ $extra-padding: 2em;
@@ -0,0 +1,40 @@
1
+ $base-font-family: "proxima nova", sans-serif;
2
+ $paragraph-font: "proxima nova", sans-serif;
3
+ $condensed: "proxima nova condensed", sans-serif;
4
+
5
+ $base-font-size: 100%;
6
+ $base-font-weight: normal;
7
+ $base-font-bold: 700;
8
+
9
+ $heading-font-family: $base-font-family;
10
+ $heading-font-weight: 900;
11
+
12
+ @mixin text-overrides {
13
+ h1, h2, h3, h4 {
14
+ color: $text-color;
15
+ margin: 0;
16
+ padding: 0;
17
+ font-size: $base-font-size + 80%;
18
+ font-weight: $base-font-bold;
19
+ }
20
+ p{
21
+ margin: 0;
22
+ padding: 0 1em 1em;
23
+ img {
24
+ width: 80%;
25
+ display: block;
26
+ margin: 0 auto;
27
+ }
28
+ }
29
+ i, em {
30
+ font-family: georgia;
31
+ font-style: italic;
32
+ font-size: 0.9em;
33
+ }
34
+ strong {
35
+ font-weight: 900;
36
+ }
37
+ blockquote {
38
+ margin-bottom: 1em;
39
+ }
40
+ }
@@ -0,0 +1,3 @@
1
+ module SmackDown
2
+ VERSION = "0.0.1"
3
+ end
data/lib/smack_down.rb ADDED
@@ -0,0 +1,5 @@
1
+ require "smack_down/version"
2
+
3
+ module SmackDown
4
+ # Your code goes here...
5
+ end
@@ -0,0 +1,5 @@
1
+ .current {
2
+ background: $title;
3
+ a { color: $white }
4
+ padding: 0.2em;
5
+ }
@@ -0,0 +1,23 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'smack_down/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "smack_down_template"
8
+ spec.version = SmackDown::VERSION
9
+ spec.authors = ["Dave Woodall"]
10
+ spec.email = ["dave@hireDave.me"]
11
+ spec.description = %q{a collection of base styling in smacss format}
12
+ spec.summary = %q{Yeah, what I just said.}
13
+ spec.homepage = ""
14
+ spec.license = "MIT"
15
+
16
+ spec.files = `git ls-files`.split($/)
17
+ spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
18
+ spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
+ spec.require_paths = ["lib"]
20
+
21
+ spec.add_development_dependency "bundler", "~> 1.3"
22
+ spec.add_development_dependency "rake"
23
+ end
metadata ADDED
@@ -0,0 +1,98 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: smack_down_template
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Dave Woodall
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2014-01-01 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ~>
18
+ - !ruby/object:Gem::Version
19
+ version: '1.3'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ~>
25
+ - !ruby/object:Gem::Version
26
+ version: '1.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - ! '>='
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - ! '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description: a collection of base styling in smacss format
42
+ email:
43
+ - dave@hireDave.me
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - .gitignore
49
+ - Gemfile
50
+ - LICENSE.txt
51
+ - README.md
52
+ - Rakefile
53
+ - lib/base/_base.scss
54
+ - lib/base/_reset.scss
55
+ - lib/base/_typography.scss
56
+ - lib/layout/_layouts.scss
57
+ - lib/modules/_breadcrumbs.scss
58
+ - lib/modules/_buttons.scss
59
+ - lib/modules/_footers.scss
60
+ - lib/modules/_forms.scss
61
+ - lib/modules/_headers.scss
62
+ - lib/modules/_images.scss
63
+ - lib/modules/_lists.scss
64
+ - lib/modules/_posts.scss
65
+ - lib/modules/_wrappers.scss
66
+ - lib/settings/_breakpoints.scss
67
+ - lib/settings/_colors.scss
68
+ - lib/settings/_spaces.scss
69
+ - lib/settings/_typography.scss
70
+ - lib/smack_down.rb
71
+ - lib/smack_down/version.rb
72
+ - lib/state/_links.scss
73
+ - smack_down.gemspec
74
+ homepage: ''
75
+ licenses:
76
+ - MIT
77
+ metadata: {}
78
+ post_install_message:
79
+ rdoc_options: []
80
+ require_paths:
81
+ - lib
82
+ required_ruby_version: !ruby/object:Gem::Requirement
83
+ requirements:
84
+ - - ! '>='
85
+ - !ruby/object:Gem::Version
86
+ version: '0'
87
+ required_rubygems_version: !ruby/object:Gem::Requirement
88
+ requirements:
89
+ - - ! '>='
90
+ - !ruby/object:Gem::Version
91
+ version: '0'
92
+ requirements: []
93
+ rubyforge_project:
94
+ rubygems_version: 2.2.0
95
+ signing_key:
96
+ specification_version: 4
97
+ summary: Yeah, what I just said.
98
+ test_files: []