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 +6 -14
- data/lib/assets/stylesheets/compiler.scss +7 -5
- data/lib/assets/stylesheets/{base/reset.css.scss → config/_colours.css.scss} +0 -0
- data/lib/assets/stylesheets/{base/typography.css.scss → config/_mixins.css.scss} +0 -0
- data/lib/assets/stylesheets/globals/spaces.css.scss +132 -0
- data/lib/smacssify/version.rb +1 -1
- metadata +8 -11
- data/lib/assets/stylesheets/base/README.md +0 -1
- data/lib/assets/stylesheets/layout/README.md +0 -1
- data/lib/assets/stylesheets/module/README.md +0 -1
- data/lib/assets/stylesheets/state/README.md +0 -1
checksums.yaml
CHANGED
@@ -1,15 +1,7 @@
|
|
1
1
|
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
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
|
-
//
|
5
|
-
@import '
|
6
|
-
@import '
|
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
|
-
//
|
14
|
+
// Globals
|
15
|
+
@import 'globals/spaces';
|
16
|
+
|
17
|
+
// Modules
|
File without changes
|
File without changes
|
@@ -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
|
+
}
|
data/lib/smacssify/version.rb
CHANGED
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.
|
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-
|
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/
|
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.
|
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.
|