stitch 0.0.3 → 0.1.0

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.
Files changed (47) hide show
  1. data/Gemfile.lock +25 -0
  2. data/README.md +14 -58
  3. data/Rakefile +1 -2
  4. data/lib/stitch/version.rb +1 -1
  5. data/stitch.gemspec +3 -0
  6. data/stylesheets/stitch/_patterns.scss +3 -0
  7. data/stylesheets/stitch/_reset.scss +315 -0
  8. data/stylesheets/stitch/_utilities.scss +41 -0
  9. data/stylesheets/stitch/patterns/_animation.scss +2 -0
  10. data/stylesheets/stitch/{helpers → patterns}/_css3.scss +104 -32
  11. data/stylesheets/stitch/patterns/_layout.scss +3 -1
  12. data/stylesheets/stitch/patterns/_text.scss +5 -1
  13. data/stylesheets/stitch/patterns/accessibility/_hide-content.scss +2 -2
  14. data/stylesheets/stitch/patterns/animation/_hardware-acceleration.scss +6 -0
  15. data/stylesheets/stitch/patterns/animation/_timing-functions.scss +60 -0
  16. data/stylesheets/stitch/patterns/forms/_search-fields.scss +1 -1
  17. data/stylesheets/stitch/patterns/images/_image-replace.scss +5 -4
  18. data/stylesheets/stitch/patterns/layout/_center.scss +3 -3
  19. data/stylesheets/stitch/patterns/layout/_clear-floats.scss +12 -18
  20. data/stylesheets/stitch/patterns/layout/_columns.scss +10 -0
  21. data/stylesheets/stitch/patterns/layout/_force-scrollbars.scss +1 -1
  22. data/stylesheets/stitch/patterns/layout/_media.scss +6 -5
  23. data/stylesheets/stitch/patterns/layout/_simple-gradient.scss +11 -0
  24. data/stylesheets/stitch/patterns/legacy/_inline-block.scss +10 -10
  25. data/stylesheets/stitch/patterns/text/.sass-cache/920421d458a84b7a73054dd233bdbe8adead02f9/_rem.scssc +0 -0
  26. data/stylesheets/stitch/patterns/text/_font-stacks.scss +15 -0
  27. data/stylesheets/stitch/patterns/text/_hyphens.scss +7 -0
  28. data/stylesheets/stitch/patterns/text/_justify.scss +4 -0
  29. data/stylesheets/stitch/patterns/text/_rem.scss +3 -0
  30. metadata +34 -25
  31. data/stylesheets/stitch/_helpers.scss +0 -1
  32. data/stylesheets/stitch/reset/_desktop.scss +0 -243
  33. data/templates/project/layouts/desktop/_copy.scss +0 -140
  34. data/templates/project/layouts/desktop/_forms.scss +0 -3
  35. data/templates/project/layouts/desktop/_functions.scss +0 -3
  36. data/templates/project/layouts/desktop/_global.scss +0 -52
  37. data/templates/project/layouts/desktop/_layout.scss +0 -4
  38. data/templates/project/layouts/desktop/_modules.scss +0 -4
  39. data/templates/project/layouts/desktop/master.scss +0 -18
  40. data/templates/project/layouts/mobile/_global.scss +0 -3
  41. data/templates/project/layouts/mobile/master.scss +0 -2
  42. data/templates/project/layouts/print/_global.scss +0 -6
  43. data/templates/project/layouts/print/_layout.scss +0 -0
  44. data/templates/project/layouts/print/master.scss +0 -2
  45. data/templates/project/legacy.scss +0 -4
  46. data/templates/project/manifest.rb +0 -31
  47. data/templates/project/master.scss +0 -8
@@ -1,140 +0,0 @@
1
- /* Define styles for blocks of content scoped within the .copy rather than
2
- making them global. Global styles will be constantly overridden. */
3
- .copy {
4
- @include improve-text-rendering;
5
-
6
- /*
7
- Set the baseline on all elements directly inside a copy block
8
- Inline elements won't take margin anyway
9
- */
10
- & > * {
11
- margin:0 0 $baseline 0;
12
- }
13
-
14
- /* Block Elements
15
- ---------------------------------------- */
16
-
17
- p {
18
-
19
- }
20
-
21
- address {
22
-
23
- }
24
-
25
- /* Lists
26
- ---------------------------------------- */
27
-
28
- ul {
29
-
30
- }
31
-
32
- ol {
33
-
34
- }
35
-
36
- li {
37
- display:list-item;
38
- }
39
-
40
- dl {
41
-
42
- }
43
-
44
- dt {
45
-
46
- }
47
-
48
- dd {
49
-
50
- }
51
-
52
- /* Code Blocks
53
- ---------------------------------------- */
54
-
55
- pre {
56
-
57
- }
58
-
59
- /* Headings
60
- ---------------------------------------- */
61
-
62
- h1,h2,h3,h4,h5,h6 {
63
-
64
- }
65
-
66
- h1 {
67
-
68
- }
69
-
70
- h2 {
71
-
72
- }
73
-
74
- h3 {
75
-
76
- }
77
-
78
- h4 {
79
-
80
- }
81
-
82
- h5 {
83
-
84
- }
85
-
86
- h6 {
87
-
88
- }
89
-
90
- /* Inline Elements
91
- ---------------------------------------- */
92
-
93
- em {
94
- font-style:italic;
95
- }
96
-
97
- strong {
98
- font-weight:bold;
99
- }
100
-
101
- mark {
102
- background:yellow;
103
- }
104
-
105
- ins {
106
- background:green;
107
- }
108
-
109
- del {
110
- background:red;
111
- }
112
-
113
- abbr {
114
-
115
- }
116
-
117
- code {
118
-
119
- }
120
-
121
- kbd {
122
-
123
- }
124
-
125
- /* Links
126
- ---------------------------------------- */
127
-
128
- a {
129
- font-weight:bold;
130
- text-decoration:underline;
131
- }
132
-
133
- a:visited {
134
-
135
- }
136
-
137
- a:hover {
138
-
139
- }
140
- }
@@ -1,3 +0,0 @@
1
- /*
2
- Specific form styles. Global form styles should go in _global.scss
3
- */
@@ -1,3 +0,0 @@
1
- /*
2
- Define all of your sass functions and mixins here
3
- */
@@ -1,52 +0,0 @@
1
- /*
2
- These are global styles with NO SCOPE
3
- */
4
-
5
- /* Basic
6
- ---------------------------------------- */
7
- html {
8
- @include force-scrollbars;
9
- }
10
-
11
- /* Typography
12
- ---------------------------------------- */
13
- $baseline: 21px;
14
- $base-font-size: 16px;
15
-
16
- body,
17
- input,
18
- label,
19
- select,
20
- button,
21
- textarea,
22
- table {
23
- font-size: $base-font-size;
24
- font-family: Georgia;
25
- line-height: $baseline;
26
- color: #000;
27
- }
28
-
29
- /* These ::selection declarations have to be separate.
30
- They cause the browsers to freak out. */
31
- @mixin text-selection {
32
- background: #000;
33
- color: #fff;
34
- text-shadow: none;
35
- }
36
-
37
- ::-moz-selection { @include text-selection }
38
- ::selection { @include text-selection }
39
-
40
- h1,h2,h3,h4,h5,h6 {
41
- @include improve-text-rendering;
42
- }
43
-
44
- /* Forms
45
- ---------------------------------------- */
46
- input:focus {
47
- outline: 0;
48
- }
49
-
50
- input[type="search"] {
51
- @include reset-search-field;
52
- }
@@ -1,4 +0,0 @@
1
- /*
2
- All layout styles should go in here. Seperate your layout styles from your design styles
3
- Common layout styles should be mixins, patterns or modules
4
- */
@@ -1,4 +0,0 @@
1
- /*
2
- Re-usable components. Should be modular and scope styles
3
- Complex modules can go in their own files inside the modules folder
4
- */
@@ -1,18 +0,0 @@
1
- // Compass CSS3 Helpers
2
- @import "compass/css3";
3
-
4
- // Patterns
5
- @import "stitch/patterns";
6
-
7
- // Reset
8
- @import "stitch/reset/desktop";
9
-
10
- // Assets
11
-
12
- // Specific styles
13
- @import "functions";
14
- @import "global";
15
- @import "copy";
16
- @import "layout";
17
- @import "modules";
18
- @import "forms";
@@ -1,3 +0,0 @@
1
- html {
2
- @include fixed-sized-text;
3
- }
@@ -1,2 +0,0 @@
1
- @import "stitch/patterns/mobile";
2
- @import "global";
@@ -1,6 +0,0 @@
1
- body {
2
- // Append links to anchors
3
- @include append-content;
4
- // Make text printer-friendly
5
- @include printable-text;
6
- }
File without changes
@@ -1,2 +0,0 @@
1
- @import "stitch/patterns/print";
2
- @import "global";
@@ -1,4 +0,0 @@
1
- /*
2
- For older browsers that will just get one layout. Import it here.
3
- */
4
- @import "layouts/desktop/master";
@@ -1,31 +0,0 @@
1
- description "Stitch CSS directory template"
2
-
3
- help %Q{
4
- Read the Stitch documentation for more details:
5
- https://github.com/anthonyshort/stitch-css/blob/master/README.md
6
- }
7
-
8
- welcome_message %Q{
9
- The Stitch project directory has been created.
10
-
11
- Usage:
12
- For browsers that support media queries, link to the master.css file in the root. For other browsers, link to the legacy.css file in the root.
13
-
14
- The common layouts (desktop, print and mobile) have been created for you with the common patterns already imported.
15
-
16
- Read the documentation for more information about structuring your CSS.
17
- }
18
-
19
- # Automatically copy over stylesheets
20
- discover :stylesheets
21
-
22
- # Create assets directories
23
- directory 'assets'
24
- directory 'assets/bg'
25
- directory 'assets/borders'
26
- directory 'assets/fonts'
27
- directory 'assets/icons'
28
- directory 'assets/sprites'
29
- directory 'assets/text'
30
-
31
- # Layouts
@@ -1,8 +0,0 @@
1
- // Default Layout
2
- @import "layouts/desktop/master.css" screen and (min-width: 481px);
3
-
4
- // Adjusted default layout for smaller tablet screens
5
- @import "layouts/tablet/master.css" screen and (min-width: 481px) and (max-width: 1024px);
6
-
7
- // Adjusted layout for mobile devices
8
- @import "layouts/mobile/master.css" screen and (max-width: 480px);