smacssify 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,15 +1,7 @@
1
1
  ---
2
- !binary "U0hBMQ==":
3
- metadata.gz: !binary |-
4
- Zjk0NzgyNmJhMGY4NjhjZjYxMzMxOWY2MjZkMTk1OTEwNDQ2ODZjNg==
5
- data.tar.gz: !binary |-
6
- NDE1N2IzNmM1YThiN2M1NGQxZjM2Y2YxZDRhNTM1YzU2Mzc1YmQxNw==
7
- !binary "U0hBNTEy":
8
- metadata.gz: !binary |-
9
- NDcxZGFjODZjZWE5ZWE0NmY0MTE1ZTEwNzNiOTEyNmUyMWNkZWY0YzEwNjM5
10
- NWQyNWM4OGM1Yzg3Yzk5ODMyODZkZjU2YmVjYzgyNzU2MWQwMGQ3NTY4ZTI0
11
- MGU4ODI0ODk0ZmJhZDMzZWUwODc0MzIyMzFlZWQ2NGQyMTRjMWM=
12
- data.tar.gz: !binary |-
13
- NTkxMjcxN2UwYzVhYjQ5Zjc4ZGM3ODhjYTU5ZjIwNzUxZWI2NjhmZDQxNTBm
14
- NmFjMzhhYzlhNzFkMTFkMDAzYTY3NjkwMDlkNDI0YTljNTYxMGM4ODZjODA3
15
- ZDFjZjUxNmFhZTQyZmU0OTI1ZGI3ZTNiZTJmYmE5YzRkMmYwMzI=
2
+ SHA1:
3
+ metadata.gz: c456db3ae9efd426f90fd916bb1441b6ff28f639
4
+ data.tar.gz: aa4689520218c6d83ec9124b8120b9281e9fd0c3
5
+ SHA512:
6
+ metadata.gz: ef27c43b1416f2bc289dee42d9f0efaf5b426fb6853833770b4a1f547a89fbd6c5afa8fb345bc659b1d6f421b389e9c341de19624483845d06007a9ccb31ab11
7
+ data.tar.gz: 69c7797c85c8c6b3252c39b85c8c5640950b127473d3980376898b69894cadb9dccf76e2a6d101dea580625c267c964657e1e3772b85393b167ba9c52fba068b
@@ -1,15 +1,17 @@
1
1
  // In order to get all the goodness of SASS (mixins, colours, etc) we need
2
2
  // to compile everything here.
3
3
 
4
- // Base
5
- @import 'base/reset';
6
- @import 'base/typography';
4
+ // Config
5
+ @import 'config/colours';
6
+ @import 'config/mixins';
7
7
 
8
8
  // Layout
9
9
  @import 'layout/header';
10
10
  @import 'layout/body';
11
11
  @import 'layout/footer';
12
12
 
13
- // Modules
14
13
 
15
- // States
14
+ // Globals
15
+ @import 'globals/spaces';
16
+
17
+ // Modules
@@ -0,0 +1,132 @@
1
+ // Should be used to modify the default spacing between objects (not between nodes of * the same object)
2
+ // p,m = padding,margin
3
+ // a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
4
+ // x,s,m,l,n = extra-small($x),small($s),medium($m),large($l),none(0px)
5
+ $x: 3px;
6
+ $s: 5px;
7
+ $m: 10px;
8
+ $l: 20px;
9
+
10
+ .ptn, .pvn, .pan {
11
+ padding-top: 0;
12
+ }
13
+ .ptx, .pvx, .pax {
14
+ padding-top: $x;
15
+ }
16
+ .pts, .pvs, .pas {
17
+ padding-top: $s;
18
+ }
19
+ .ptm, .pvm, .pam {
20
+ padding-top: $m;
21
+ }
22
+ .ptl, .pvl, .pal {
23
+ padding-top: $l;
24
+ }
25
+ .prn, .phn, .pan {
26
+ padding-right: 0;
27
+ }
28
+ .prx, .phx, .pax {
29
+ padding-right: $x;
30
+ }
31
+ .prs, .phs, .pas {
32
+ padding-right: $s;
33
+ }
34
+ .prm, .phm, .pam {
35
+ padding-right: $m;
36
+ }
37
+ .prl, .phl, .pal {
38
+ padding-right: $l;
39
+ }
40
+ .pbn, .pvn, .pan {
41
+ padding-bottom: 0;
42
+ }
43
+ .pbx, .pvx, .pax {
44
+ padding-bottom: $x;
45
+ }
46
+ .pbs, .pvs, .pas {
47
+ padding-bottom: $s;
48
+ }
49
+ .pbm, .pvm, .pam {
50
+ padding-bottom: $m;
51
+ }
52
+ .pbl, .pvl, .pal {
53
+ padding-bottom: $l;
54
+ }
55
+ .pln, .phn, .pan {
56
+ padding-left: 0;
57
+ }
58
+ .plx, .phx, .pax {
59
+ padding-left: $x;
60
+ }
61
+ .pls, .phs, .pas {
62
+ padding-left: $s;
63
+ }
64
+ .plm, .phm, .pam {
65
+ padding-left: $m;
66
+ }
67
+ .pll, .phl, .pal {
68
+ padding-left: $l;
69
+ }
70
+ .mtn, .mvn, .man {
71
+ margin-top: 0px;
72
+ }
73
+ .mtx, .mvx, .max {
74
+ margin-top: $x;
75
+ }
76
+ .mts, .mvs, .mas {
77
+ margin-top: $s;
78
+ }
79
+ .mtm, .mvm, .mam {
80
+ margin-top: $m;
81
+ }
82
+ .mtl, .mvl, .mal {
83
+ margin-top: $l;
84
+ }
85
+ .mrn, .mhn, .man {
86
+ margin-right: 0px;
87
+ }
88
+ .mrx, .mhx, .max {
89
+ margin-right: $x;
90
+ }
91
+ .mrs, .mhs, .mas {
92
+ margin-right: $s;
93
+ }
94
+ .mrm, .mhm, .mam {
95
+ margin-right: $m;
96
+ }
97
+ .mrl, .mhl, .mal {
98
+ margin-right: $l;
99
+ }
100
+ .mbn, .mvn, .man {
101
+ margin-bottom: 0px;
102
+ }
103
+ .mbx, .mvx, .max {
104
+ margin-bottom: $x;
105
+ }
106
+ .mbs, .mvs, .mas {
107
+ margin-bottom: $s;
108
+ }
109
+ .mbm, .mvm, .mam {
110
+ margin-bottom: $m;
111
+ }
112
+ .mbl, .mvl, .mal {
113
+ margin-bottom: $l;
114
+ }
115
+ .mln, .mhn, .man {
116
+ margin-left: 0px;
117
+ }
118
+ .mlx, .mhx, .max {
119
+ margin-left: $x;
120
+ }
121
+ .mls, .mhs, .mas {
122
+ margin-left: $s;
123
+ }
124
+ .mlm, .mhm, .mam {
125
+ margin-left: $m;
126
+ }
127
+ .mll, .mhl, .mal {
128
+ margin-left: $l;
129
+ }
130
+ .ma {
131
+ margin: 0 auto;
132
+ }
@@ -1,3 +1,3 @@
1
1
  module Smacssify
2
- VERSION = "0.1.0"
2
+ VERSION = "0.2.0"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: smacssify
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jack Callister
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-04-14 00:00:00.000000000 Z
11
+ date: 2013-07-26 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Directory structure generator for smacss
14
14
  email:
@@ -22,16 +22,13 @@ files:
22
22
  - LICENSE.txt
23
23
  - README.md
24
24
  - Rakefile
25
- - lib/assets/stylesheets/base/README.md
26
- - lib/assets/stylesheets/base/reset.css.scss
27
- - lib/assets/stylesheets/base/typography.css.scss
28
25
  - lib/assets/stylesheets/compiler.scss
29
- - lib/assets/stylesheets/layout/README.md
26
+ - lib/assets/stylesheets/config/_colours.css.scss
27
+ - lib/assets/stylesheets/config/_mixins.css.scss
28
+ - lib/assets/stylesheets/globals/spaces.css.scss
30
29
  - lib/assets/stylesheets/layout/body.css.scss
31
30
  - lib/assets/stylesheets/layout/footer.css.scss
32
31
  - lib/assets/stylesheets/layout/header.css.scss
33
- - lib/assets/stylesheets/module/README.md
34
- - lib/assets/stylesheets/state/README.md
35
32
  - lib/assets/templates/application.css
36
33
  - lib/generators/smacssify/install_generator.rb
37
34
  - lib/smacssify.rb
@@ -47,17 +44,17 @@ require_paths:
47
44
  - lib
48
45
  required_ruby_version: !ruby/object:Gem::Requirement
49
46
  requirements:
50
- - - ! '>='
47
+ - - '>='
51
48
  - !ruby/object:Gem::Version
52
49
  version: '0'
53
50
  required_rubygems_version: !ruby/object:Gem::Requirement
54
51
  requirements:
55
- - - ! '>='
52
+ - - '>='
56
53
  - !ruby/object:Gem::Version
57
54
  version: '0'
58
55
  requirements: []
59
56
  rubyforge_project:
60
- rubygems_version: 2.0.3
57
+ rubygems_version: 2.0.2
61
58
  signing_key:
62
59
  specification_version: 4
63
60
  summary: Keep your sass files neatly organised within your Rails app
@@ -1 +0,0 @@
1
- This is where things like CSS resets, element defaults (e.g. link colors), default font sizes, etc. belong. The category is largely dominated by element selectors. You should always ask yourself "Is this base?" in order to not loose flexibility down the road.
@@ -1 +0,0 @@
1
- This includes all types of layout containers such as header, footer, content, sidebar, etc. The layout elements don't really have any styles of their own, but are simply containers. All selectors in this category should be prefixed with .layout- (e.g. .layout-header, .layout-sidebar).
@@ -1 +0,0 @@
1
- Modules should be things along the likes of: search-box, dialog, navigation, menu, content-box. Submodules are more specific versions of these modules such as: dialog-wide, navigation-tabbed, menu-dropdown. The ideal module is completely independent of its context and should work within any layout container or other module. If a specific context requires changes to a module you rather create a submodule that describes the context, instead changing styles based on the parent (e.g. .content-box-narrow instead of #sidebar .content-box).
@@ -1 +0,0 @@
1
- Modules can have different types of states: class-based states (.is-hidden), pseudo-classes (:hover, :focus), attribute states (data-state=transitioning), or @media query states. These states belong right to the modules but have a separate category because they have their own naming convention and usage rules.