cardinal-rails 3.1.0.00

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 (50) hide show
  1. checksums.yaml +7 -0
  2. data/License.txt +21 -0
  3. data/README.md +39 -0
  4. data/lib/cardinal/rails.rb +8 -0
  5. data/lib/cardinal/rails/version.rb +5 -0
  6. data/vendor/assets/stylesheets/cardinal.less +83 -0
  7. data/vendor/assets/stylesheets/core/base/anchors.less +18 -0
  8. data/vendor/assets/stylesheets/core/base/blockquotes.less +45 -0
  9. data/vendor/assets/stylesheets/core/base/code.less +68 -0
  10. data/vendor/assets/stylesheets/core/base/embedded-content.less +89 -0
  11. data/vendor/assets/stylesheets/core/base/form-elements.less +130 -0
  12. data/vendor/assets/stylesheets/core/base/headings.less +50 -0
  13. data/vendor/assets/stylesheets/core/base/horizontal-rules.less +10 -0
  14. data/vendor/assets/stylesheets/core/base/lists.less +57 -0
  15. data/vendor/assets/stylesheets/core/base/print.less +69 -0
  16. data/vendor/assets/stylesheets/core/base/root.less +90 -0
  17. data/vendor/assets/stylesheets/core/base/selections.less +30 -0
  18. data/vendor/assets/stylesheets/core/base/tables.less +18 -0
  19. data/vendor/assets/stylesheets/core/base/text-elements.less +83 -0
  20. data/vendor/assets/stylesheets/core/debug.less +154 -0
  21. data/vendor/assets/stylesheets/core/mixins/antialiasing.less +8 -0
  22. data/vendor/assets/stylesheets/core/mixins/clearing.less +27 -0
  23. data/vendor/assets/stylesheets/core/mixins/font-face.less +33 -0
  24. data/vendor/assets/stylesheets/core/mixins/media-queries.less +154 -0
  25. data/vendor/assets/stylesheets/core/mixins/momentum-scrolling.less +8 -0
  26. data/vendor/assets/stylesheets/core/mixins/text-truncate.less +9 -0
  27. data/vendor/assets/stylesheets/core/mixins/to-rem.less +76 -0
  28. data/vendor/assets/stylesheets/core/mixins/vertically-centered.less +9 -0
  29. data/vendor/assets/stylesheets/core/normalize.less +427 -0
  30. data/vendor/assets/stylesheets/core/reset.less +140 -0
  31. data/vendor/assets/stylesheets/core/variables.less +436 -0
  32. data/vendor/assets/stylesheets/layout/boxes.less +53 -0
  33. data/vendor/assets/stylesheets/layout/grids.less +614 -0
  34. data/vendor/assets/stylesheets/layout/wrappers.less +30 -0
  35. data/vendor/assets/stylesheets/objects/buttons.less +132 -0
  36. data/vendor/assets/stylesheets/objects/forms.less +61 -0
  37. data/vendor/assets/stylesheets/objects/lists.less +45 -0
  38. data/vendor/assets/stylesheets/objects/tables.less +116 -0
  39. data/vendor/assets/stylesheets/utilities/display.less +355 -0
  40. data/vendor/assets/stylesheets/utilities/floats.less +137 -0
  41. data/vendor/assets/stylesheets/utilities/font-sizes.less +269 -0
  42. data/vendor/assets/stylesheets/utilities/margins.less +1322 -0
  43. data/vendor/assets/stylesheets/utilities/paddings.less +1322 -0
  44. data/vendor/assets/stylesheets/utilities/positions.less +125 -0
  45. data/vendor/assets/stylesheets/utilities/text-alignment.less +127 -0
  46. data/vendor/assets/stylesheets/utilities/vertical-alignment.less +98 -0
  47. data/vendor/assets/stylesheets/utilities/visually-hidden.less +43 -0
  48. data/vendor/assets/stylesheets/utilities/widths.less +1455 -0
  49. data/vendor/assets/stylesheets/utilities/z-index.less +292 -0
  50. metadata +141 -0
data/vendor/assets/stylesheets/core/base/headings.less ADDED
@@ -0,0 +1,50 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Headings ($core-base-headings)
3
+ \* ========================================================================== */
4
+
5
+ /**
6
+ * 1. Use the `text-rendering` property with caution.
7
+ * @link http://cbrac.co/SJt8p1
8
+ */
9
+
10
+ h1,
11
+ h2,
12
+ h3,
13
+ h4,
14
+ h5,
15
+ h6 {
16
+ font-family: @heading-font-family;
17
+ font-weight: @heading-font-weight;
18
+ color: @heading-text-color;
19
+ text-rendering: optimizeLegibility; /* 1 */
20
+ }
21
+
22
+ h1,
23
+ .h1 {
24
+ .to-rem(font-size, @font-size-heading-1);
25
+ }
26
+
27
+ h2,
28
+ .h2 {
29
+ .to-rem(font-size, @font-size-heading-2);
30
+ }
31
+
32
+ h3,
33
+ .h3 {
34
+ .to-rem(font-size, @font-size-heading-3);
35
+ }
36
+
37
+ h4,
38
+ .h4 {
39
+ .to-rem(font-size, @font-size-heading-4);
40
+ }
41
+
42
+ h5,
43
+ .h5 {
44
+ .to-rem(font-size, @font-size-heading-5);
45
+ }
46
+
47
+ h6,
48
+ .h6 {
49
+ .to-rem(font-size, @font-size-heading-6);
50
+ }
data/vendor/assets/stylesheets/core/base/horizontal-rules.less ADDED
@@ -0,0 +1,10 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Horizontal Rules ($core-base-horizontal-rules)
3
+ \* ========================================================================== */
4
+
5
+ hr {
6
+ display: block;
7
+ padding: 0;
8
+ border: 0;
9
+ .to-rem(border-top, @hr-border-width, @hr-border-style @hr-border-color);
10
+ }
data/vendor/assets/stylesheets/core/base/lists.less ADDED
@@ -0,0 +1,57 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Lists ($core-base-lists)
3
+ \* ========================================================================== */
4
+
5
+ /**
6
+ * Set some basic styles for definition lists.
7
+ */
8
+
9
+ dl {
10
+ dt {
11
+ font-weight: @definition-lists-font-weight;
12
+ color: @definition-lists-text-color;
13
+ }
14
+ dd {
15
+ margin: 0;
16
+ }
17
+ }
18
+
19
+ /**
20
+ * Reset the left margin for <ol> and <ul> elements.
21
+ */
22
+
23
+ ol,
24
+ ul {
25
+ li {
26
+ .to-rem(margin-left, @list-item-margin-left);
27
+ }
28
+ }
29
+
30
+ /**
31
+ * Set nested `list-style` types for ordered lists.
32
+ */
33
+
34
+ ol {
35
+ list-style: decimal;
36
+ & & {
37
+ list-style: upper-alpha;
38
+ }
39
+ & & & {
40
+ list-style: lower-roman;
41
+ }
42
+ & & & & {
43
+ list-style: lower-alpha;
44
+ }
45
+ }
46
+
47
+ /**
48
+ * Remove `margin-bottom` on nested lists.
49
+ */
50
+
51
+ ol,
52
+ ul {
53
+ ol,
54
+ ul {
55
+ margin-bottom: 0;
56
+ }
57
+ }
data/vendor/assets/stylesheets/core/base/print.less ADDED
@@ -0,0 +1,69 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Print ($core-base-print)
3
+ \* ========================================================================== */
4
+
5
+ @media print {
6
+ /* 1. Black prints faster - http://cbrac.co/XvusCs */
7
+ * {
8
+ color: @print-text-color !important; /* 1 */
9
+ background: transparent !important;
10
+ box-shadow: none !important;
11
+ text-shadow: none !important;
12
+ }
13
+
14
+ @page {
15
+ margin: 0.5cm;
16
+ }
17
+
18
+ a,
19
+ a:visited {
20
+ text-decoration: underline;
21
+ }
22
+
23
+ a[href]:after {
24
+ content: " (" attr(href) ")";
25
+ }
26
+
27
+ /* Don’t show links for images, or javascript/internal links */
28
+ a[href^="#"]:after,
29
+ a[href^="javascript:"]:after {
30
+ content: "";
31
+ }
32
+
33
+ abbr[title]:after {
34
+ content: " (" attr(title) ")";
35
+ }
36
+
37
+ blockquote,
38
+ pre {
39
+ border: 1px solid @color-gray-dark;
40
+
41
+ page-break-inside: avoid;
42
+ }
43
+
44
+ h2,
45
+ h3,
46
+ p {
47
+ orphans: 3;
48
+ widows: 3;
49
+ }
50
+
51
+ h2,
52
+ h3 {
53
+ page-break-after: avoid;
54
+ }
55
+
56
+ img,
57
+ tr {
58
+ page-break-inside: avoid;
59
+ }
60
+
61
+ img {
62
+ max-width: 100% !important;
63
+ }
64
+
65
+ /* 1. http://cbrac.co/Q6s1o2 */
66
+ thead {
67
+ display: table-header-group; /* 1 */
68
+ }
69
+ }
data/vendor/assets/stylesheets/core/base/root.less ADDED
@@ -0,0 +1,90 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Root ($core-base-root)
3
+ \* ========================================================================== */
4
+
5
+ /**
6
+ * The <html> element.
7
+ *
8
+ * 1. Set the default `font-size` and `line-height` for the project based on
9
+ variables set previously. The `font-size` is represented in `rem`s, and
10
+ the `line-height` is represented as a unitless value.
11
+ * 2. Force a vertical scrollbar.
12
+ * @link http://cbrac.co/163MspB
13
+ * 3. Ensure the <html> element's `height` is at least the viewport height.
14
+ *
15
+ * NOTES:
16
+ *
17
+ * Use `text-rendering` with caution.
18
+ * @link http://cbrac.co/SJt8p1
19
+ *
20
+ * Avoid the webkit anti-aliasing trap.
21
+ * @link http://cbrac.co/TAdhbH
22
+ *
23
+ * IE for Windows Phone 8 ignores `-ms-text-size-adjust` if the viewport <meta>
24
+ * tag is used.
25
+ * @link http://cbrac.co/1cFrAvl
26
+ */
27
+
28
+ html {
29
+ font-family: @font-family-sans-serif;
30
+ .to-rem(font-size, @font-size); /* 1 */
31
+ line-height: @line-height-ratio; /* 1 */
32
+ overflow-y: scroll; /* 2 */
33
+ height: 100%; /* 3 */
34
+ background-color: @root-background-color;
35
+ color: @root-text-color;
36
+ }
37
+
38
+ /**
39
+ * The <body> element.
40
+ *
41
+ * 1. Ensure the <body> element's `min-height` is at least the viewport height.
42
+ */
43
+
44
+ body {
45
+ min-height: 100%; /* [1] */
46
+ }
47
+
48
+ /**
49
+ * Set a consistent margin for common elements to maintain vertical rhythm.
50
+ */
51
+
52
+ blockquote,
53
+ dl,
54
+ figure,
55
+ h1,
56
+ h2,
57
+ h3,
58
+ h4,
59
+ h5,
60
+ h6,
61
+ .h1,
62
+ .h2,
63
+ .h3,
64
+ .h4,
65
+ .h5,
66
+ .h6,
67
+ hr,
68
+ menu,
69
+ ol,
70
+ p,
71
+ pre,
72
+ summary,
73
+ table,
74
+ ul {
75
+ .to-rem(margin-bottom, @spacing-base);
76
+ }
77
+
78
+ /**
79
+ * Add word wrapping and basic hyphenation to common elements.
80
+ */
81
+
82
+ caption,
83
+ p,
84
+ table,
85
+ td,
86
+ textarea,
87
+ th {
88
+ word-wrap: break-word;
89
+ hyphens: auto;
90
+ }
data/vendor/assets/stylesheets/core/base/selections.less ADDED
@@ -0,0 +1,30 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Selections ($core-base-selections)
3
+ \* ========================================================================== */
4
+
5
+ /**
6
+ * 1. Customize `background` for text selections.
7
+ * 2. Remove `text-shadow` selection highlight.
8
+ * @link http://cbrac.co/Q6swON
9
+ */
10
+
11
+ ::selection {
12
+ background: @selection-background-color; /* 1 */
13
+ text-shadow: none; /* 2 */
14
+
15
+ /**
16
+ * Change `background` for text selections when browser is unfocused
17
+ */
18
+
19
+ &:window-inactive {
20
+ background: @selection-inactive-background-color;
21
+ }
22
+
23
+ /**
24
+ * Remove `background` on images when selected
25
+ */
26
+
27
+ img& {
28
+ background: transparent;
29
+ }
30
+ }
data/vendor/assets/stylesheets/core/base/tables.less ADDED
@@ -0,0 +1,18 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Tables ($core-base-tables)
3
+ \* ========================================================================== */
4
+
5
+ table {
6
+ width: 100%;
7
+ empty-cells: show;
8
+ }
9
+
10
+ th,
11
+ tfoot td {
12
+ text-align: left;
13
+ }
14
+
15
+ th,
16
+ td {
17
+ overflow: visible;
18
+ }
data/vendor/assets/stylesheets/core/base/text-elements.less ADDED
@@ -0,0 +1,83 @@
1
+ /* ========================================================================== *\
2
+ Core -> Base -> Text Elements ($core-base-text-elements)
3
+ \* ========================================================================== */
4
+
5
+ /**
6
+ * Add a help cursor to elements that need one.
7
+ */
8
+
9
+ abbr,
10
+ acronym,
11
+ dfn[title] {
12
+ cursor: help;
13
+ }
14
+
15
+ /**
16
+ * Remove `text-decoration` on links inside <abbr> elements, since there are
17
+ * already border styles on the <abbr> element.
18
+ */
19
+
20
+ abbr a {
21
+ text-decoration: none;
22
+ }
23
+
24
+ /**
25
+ * Set <acronym> elements to be uppercase by default.
26
+ */
27
+
28
+ acronym {
29
+ text-transform: uppercase;
30
+ }
31
+
32
+ /**
33
+ * Set some basic styles for <del> tags.
34
+ */
35
+
36
+ del {
37
+ font-style: @text-del-font-style;
38
+ text-decoration: @text-del-text-decoration;
39
+ color: @text-del-text-color;
40
+ }
41
+
42
+ /**
43
+ * Give <details> elements a pointer cursor.
44
+ */
45
+
46
+ details {
47
+ cursor: pointer;
48
+ }
49
+
50
+ /**
51
+ * Set some basic styles for definition lists.
52
+ */
53
+
54
+ dl {
55
+ dt {
56
+ font-weight: @text-dt-font-weight;
57
+ color: @text-dt-text-color;
58
+ }
59
+ dd {
60
+ margin: 0;
61
+ }
62
+ }
63
+
64
+ /**
65
+ * Ensure commonly italicized elements are italicized.
66
+ */
67
+
68
+ em,
69
+ i,
70
+ cite {
71
+ font-style: italic;
72
+ }
73
+
74
+ /**
75
+ * Address styling not present in IE9.
76
+ */
77
+
78
+ ins,
79
+ mark {
80
+ text-decoration: none;
81
+ color: @text-highlights-text-color;
82
+ background: @text-highlights-bg-color;
83
+ }
data/vendor/assets/stylesheets/core/debug.less ADDED
@@ -0,0 +1,154 @@
1
+ /* ========================================================================== *\
2
+ Core -> Debug ($core-debug)
3
+ \* ========================================================================== */
4
+
5
+ //
6
+ // DO NOT USE THIS STYLESHEET IN PRODUCTION!
7
+ //
8
+ // This stylesheet is for developers only. It can help you visually detect any
9
+ // nesting issues, invalid markup, or inaccessible code in your project.
10
+ //
11
+ // @link http://cbrac.co/1C01g8C
12
+ //
13
+ // DO NOT USE THIS STYLESHEET IN PRODUCTION!
14
+ //
15
+
16
+ @debug-outline-width: 5px;
17
+ @debug-outline-style: solid;
18
+ @debug-outline-color-error: red;
19
+ @debug-outline-color-warning: yellow;
20
+
21
+ //
22
+ // Debug
23
+ //
24
+ // red = error
25
+ // yellow = warning
26
+ // none = no issues
27
+ //
28
+
29
+ /**
30
+ * Images require `alt` attributes, empty `alt` is fine but should be
31
+ * double-checked, no `alt` is bad.
32
+ */
33
+
34
+ img {
35
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-error !important;
36
+ }
37
+
38
+ img[alt] {
39
+ outline: none !important;
40
+ }
41
+
42
+ img[alt=""] {
43
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-warning !important;
44
+ }
45
+
46
+ /**
47
+ * Double-check any links whose `href` is something questionable.
48
+ */
49
+
50
+ a[href=""],
51
+ a[href="#"],
52
+ a[href*="javascript"] {
53
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-warning !important;
54
+ }
55
+
56
+ /**
57
+ * Try to avoid using the `target` attribute.
58
+ */
59
+
60
+ a[target] {
61
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-warning !important;
62
+ }
63
+
64
+
65
+ /**
66
+ * Ensure any lists only contain <li> as children.
67
+ */
68
+
69
+ ul,
70
+ ol {
71
+ > *:not(li) {
72
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-error !important;
73
+ }
74
+ }
75
+
76
+ /**
77
+ * It's always nice to give <th> the `scope` attribute.
78
+ */
79
+
80
+ th {
81
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-warning !important;
82
+ }
83
+
84
+ th[scope] {
85
+ outline: none !important;
86
+ }
87
+
88
+
89
+ /**
90
+ * <tr> as child of <table> ain't great, did you need a <thead> or <tbody>?
91
+ */
92
+
93
+ table > tr {
94
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-warning !important;
95
+ }
96
+
97
+
98
+ /**
99
+ * `tfoot` needs to come *before* `tbody`.
100
+ */
101
+
102
+ tbody + tfoot {
103
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-warning !important;
104
+ }
105
+
106
+
107
+ /**
108
+ * Forms require `action` attributes.
109
+ */
110
+
111
+ form {
112
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-error !important;
113
+ }
114
+
115
+ form[action] {
116
+ outline: none !important;
117
+ }
118
+
119
+
120
+ /**
121
+ * Various form-field types have required attributes. <input> needs a `type`
122
+ * attribute, <textarea> needs `rows` and `cols` attributes, and submit buttons
123
+ * need a `value` attribute.
124
+ */
125
+
126
+ textarea,
127
+ input {
128
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-error !important;
129
+ }
130
+
131
+ input[type] {
132
+ outline: none !important;
133
+ }
134
+
135
+ textarea[rows][cols] {
136
+ outline: none !important;
137
+ }
138
+
139
+ input[type=submit] {
140
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-error !important;
141
+ }
142
+
143
+ input[type=submit][value] {
144
+ outline: none !important;
145
+ }
146
+
147
+
148
+ /**
149
+ * Avoid inline styles wherever possible.
150
+ */
151
+
152
+ [style] {
153
+ outline: @debug-outline-width @debug-outline-style @debug-outline-color-warning !important;
154
+ }