stitch 0.0.3 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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);