polar-express 0.1.0 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (163) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -0
  3. data/LICENSE.txt +2 -2
  4. data/lib/generators/inuitcss/install/USAGE +1 -1
  5. data/lib/generators/inuitcss/install/install_generator.rb +2 -2
  6. data/lib/generators/inuitcss/install/templates/inuit.scss +56 -0
  7. data/lib/polar-express/version.rb +2 -2
  8. data/vendor/assets/inuit.css/inuit-bare-list/.bower.json +29 -0
  9. data/vendor/assets/inuit.css/inuit-bare-list/.gitignore +3 -0
  10. data/vendor/assets/inuit.css/inuit-bare-list/README.md +7 -0
  11. data/vendor/assets/inuit.css/inuit-bare-list/_objects.bare-list.scss +17 -0
  12. data/vendor/assets/inuit.css/inuit-block-list/.bower.json +30 -0
  13. data/vendor/assets/inuit.css/inuit-block-list/.gitignore +4 -0
  14. data/vendor/assets/inuit.css/inuit-block-list/README.md +7 -0
  15. data/vendor/assets/inuit.css/inuit-block-list/_objects.block-list.scss +78 -0
  16. data/vendor/assets/inuit.css/inuit-box-sizing/.bower.json +25 -0
  17. data/vendor/assets/inuit.css/inuit-box-sizing/README.md +4 -0
  18. data/vendor/assets/inuit.css/inuit-box-sizing/_generic.box-sizing.scss +35 -0
  19. data/vendor/assets/inuit.css/inuit-box/.bower.json +31 -0
  20. data/vendor/assets/inuit.css/inuit-box/.gitignore +3 -0
  21. data/vendor/assets/inuit.css/inuit-box/README.md +7 -0
  22. data/vendor/assets/inuit.css/inuit-box/_objects.box.scss +80 -0
  23. data/vendor/assets/inuit.css/inuit-buttons/.bower.json +30 -0
  24. data/vendor/assets/inuit.css/inuit-buttons/.gitignore +4 -0
  25. data/vendor/assets/inuit.css/inuit-buttons/README.md +8 -0
  26. data/vendor/assets/inuit.css/inuit-buttons/_objects.buttons.scss +165 -0
  27. data/vendor/assets/inuit.css/inuit-clearfix/.bower.json +14 -0
  28. data/vendor/assets/inuit.css/inuit-clearfix/README.md +3 -0
  29. data/vendor/assets/inuit.css/inuit-clearfix/_generic.clearfix.scss +19 -0
  30. data/vendor/assets/inuit.css/inuit-defaults/.bower.json +25 -0
  31. data/vendor/assets/inuit.css/inuit-defaults/README.md +8 -0
  32. data/vendor/assets/inuit.css/inuit-defaults/_settings.defaults.scss +42 -0
  33. data/vendor/assets/inuit.css/inuit-flag/.bower.json +30 -0
  34. data/vendor/assets/inuit.css/inuit-flag/.gitignore +4 -0
  35. data/vendor/assets/inuit.css/inuit-flag/README.md +9 -0
  36. data/vendor/assets/inuit.css/inuit-flag/_objects.flag.scss +366 -0
  37. data/vendor/assets/inuit.css/inuit-functions/.bower.json +25 -0
  38. data/vendor/assets/inuit.css/inuit-functions/README.md +4 -0
  39. data/vendor/assets/inuit.css/inuit-functions/_tools.functions.scss +34 -0
  40. data/vendor/assets/inuit.css/inuit-headings/.bower.json +30 -0
  41. data/vendor/assets/inuit.css/inuit-headings/.gitignore +3 -0
  42. data/vendor/assets/inuit.css/inuit-headings/README.md +8 -0
  43. data/vendor/assets/inuit.css/inuit-headings/_base.headings.scss +52 -0
  44. data/vendor/assets/inuit.css/inuit-images/.bower.json +26 -0
  45. data/vendor/assets/inuit.css/inuit-images/README.md +7 -0
  46. data/vendor/assets/inuit.css/inuit-images/_base.images.scss +29 -0
  47. data/vendor/assets/inuit.css/inuit-layout/.bower.json +30 -0
  48. data/vendor/assets/inuit.css/inuit-layout/.gitignore +3 -0
  49. data/vendor/assets/inuit.css/inuit-layout/README.md +9 -0
  50. data/vendor/assets/inuit.css/inuit-layout/_objects.layout.scss +267 -0
  51. data/vendor/assets/inuit.css/inuit-lists/.bower.json +15 -0
  52. data/vendor/assets/inuit.css/inuit-lists/README.md +4 -0
  53. data/vendor/assets/inuit.css/inuit-lists/_base.lists.scss +15 -0
  54. data/vendor/assets/inuit.css/inuit-media/.bower.json +31 -0
  55. data/vendor/assets/inuit.css/inuit-media/.gitignore +4 -0
  56. data/vendor/assets/inuit.css/inuit-media/README.md +12 -0
  57. data/vendor/assets/inuit.css/inuit-media/_objects.media.scss +267 -0
  58. data/vendor/assets/inuit.css/inuit-mixins/.bower.json +25 -0
  59. data/vendor/assets/inuit.css/inuit-mixins/README.md +4 -0
  60. data/vendor/assets/inuit.css/inuit-mixins/_tools.mixins.scss +27 -0
  61. data/vendor/assets/inuit.css/inuit-normalize/.bower.json +27 -0
  62. data/vendor/assets/inuit.css/inuit-normalize/README.md +13 -0
  63. data/vendor/assets/inuit.css/inuit-normalize/_generic.normalize.scss +425 -0
  64. data/vendor/assets/inuit.css/inuit-page/.bower.json +28 -0
  65. data/vendor/assets/inuit.css/inuit-page/.gitignore +3 -0
  66. data/vendor/assets/inuit.css/inuit-page/README.md +9 -0
  67. data/vendor/assets/inuit.css/inuit-page/_base.page.scss +30 -0
  68. data/vendor/assets/inuit.css/inuit-paragraphs/.bower.json +30 -0
  69. data/vendor/assets/inuit.css/inuit-paragraphs/.gitignore +3 -0
  70. data/vendor/assets/inuit.css/inuit-paragraphs/README.md +8 -0
  71. data/vendor/assets/inuit.css/inuit-paragraphs/_base.paragraphs.scss +12 -0
  72. data/vendor/assets/inuit.css/inuit-reset/.bower.json +26 -0
  73. data/vendor/assets/inuit.css/inuit-reset/README.md +5 -0
  74. data/vendor/assets/inuit.css/inuit-reset/_generic.reset.scss +54 -0
  75. data/vendor/assets/inuit.css/inuit-responsive-settings/.bower.json +25 -0
  76. data/vendor/assets/inuit.css/inuit-responsive-settings/README.md +3 -0
  77. data/vendor/assets/inuit.css/inuit-responsive-settings/_settings.responsive.scss +25 -0
  78. data/vendor/assets/inuit.css/inuit-responsive-tools/.bower.json +29 -0
  79. data/vendor/assets/inuit.css/inuit-responsive-tools/.gitignore +4 -0
  80. data/vendor/assets/inuit.css/inuit-responsive-tools/README.md +3 -0
  81. data/vendor/assets/inuit.css/inuit-responsive-tools/_tools.responsive.scss +64 -0
  82. data/vendor/assets/inuit.css/inuit-shared/.bower.json +29 -0
  83. data/vendor/assets/inuit.css/inuit-shared/.gitignore +3 -0
  84. data/vendor/assets/inuit.css/inuit-shared/README.md +9 -0
  85. data/vendor/assets/inuit.css/inuit-shared/_generic.shared.scss +33 -0
  86. data/vendor/assets/inuit.css/inuit-spacing/.bower.json +30 -0
  87. data/vendor/assets/inuit.css/inuit-spacing/.gitignore +4 -0
  88. data/vendor/assets/inuit.css/inuit-spacing/README.md +8 -0
  89. data/vendor/assets/inuit.css/inuit-spacing/_trumps.spacing.scss +337 -0
  90. data/vendor/assets/inuit.css/inuit-starter-kit/.bower.json +33 -0
  91. data/vendor/assets/inuit.css/inuit-starter-kit/.gitignore +3 -0
  92. data/vendor/assets/inuit.css/inuit-starter-kit/README.md +20 -0
  93. data/vendor/assets/inuit.css/inuit-tables/.bower.json +31 -0
  94. data/vendor/assets/inuit.css/inuit-tables/.gitignore +2 -0
  95. data/vendor/assets/inuit.css/inuit-tables/README.md +7 -0
  96. data/vendor/assets/inuit.css/inuit-tables/_objects.tables.scss +194 -0
  97. data/vendor/assets/inuit.css/inuit-tabs/.bower.json +28 -0
  98. data/vendor/assets/inuit.css/inuit-tabs/.gitignore +3 -0
  99. data/vendor/assets/inuit.css/inuit-tabs/README.md +8 -0
  100. data/vendor/assets/inuit.css/inuit-tabs/_objects.tabs.scss +38 -0
  101. data/vendor/assets/inuit.css/inuit-ui-list/.bower.json +30 -0
  102. data/vendor/assets/inuit.css/inuit-ui-list/.gitignore +4 -0
  103. data/vendor/assets/inuit.css/inuit-ui-list/README.md +7 -0
  104. data/vendor/assets/inuit.css/inuit-ui-list/_objects.ui-list.scss +92 -0
  105. data/vendor/assets/inuit.css/inuit-widths/.bower.json +29 -0
  106. data/vendor/assets/inuit.css/inuit-widths/.gitignore +3 -0
  107. data/vendor/assets/inuit.css/inuit-widths/README.md +8 -0
  108. data/vendor/assets/inuit.css/inuit-widths/_trumps.widths.scss +203 -0
  109. metadata +110 -62
  110. data/lib/generators/inuitcss/install/templates/inuit.css.scss +0 -99
  111. data/vendor/assets/stylesheets/CHANGELOG.md +0 -26
  112. data/vendor/assets/stylesheets/CONTRIBUTING.md +0 -42
  113. data/vendor/assets/stylesheets/LICENSE +0 -13
  114. data/vendor/assets/stylesheets/README.md +0 -367
  115. data/vendor/assets/stylesheets/_defaults.scss +0 -225
  116. data/vendor/assets/stylesheets/_inuit.scss +0 -213
  117. data/vendor/assets/stylesheets/base/_code.scss +0 -63
  118. data/vendor/assets/stylesheets/base/_forms.scss +0 -174
  119. data/vendor/assets/stylesheets/base/_headings.scss +0 -60
  120. data/vendor/assets/stylesheets/base/_images.scss +0 -73
  121. data/vendor/assets/stylesheets/base/_lists.scss +0 -19
  122. data/vendor/assets/stylesheets/base/_main.scss +0 -8
  123. data/vendor/assets/stylesheets/base/_paragraphs.scss +0 -11
  124. data/vendor/assets/stylesheets/base/_quotes.scss +0 -96
  125. data/vendor/assets/stylesheets/base/_smallprint.scss +0 -13
  126. data/vendor/assets/stylesheets/base/_tables.scss +0 -163
  127. data/vendor/assets/stylesheets/component.json +0 -5
  128. data/vendor/assets/stylesheets/generic/_brand.scss +0 -18
  129. data/vendor/assets/stylesheets/generic/_clearfix.scss +0 -15
  130. data/vendor/assets/stylesheets/generic/_debug.scss +0 -168
  131. data/vendor/assets/stylesheets/generic/_helper.scss +0 -184
  132. data/vendor/assets/stylesheets/generic/_mixins.scss +0 -328
  133. data/vendor/assets/stylesheets/generic/_normalize.scss +0 -396
  134. data/vendor/assets/stylesheets/generic/_pull.scss +0 -147
  135. data/vendor/assets/stylesheets/generic/_push.scss +0 -147
  136. data/vendor/assets/stylesheets/generic/_reset.scss +0 -80
  137. data/vendor/assets/stylesheets/generic/_shared.scss +0 -61
  138. data/vendor/assets/stylesheets/generic/_widths.scss +0 -158
  139. data/vendor/assets/stylesheets/objects/_arrows.scss +0 -147
  140. data/vendor/assets/stylesheets/objects/_beautons.scss +0 -226
  141. data/vendor/assets/stylesheets/objects/_block-list.scss +0 -44
  142. data/vendor/assets/stylesheets/objects/_breadcrumb.scss +0 -63
  143. data/vendor/assets/stylesheets/objects/_columns.scss +0 -22
  144. data/vendor/assets/stylesheets/objects/_flexbox.scss +0 -55
  145. data/vendor/assets/stylesheets/objects/_flyout.scss +0 -63
  146. data/vendor/assets/stylesheets/objects/_greybox.scss +0 -58
  147. data/vendor/assets/stylesheets/objects/_grids.scss +0 -69
  148. data/vendor/assets/stylesheets/objects/_icon-text.scss +0 -40
  149. data/vendor/assets/stylesheets/objects/_island.scss +0 -38
  150. data/vendor/assets/stylesheets/objects/_link-complex.scss +0 -32
  151. data/vendor/assets/stylesheets/objects/_lozenges.scss +0 -46
  152. data/vendor/assets/stylesheets/objects/_marginalia.scss +0 -52
  153. data/vendor/assets/stylesheets/objects/_matrix.scss +0 -89
  154. data/vendor/assets/stylesheets/objects/_media.scss +0 -60
  155. data/vendor/assets/stylesheets/objects/_nav.scss +0 -155
  156. data/vendor/assets/stylesheets/objects/_options.scss +0 -45
  157. data/vendor/assets/stylesheets/objects/_pagination.scss +0 -50
  158. data/vendor/assets/stylesheets/objects/_rules.scss +0 -65
  159. data/vendor/assets/stylesheets/objects/_split.scss +0 -39
  160. data/vendor/assets/stylesheets/objects/_sprite.scss +0 -98
  161. data/vendor/assets/stylesheets/objects/_stats.scss +0 -52
  162. data/vendor/assets/stylesheets/objects/_this-or-this.scss +0 -38
  163. data/vendor/assets/stylesheets/style.scss +0 -26
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "inuit-buttons",
3
+ "version": "0.4.1",
4
+ "homepage": "https://github.com/inuitcss/objects.buttons",
5
+ "authors": [
6
+ "Harry Roberts <harry@csswizardry.com>"
7
+ ],
8
+ "description": "A simple, extensible button object for the inuitcss framework",
9
+ "main": "_objects.buttons.scss",
10
+ "keywords": [
11
+ "inuitcss",
12
+ "oocss",
13
+ "css"
14
+ ],
15
+ "license": "Apache",
16
+ "dependencies": {
17
+ "inuit-functions": "~0.2.0",
18
+ "inuit-defaults": "~0.2.0"
19
+ },
20
+ "_release": "0.4.1",
21
+ "_resolution": {
22
+ "type": "version",
23
+ "tag": "0.4.1",
24
+ "commit": "68465f37c237e1b5fd8b08eca3075f6fa72c0d3f"
25
+ },
26
+ "_source": "git://github.com/inuitcss/objects.buttons.git",
27
+ "_target": "~0.4.1",
28
+ "_originalSource": "inuit-buttons",
29
+ "_direct": true
30
+ }
@@ -0,0 +1,4 @@
1
+ bower_components/
2
+ *.css
3
+ inuit-test.scss
4
+ inuit-test.html
@@ -0,0 +1,8 @@
1
+ # The button object
2
+
3
+ inuitcss’ button object is a simple, robust, extensible baseline for building
4
+ entire suites of buttons onto.
5
+
6
+ Install using Bower:
7
+
8
+ $ bower install --save inuit-buttons
@@ -0,0 +1,165 @@
1
+ /*------------------------------------*\
2
+ #BUTTONS
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * A simple button object.
7
+ */
8
+
9
+ // Predefine the variables below in order to alter and enable specific features.
10
+ $inuit-btn-namespace: $inuit-namespace !default;
11
+
12
+ $inuit-btn-padding: halve($inuit-base-spacing-unit) !default;
13
+ $inuit-btn-padding--small: halve($inuit-btn-padding) !default;
14
+ $inuit-btn-padding--large: double($inuit-btn-padding) !default;
15
+ $inuit-btn-background: #4a8ec2 !default;
16
+ $inuit-btn-color: #fff !default;
17
+ $inuit-btn-border-width: 1px !default;
18
+ $inuit-btn-border-style: solid !default;
19
+ $inuit-btn-border-color: $inuit-btn-background !default;
20
+ $inuit-btn-radius: 0 !default;
21
+
22
+ $inuit-enable-btn--small: false !default;
23
+ $inuit-enable-btn--large: false !default;
24
+ $inuit-enable-btn--full: false !default;
25
+ $inuit-enable-btn--pill: false !default;
26
+
27
+
28
+
29
+
30
+
31
+ // Here we set a variable assuming that `box-sizing: border-box;` is not set
32
+ // globally. If it has been previously been defined, the following variable will
33
+ // be overriden and will be set to `true`.
34
+ $inuit-global-border-box: false !default;
35
+
36
+
37
+
38
+
39
+
40
+ /**
41
+ * 1. Allow us to style box model properties.
42
+ * 2. Line different sized buttons up a little nicer.
43
+ * 3. Make buttons inherit font styles (often necessary when styling `input`s as
44
+ * buttons).
45
+ * 4. Reset/normalize some styles.
46
+ * 5. Force all button-styled elements to appear clickable.
47
+ * 6. Fixes odd inner spacing in IE7.
48
+ * 7. Subtract the border size from the padding value so that buttons do not
49
+ * grow larger as we add borders.
50
+ */
51
+ .#{$inuit-btn-namespace}btn,
52
+ %#{$inuit-btn-namespace}btn {
53
+ display: inline-block; /* [1] */
54
+ vertical-align: middle; /* [2] */
55
+ font: inherit; /* [3] */
56
+ text-align: center; /* [4] */
57
+ border: none; /* [4] */
58
+ margin: 0; /* [4] */
59
+ cursor: pointer; /* [5] */
60
+ overflow: visible; /* [6] */
61
+ padding: $inuit-btn-padding - $inuit-btn-border-width double($inuit-btn-padding) - $inuit-btn-border-width; /* [7] */
62
+ background-color: $inuit-btn-background;
63
+
64
+ @if($inuit-btn-border-width != 0) {
65
+ border: $inuit-btn-border-width $inuit-btn-border-style $inuit-btn-border-color;
66
+ }
67
+
68
+ @if($inuit-btn-radius != 0) {
69
+ border-radius: $inuit-btn-radius;
70
+ }
71
+
72
+ &,
73
+ &:hover,
74
+ &:active,
75
+ &:focus {
76
+ text-decoration: none; /* [4] */
77
+ color: $inuit-btn-color;
78
+ }
79
+
80
+ }
81
+
82
+ /**
83
+ * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
84
+ */
85
+ .#{$inuit-btn-namespace}btn::-moz-focus-inner,
86
+ %#{$inuit-btn-namespace}btn::-moz-focus-inner {
87
+ border: 0;
88
+ padding: 0;
89
+ }
90
+
91
+
92
+
93
+
94
+
95
+ @if ($inuit-enable-btn--small == true) {
96
+
97
+ /**
98
+ * Small buttons.
99
+ */
100
+
101
+ .#{$inuit-btn-namespace}btn--small,
102
+ %#{$inuit-btn-namespace}btn--small {
103
+ padding: $inuit-btn-padding--small - $inuit-btn-border-width double($inuit-btn-padding--small) - $inuit-btn-border-width; /* [7] */
104
+ }
105
+
106
+ }
107
+
108
+ @if ($inuit-enable-btn--large == true) {
109
+
110
+ /**
111
+ * Large buttons.
112
+ */
113
+
114
+ .#{$inuit-btn-namespace}btn--large,
115
+ %#{$inuit-btn-namespace}btn--large {
116
+ padding: $inuit-btn-padding--large - $inuit-btn-border-width double($inuit-btn-padding--large) - $inuit-btn-border-width; /* [7] */
117
+ }
118
+
119
+ }
120
+
121
+
122
+
123
+
124
+
125
+ @if ($inuit-enable-btn--full == true) {
126
+
127
+ /**
128
+ * Full-width buttons.
129
+ */
130
+
131
+ .#{$inuit-btn-namespace}btn--full,
132
+ %#{$inuit-btn-namespace}btn--full {
133
+ width: 100%;
134
+
135
+ @if $inuit-global-border-box == false {
136
+ /**
137
+ * Remove paddings so that widths and paddings don’t conflict.
138
+ */
139
+ padding-right: 0;
140
+ padding-left: 0;
141
+ }
142
+
143
+ }
144
+
145
+ }
146
+
147
+
148
+
149
+
150
+
151
+ @if ($inuit-enable-btn--pill == true) {
152
+
153
+ /**
154
+ * Round-ended buttons.
155
+ *
156
+ * 1. Overly-large value to ensure the radius rounds the whole end of the
157
+ * button.
158
+ */
159
+
160
+ .#{$inuit-btn-namespace}btn--pill,
161
+ %#{$inuit-btn-namespace}btn--pill {
162
+ border-radius: 100px; /* [1] */
163
+ }
164
+
165
+ }
@@ -0,0 +1,14 @@
1
+ {
2
+ "name": "inuit-clearfix",
3
+ "homepage": "https://github.com/inuitcss/generic.clearfix",
4
+ "version": "0.1.0",
5
+ "_release": "0.1.0",
6
+ "_resolution": {
7
+ "type": "version",
8
+ "tag": "0.1.0",
9
+ "commit": "48ff112182c3093b7e8dfc7700d12ae63268958f"
10
+ },
11
+ "_source": "git://github.com/inuitcss/generic.clearfix.git",
12
+ "_target": "~0.1.0",
13
+ "_originalSource": "inuit-clearfix"
14
+ }
@@ -0,0 +1,3 @@
1
+ # Clearfix
2
+
3
+ The inuitcss `clearfix` module is a minimal clearfix helper class.
@@ -0,0 +1,19 @@
1
+ /*------------------------------------*\
2
+ #CLEARFIX
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
7
+ * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
8
+ * over and over in your markup.
9
+ */
10
+ .clearfix,
11
+ %clearfix {
12
+
13
+ &:after {
14
+ content: "";
15
+ display: table;
16
+ clear: both;
17
+ }
18
+
19
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "name": "inuit-defaults",
3
+ "version": "0.2.0",
4
+ "homepage": "https://github.com/inuitcss/settings.defaults",
5
+ "authors": [
6
+ "Harry Roberts <harry@csswizardry.com>"
7
+ ],
8
+ "description": "Global, default settings for the inuitcss framework",
9
+ "main": "_settings.defaults.scss",
10
+ "keywords": [
11
+ "inuitcss",
12
+ "oocss",
13
+ "css"
14
+ ],
15
+ "license": "Apache",
16
+ "_release": "0.2.0",
17
+ "_resolution": {
18
+ "type": "version",
19
+ "tag": "0.2.0",
20
+ "commit": "571e7937fb83203d18c8b2a70bf5d9e77cb7395f"
21
+ },
22
+ "_source": "git://github.com/inuitcss/settings.defaults.git",
23
+ "_target": "~0.2.0",
24
+ "_originalSource": "inuit-defaults"
25
+ }
@@ -0,0 +1,8 @@
1
+ # Defaults
2
+
3
+ The inuitcss `defaults` module contains a few variables and settings that are
4
+ **required** for using any of the rest of the framework.
5
+
6
+ Install using Bower:
7
+
8
+ $ bower install --save inuit-defaults
@@ -0,0 +1,42 @@
1
+ /*!
2
+ * inuitcss, by @csswizardry
3
+ *
4
+ * github.com/inuitcss | inuitcss.com
5
+ */
6
+ ///*------------------------------------*\
7
+ // #DEFAULTS
8
+ //\*------------------------------------*/
9
+
10
+ // These variables are inuitcss’ defaults; they should not be modified or
11
+ // adjusted directly; you should predfine the variables in your own project.
12
+
13
+
14
+
15
+
16
+
17
+ // High-level base settings.
18
+ $inuit-base-font-size: 16px !default;
19
+ $inuit-base-line-height: 24px !default;
20
+ $inuit-base-text-color: #333 !default;
21
+ $inuit-base-background-color: #fff !default;
22
+
23
+
24
+
25
+
26
+
27
+ // Namespace.
28
+ //
29
+ // Would you like inuitcss’ classes to be prepended with a namespace? If so,
30
+ // define it here.
31
+ $inuit-namespace: null !default;
32
+
33
+
34
+
35
+
36
+
37
+ // These variables are framework variables, sourced from variables defined
38
+ // above. Feel free to use these variables throughout your project, but do not
39
+ // modify or reassign them.
40
+ $inuit-base-spacing-unit: $inuit-base-line-height;
41
+ $inuit-base-spacing-unit--small: round($inuit-base-spacing-unit / 2);
42
+ $inuit-base-spacing-unit--large: round($inuit-base-spacing-unit * 2);
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "inuit-flag",
3
+ "version": "0.3.1",
4
+ "homepage": "https://github.com/inuitcss/objects.flag",
5
+ "authors": [
6
+ "Harry Roberts <harry@csswizardry.com>"
7
+ ],
8
+ "description": "The inuitcss framework’s flag object",
9
+ "main": "_objects.flag.scss",
10
+ "keywords": [
11
+ "inuitcss",
12
+ "oocss",
13
+ "css"
14
+ ],
15
+ "license": "Apache",
16
+ "dependencies": {
17
+ "inuit-defaults": "~0.2.0",
18
+ "inuit-functions": "~0.2.0"
19
+ },
20
+ "_release": "0.3.1",
21
+ "_resolution": {
22
+ "type": "version",
23
+ "tag": "0.3.1",
24
+ "commit": "b32464fbdc630ef0537b1ba2567260663b75a338"
25
+ },
26
+ "_source": "git://github.com/inuitcss/objects.flag.git",
27
+ "_target": "~0.3.1",
28
+ "_originalSource": "inuit-flag",
29
+ "_direct": true
30
+ }
@@ -0,0 +1,4 @@
1
+ bower_components/
2
+ *.css
3
+ inuit-test.scss
4
+ inuit-test.html
@@ -0,0 +1,9 @@
1
+ # The flag object
2
+
3
+ The `flag` object module is an object similar in appearance to [the media
4
+ object](https://github.com/inuitcss/objects.media), but which provides slightly
5
+ more advanced functionality.
6
+
7
+ Install using Bower:
8
+
9
+ $ bower install --save inuit-flag
@@ -0,0 +1,366 @@
1
+ /*------------------------------------*\
2
+ #FLAG
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * The flag object is a design pattern similar to the media object, however it
7
+ * utilises `display: table[-cell];` to give us control over the vertical
8
+ * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
9
+ */
10
+
11
+ // Predefine the variables below in order to alter and enable specific features.
12
+ $inuit-flag-namespace: $inuit-namespace !default;
13
+
14
+ $inuit-flag-gutter: $inuit-base-spacing-unit !default;
15
+ $inuit-flag-gutter--small: halve($inuit-flag-gutter) !default;
16
+ $inuit-flag-gutter--large: double($inuit-flag-gutter) !default;
17
+
18
+ $inuit-enable-flag--small: false !default;
19
+ $inuit-enable-flag--large: false !default;
20
+ $inuit-enable-flag--rev: false !default;
21
+ $inuit-enable-flag--flush: false !default;
22
+ $inuit-enable-flag--top: false !default;
23
+ $inuit-enable-flag--bottom: false !default;
24
+ $inuit-enable-flag--responsive: false !default;
25
+ $inuit-flag-collapse-at: 720px !default;
26
+
27
+
28
+
29
+
30
+
31
+ /**
32
+ * 1. Allows us to control vertical alignments
33
+ * 2. Force the object to be the full width of its parent. Combined with [1],
34
+ * this makes the object behave in a quasi-`display: block;` manner.
35
+ */
36
+ .#{$inuit-flag-namespace}flag,
37
+ %#{$inuit-flag-namespace}flag {
38
+ display: table; /* [1] */
39
+ width: 100%; /* [2] */
40
+ }
41
+
42
+ /**
43
+ * Items within a flag object. There should only ever be one of each.
44
+ *
45
+ * 1. Default to aligning content to their middles.
46
+ */
47
+ .#{$inuit-flag-namespace}flag__img,
48
+ %#{$inuit-flag-namespace}flag__img,
49
+ .#{$inuit-flag-namespace}flag__body,
50
+ %#{$inuit-flag-namespace}flag__body {
51
+ display: table-cell;
52
+ vertical-align: middle; /* [1] */
53
+ }
54
+
55
+ /**
56
+ * Flag images have a space between them and the body of the object.
57
+ */
58
+ .#{$inuit-flag-namespace}flag__img,
59
+ %#{$inuit-flag-namespace}flag__img {
60
+ padding-right: $inuit-flag-gutter;
61
+
62
+ > img {
63
+ display: block;
64
+ max-width: none;
65
+ }
66
+
67
+ }
68
+
69
+ /**
70
+ * The container for the main content of the flag object.
71
+ *
72
+ * 1. Forces the `.flag__body` to take up all remaining space.
73
+ */
74
+ .#{$inuit-flag-namespace}flag__body,
75
+ %#{$inuit-flag-namespace}flag__body {
76
+ width: 100%; /* [1] */
77
+
78
+ &,
79
+ > :last-child {
80
+ margin-bottom: 0;
81
+ }
82
+
83
+ }
84
+
85
+
86
+
87
+
88
+
89
+ @if ($inuit-enable-flag--small == true) {
90
+
91
+ /**
92
+ * Small flags.
93
+ */
94
+
95
+ .#{$inuit-flag-namespace}flag--small,
96
+ %#{$inuit-flag-namespace}flag--small {
97
+
98
+ > .#{$inuit-flag-namespace}flag__img,
99
+ > %#{$inuit-flag-namespace}flag__img {
100
+ padding-right: $inuit-flag-gutter--small;
101
+ }
102
+
103
+ @if ($inuit-enable-flag--rev == true) {
104
+
105
+ /**
106
+ * Small reversed flags.
107
+ */
108
+
109
+ &.#{$inuit-flag-namespace}flag--rev,
110
+ &%#{$inuit-flag-namespace}flag--rev {
111
+
112
+ > .#{$inuit-flag-namespace}flag__img,
113
+ > %#{$inuit-flag-namespace}flag__img {
114
+ padding-right: 0;
115
+ padding-left: $inuit-flag-gutter--small;
116
+ }
117
+
118
+ }
119
+
120
+ }
121
+
122
+ }
123
+
124
+ }
125
+
126
+ @if ($inuit-enable-flag--large == true) {
127
+
128
+ /**
129
+ * Large flags.
130
+ */
131
+
132
+ .#{$inuit-flag-namespace}flag--large,
133
+ %#{$inuit-flag-namespace}flag--large {
134
+
135
+ > .#{$inuit-flag-namespace}flag__img,
136
+ > %#{$inuit-flag-namespace}flag__img {
137
+ padding-right: $inuit-flag-gutter--large;
138
+ }
139
+
140
+ @if ($inuit-enable-flag--rev == true) {
141
+
142
+ /**
143
+ * Large reversed flags.
144
+ */
145
+
146
+ &.#{$inuit-flag-namespace}flag--rev,
147
+ &%#{$inuit-flag-namespace}flag--rev {
148
+
149
+ > .#{$inuit-flag-namespace}flag__img,
150
+ > %#{$inuit-flag-namespace}flag__img {
151
+ padding-right: 0;
152
+ padding-left: $inuit-flag-gutter--large;
153
+ }
154
+
155
+ }
156
+
157
+ }
158
+
159
+ }
160
+
161
+ }
162
+
163
+
164
+
165
+
166
+
167
+ @if ($inuit-enable-flag--rev == true) {
168
+
169
+ /**
170
+ * Reversed flag objects have their image-content to the right, and text-content
171
+ * to the left.
172
+ *
173
+ * 1. Swap the rendered direction of the object…
174
+ * 2. …and reset it.
175
+ * 3. Reassign margins to the correct sides.
176
+ */
177
+
178
+ .#{$inuit-flag-namespace}flag--rev,
179
+ %#{$inuit-flag-namespace}flag--rev {
180
+ direction: rtl; /* [1] */
181
+
182
+ > .#{$inuit-flag-namespace}flag__img,
183
+ > %#{$inuit-flag-namespace}flag__img,
184
+ > .#{$inuit-flag-namespace}flag__body,
185
+ > %#{$inuit-flag-namespace}flag__body {
186
+ direction: ltr; /* [2] */
187
+ }
188
+
189
+ > .#{$inuit-flag-namespace}flag__img,
190
+ > %#{$inuit-flag-namespace}flag__img {
191
+ padding-right: 0; /* [3] */
192
+ padding-left: $inuit-flag-gutter; /* [3] */
193
+ }
194
+
195
+ }
196
+
197
+ }
198
+
199
+
200
+
201
+
202
+
203
+ @if ($inuit-enable-flag--flush == true) {
204
+
205
+ /**
206
+ * Flush flag objects have no space between the image- and text-content.
207
+ */
208
+
209
+ .#{$inuit-flag-namespace}flag--flush,
210
+ %#{$inuit-flag-namespace}flag--flush {
211
+
212
+ > .#{$inuit-flag-namespace}flag__img,
213
+ > %#{$inuit-flag-namespace}flag__img {
214
+ padding-right: 0;
215
+ padding-left: 0;
216
+ }
217
+
218
+ }
219
+
220
+ }
221
+
222
+
223
+
224
+
225
+
226
+ @if ($inuit-enable-flag--top == true) {
227
+
228
+ /**
229
+ * Vertically top aligned flag objects.
230
+ */
231
+
232
+ .#{$inuit-flag-namespace}flag--top,
233
+ %#{$inuit-flag-namespace}flag--top {
234
+
235
+ > .#{$inuit-flag-namespace}flag__img,
236
+ > %#{$inuit-flag-namespace}flag__img,
237
+ > .#{$inuit-flag-namespace}flag__body,
238
+ > %#{$inuit-flag-namespace}flag__body {
239
+ vertical-align: top;
240
+ }
241
+
242
+ }
243
+
244
+ }
245
+
246
+ @if ($inuit-enable-flag--bottom == true) {
247
+
248
+ /**
249
+ * Vertically bottom aligned flag objects.
250
+ */
251
+
252
+ .#{$inuit-flag-namespace}flag--bottom,
253
+ %#{$inuit-flag-namespace}flag--bottom {
254
+
255
+ > .#{$inuit-flag-namespace}flag__img,
256
+ > %#{$inuit-flag-namespace}flag__img,
257
+ > .#{$inuit-flag-namespace}flag__body,
258
+ > %#{$inuit-flag-namespace}flag__body {
259
+ vertical-align: bottom;
260
+ }
261
+
262
+ }
263
+
264
+ }
265
+
266
+
267
+
268
+
269
+ @if ($inuit-enable-flag--responsive == true) {
270
+
271
+ /**
272
+ * Responsive flag objects.
273
+ *
274
+ * There is a very pragmatic, simple implementation of a responsive flag
275
+ * object, which simply places the text-content beneath the image-content.
276
+ *
277
+ * We use a `max-width` media query because:
278
+ *
279
+ * a) it is the least verbose method in terms of amount of code required.
280
+ * b) the flag object’s default state is image-next-to-text, so its stacked
281
+ * state is the exception, rather than the rule.
282
+ */
283
+
284
+ @media screen and (max-width: $inuit-flag-collapse-at) {
285
+
286
+ .#{$inuit-flag-namespace}flag--responsive,
287
+ %#{$inuit-flag-namespace}flag--responsive {
288
+
289
+ @if ($inuit-enable-flag--rev == true) {
290
+
291
+ /**
292
+ * Disable reversal of content because there is no concept of
293
+ * ‘reversed’ in a stacked layout.
294
+ */
295
+ direction: ltr;
296
+ }
297
+
298
+ &,
299
+ > .#{$inuit-flag-namespace}flag__img,
300
+ > %#{$inuit-flag-namespace}flag__img,
301
+ > .#{$inuit-flag-namespace}flag__body,
302
+ > %#{$inuit-flag-namespace}flag__body {
303
+ display: block;
304
+ }
305
+
306
+ /**
307
+ * Rework the spacings on regular flag objects.
308
+ */
309
+ > .#{$inuit-flag-namespace}flag__img,
310
+ > %#{$inuit-flag-namespace}flag__img {
311
+ padding-right: 0;
312
+ padding-left: 0;
313
+ margin-bottom: $inuit-flag-gutter;
314
+ }
315
+
316
+ @if ($inuit-enable-flag--small == true) {
317
+
318
+ /**
319
+ * Small responsive flags.
320
+ *
321
+ * Take a little more heavy-handed approach to reworking
322
+ * spacings on flags that are also small flags in their regular
323
+ * state.
324
+ */
325
+
326
+ &.#{$inuit-flag-namespace}flag--small,
327
+ &%#{$inuit-flag-namespace}flag--small {
328
+
329
+ > .#{$inuit-flag-namespace}flag__img,
330
+ > %#{$inuit-flag-namespace}flag__img {
331
+ padding-right: 0;
332
+ padding-left: 0;
333
+ }
334
+
335
+ }
336
+
337
+ }
338
+
339
+ @if ($inuit-enable-flag--large == true) {
340
+
341
+ /**
342
+ * Large responsive flags.
343
+ *
344
+ * Take a little more heavy-handed approach to reworking
345
+ * spacings on flags that are also large flags in their regular
346
+ * state.
347
+ */
348
+
349
+ &.#{$inuit-flag-namespace}flag--large,
350
+ &%#{$inuit-flag-namespace}flag--large {
351
+
352
+ > .#{$inuit-flag-namespace}flag__img,
353
+ > %#{$inuit-flag-namespace}flag__img {
354
+ padding-right: 0;
355
+ padding-left: 0;
356
+ }
357
+
358
+ }
359
+
360
+ }
361
+
362
+ }
363
+
364
+ }
365
+
366
+ }