furatto 0.0.3 → 1.0.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 (80) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +25 -18
  3. data/furatto.gemspec +4 -0
  4. data/lib/furatto.rb +3 -10
  5. data/lib/furatto/version.rb +1 -1
  6. data/lib/furatto_rails_helpers/furatto_helpers.rb +19 -0
  7. data/lib/generators/furatto/install_generator.rb +46 -0
  8. data/lib/generators/furatto/templates/application.html.erb +28 -0
  9. data/vendor/assets/javascripts/furatto.js +1822 -0
  10. data/vendor/assets/stylesheets/furatto.scss +76 -0
  11. data/vendor/assets/stylesheets/furatto/_alerts.scss +130 -0
  12. data/vendor/assets/stylesheets/furatto/_base.scss +138 -0
  13. data/vendor/assets/stylesheets/furatto/_button-groups.scss +85 -0
  14. data/vendor/assets/stylesheets/furatto/_buttons.scss +266 -0
  15. data/{app → vendor}/assets/stylesheets/furatto/_date_picker.date.scss +0 -0
  16. data/{app → vendor}/assets/stylesheets/furatto/_date_picker.scss +1 -0
  17. data/{app → vendor}/assets/stylesheets/furatto/_dropdown.scss +0 -0
  18. data/vendor/assets/stylesheets/furatto/_experimental.scss +81 -0
  19. data/{app → vendor}/assets/stylesheets/furatto/_footer.scss +0 -0
  20. data/vendor/assets/stylesheets/furatto/_forms.scss +269 -0
  21. data/vendor/assets/stylesheets/furatto/_functions.scss +18 -0
  22. data/vendor/assets/stylesheets/furatto/_global.scss +51 -0
  23. data/vendor/assets/stylesheets/furatto/_grid.scss +142 -0
  24. data/vendor/assets/stylesheets/furatto/_images.scss +122 -0
  25. data/vendor/assets/stylesheets/furatto/_labels.scss +97 -0
  26. data/vendor/assets/stylesheets/furatto/_media_queries.scss +200 -0
  27. data/vendor/assets/stylesheets/furatto/_mixins.scss +143 -0
  28. data/vendor/assets/stylesheets/furatto/_modal.scss +297 -0
  29. data/vendor/assets/stylesheets/furatto/_navigation.scss +127 -0
  30. data/vendor/assets/stylesheets/furatto/_navigation_bar.scss +338 -0
  31. data/vendor/assets/stylesheets/furatto/_off_screen.scss +269 -0
  32. data/vendor/assets/stylesheets/furatto/_pagination.scss +78 -0
  33. data/vendor/assets/stylesheets/furatto/_responsive_utilities.scss +244 -0
  34. data/vendor/assets/stylesheets/furatto/_selectors.scss +44 -0
  35. data/vendor/assets/stylesheets/furatto/_settings.scss +0 -0
  36. data/vendor/assets/stylesheets/furatto/_suraido.scss +214 -0
  37. data/vendor/assets/stylesheets/furatto/_tables.scss +166 -0
  38. data/vendor/assets/stylesheets/furatto/_tabs.scss +26 -0
  39. data/vendor/assets/stylesheets/furatto/_toolbars.scss +199 -0
  40. data/vendor/assets/stylesheets/furatto/_tooltips.scss +92 -0
  41. data/vendor/assets/stylesheets/furatto/_typography.scss +243 -0
  42. data/{app → vendor}/assets/stylesheets/normalize.scss +22 -19
  43. metadata +86 -49
  44. data/app/assets/fonts/fontawesome/FontAwesome.otf +0 -0
  45. data/app/assets/fonts/fontawesome/fontawesome-webfont.eot +0 -0
  46. data/app/assets/fonts/fontawesome/fontawesome-webfont.svg +0 -399
  47. data/app/assets/fonts/fontawesome/fontawesome-webfont.ttf +0 -0
  48. data/app/assets/fonts/fontawesome/fontawesome-webfont.woff +0 -0
  49. data/app/assets/fonts/meteocons-webfont.eot +0 -0
  50. data/app/assets/fonts/meteocons-webfont.svg +0 -81
  51. data/app/assets/fonts/meteocons-webfont.ttf +0 -0
  52. data/app/assets/fonts/meteocons-webfont.woff +0 -0
  53. data/app/assets/javascripts/furatto.js +0 -5978
  54. data/app/assets/javascripts/furatto.min.js +0 -3
  55. data/app/assets/stylesheets/font-awesome.css.erb +0 -2495
  56. data/app/assets/stylesheets/furatto.scss +0 -86
  57. data/app/assets/stylesheets/furatto/_alerts.scss +0 -80
  58. data/app/assets/stylesheets/furatto/_base.scss +0 -99
  59. data/app/assets/stylesheets/furatto/_buttons.scss +0 -125
  60. data/app/assets/stylesheets/furatto/_code.scss +0 -67
  61. data/app/assets/stylesheets/furatto/_dashboard.scss +0 -36
  62. data/app/assets/stylesheets/furatto/_fonts.scss +0 -26
  63. data/app/assets/stylesheets/furatto/_forms.scss +0 -307
  64. data/app/assets/stylesheets/furatto/_grid.scss +0 -60
  65. data/app/assets/stylesheets/furatto/_images.scss +0 -64
  66. data/app/assets/stylesheets/furatto/_labels.scss +0 -44
  67. data/app/assets/stylesheets/furatto/_mixins.scss +0 -200
  68. data/app/assets/stylesheets/furatto/_modal.scss +0 -365
  69. data/app/assets/stylesheets/furatto/_nav.scss +0 -104
  70. data/app/assets/stylesheets/furatto/_navbar.scss +0 -216
  71. data/app/assets/stylesheets/furatto/_panel.scss +0 -277
  72. data/app/assets/stylesheets/furatto/_responsive_navbar.scss +0 -195
  73. data/app/assets/stylesheets/furatto/_responsive_tables.scss +0 -28
  74. data/app/assets/stylesheets/furatto/_responsive_utilities.scss +0 -182
  75. data/app/assets/stylesheets/furatto/_responsiveslides.scss +0 -185
  76. data/app/assets/stylesheets/furatto/_tables.scss +0 -90
  77. data/app/assets/stylesheets/furatto/_toolbars.scss +0 -116
  78. data/app/assets/stylesheets/furatto/_tooltips.scss +0 -131
  79. data/app/assets/stylesheets/furatto/_typography.scss +0 -224
  80. data/app/assets/stylesheets/furatto/_variables.scss +0 -625
@@ -1,104 +0,0 @@
1
- /*------------------------------------*\
2
- $NAV
3
- \*------------------------------------*/
4
- /**
5
- * Basic button structural styling.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- .nav {
11
- margin-left: 0;
12
- margin-bottom: $base-line-height;
13
- list-style: none;
14
- }
15
-
16
- // Make links block level
17
- .nav > li > a {
18
- display: block;
19
- }
20
-
21
- .nav > li > a:hover,
22
- .nav > li > a:focus {
23
- text-decoration: none;
24
- }
25
-
26
- // Prevent IE8 from misplacing imgs
27
- // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
28
- .nav > li > a > img {
29
- max-width: none;
30
- }
31
-
32
- // Redeclare pull classes because of specifity
33
- .nav > .pull-right {
34
- float: right;
35
- }
36
-
37
- // DISABLED STATES
38
- // ---------------
39
-
40
- // Gray out text
41
- .nav > .disabled > a {
42
- color: $light-gray;
43
- }
44
- // Nuke hover/focus effects
45
- .nav > .disabled > a:hover,
46
- .nav > .disabled > a:focus {
47
- text-decoration: none;
48
- background-color: transparent;
49
- cursor: default;
50
- }
51
-
52
- //Bordered navigation
53
- .nav {
54
- &.nav-bordered {
55
- background: #efefef;
56
- border: 1px solid #b7b7b7;
57
- font-size: 16px;
58
-
59
- li {
60
- &:hover {
61
- background: #e2e2e2;
62
- }
63
- a {
64
- padding: 0.9375em;
65
- color: #666;
66
- }
67
-
68
- &.nav-header {
69
- color: #666;
70
- padding: 0.9375em;
71
- border-bottom: 1px solid #b7b7b7;
72
- font-weight: bold;
73
-
74
- &:hover {
75
- background: #efefef;
76
- }
77
- }
78
-
79
- ul {
80
- @extend .nav;
81
- display: none;
82
- background: $white;
83
- margin-bottom: 0px;
84
-
85
- li {
86
- padding-left: 0.8em;
87
- &:hover {
88
- background: $white;
89
- }
90
- a {
91
- color: $link-color;
92
- padding: 0.6em;
93
- }
94
- }
95
- }
96
- }
97
-
98
- li.nav-divider {
99
- border-bottom: 1px solid #b7b7b7;
100
- margin: 3px auto;
101
- background: #b7b7b7;
102
- }
103
- }
104
- }
@@ -1,216 +0,0 @@
1
- /*------------------------------------*\
2
- $NAVBAR
3
- \*------------------------------------*/
4
- /**
5
- * Basic navbar structural styling based on bootstrap.
6
- * http://twitter.github.io/bootstrap/components.html#navbar
7
- *
8
- * Designed and built @kurenn
9
- */
10
-
11
- .navbar {
12
- overflow: visible;
13
- margin-bottom: $base-line-height;
14
- font-weight: lighter;
15
-
16
- .menu-trigger {
17
- display: none;
18
- }
19
-
20
- /*Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar*/
21
- *position: relative;
22
- *z-index: 2;
23
- }
24
-
25
- // Inner for background effects
26
- // Gradient is applied to its own element because overflow visible is not honored by IE when filter is present
27
- .navbar-inner {
28
- min-height: $navbar-height;
29
- padding-left: 20px;
30
- padding-right: 20px;
31
- background: $navbar-bg-color;
32
-
33
- /*Prevent floats from breaking the navbar*/
34
- @include clearfix;
35
- }
36
-
37
- // Override the default collapsed state
38
- .nav-collapse.collapse {
39
- height: auto;
40
- overflow: visible;
41
- }
42
-
43
- // Set width to auto for default container
44
- // We then reset it for fixed navbars in the #gridSystem mixin
45
- .navbar .container {
46
- width: auto;
47
- }
48
-
49
- .navbar .nav {
50
- padding-left: 0px;
51
-
52
- [class^="icon-"], [class*=" icon-"] {
53
- margin-right: 5px;
54
- }
55
- }
56
-
57
- .navbar .brand {
58
- float: left;
59
- display: block;
60
- margin-right: 20px;
61
- font-weight: 500;
62
-
63
- /*Vertically center the text given $navbar-height*/
64
- padding: (($navbar-height - $base-line-height) / 2) 20px (($navbar-height - $base-line-height) / 2);
65
-
66
- /*margin-left: -20px; [>negative indent to left-align the text down the page<]*/
67
- font-size: 20px;
68
- color: $navbar-brand-color;
69
-
70
- &:hover,
71
- &:focus {
72
- text-decoration: none;
73
- }
74
- }
75
-
76
- // Plain text in topbar
77
- .navbar-text {
78
- margin-bottom: 0;
79
- line-height: $navbar-height;
80
- color: $navbar-text;
81
- }
82
-
83
- // Links
84
- .navbar .nav > li > a {
85
- float: none;
86
- /*Vertically center the text given @navbarHeight*/
87
- padding: (($navbar-height - $base-line-height) / 2) 15px (($navbar-height - $base-line-height) / 2);
88
- color: $navbar-text;
89
- text-decoration: none;
90
- }
91
-
92
- // Active nav items
93
- .navbar .nav > .active > a,
94
- .navbar .nav > .active > a:hover,
95
- .navbar .nav > .active > a:focus {
96
- color: $navbar-link-color-active;
97
- text-decoration: none;
98
- background: lighten($navbar-bg-color, 10%);
99
- }
100
-
101
- // Navbar button for toggling navbar items in responsive layouts
102
- // These definitions need to come after '.navbar .btn'
103
- .navbar .btn-navbar {
104
- padding: 7px 10px;
105
- margin-top: 8px;
106
- margin-bottom: 8px;
107
- }
108
-
109
- .navbar .navbar-text {
110
- margin: 0;
111
- display: inline-block;
112
- }
113
-
114
- //Navigation
115
- .navbar .nav {
116
- position: relative;
117
- left: 0;
118
- display: block;
119
- float: left;
120
- margin: 0 10px 0 0;
121
- }
122
-
123
- .navbar .nav.pull-right {
124
- float: right; /*redeclare due to specificity*/
125
- margin-right: 0; /*remove margin on float right nav*/
126
- }
127
-
128
- .navbar .nav > li {
129
- float: left;
130
- }
131
-
132
- // Dividers in navbar
133
- .divider-vertical {
134
- height: $navbar-height; /*Fix for the navbar*/
135
- margin: 0 9px;
136
- border-left: 1px solid $navbar-border;
137
- }
138
-
139
- //Static Navbar
140
- .navbar-static-top {
141
- position: static;
142
- margin-bottom: 0; /*remove 18px margin for default navbar*/
143
- }
144
-
145
- //Fixed navbar
146
-
147
- //Navbar fixed top/bottom shared styles
148
- .navbar-fixed-top,
149
- .navbar-fixed-bottom {
150
- position: fixed;
151
- right: 0;
152
- left: 0;
153
- z-index: 1030;
154
- margin-bottom: 0; /*remove 18px margin for default navbar*/
155
- }
156
-
157
- //Fixed to top
158
- .navbar-fixed-top {
159
- top: 0;
160
- }
161
-
162
- //Fixed to bottom
163
- .navbar-fixed-bottom {
164
- bottom: 0;
165
- }
166
-
167
- //Search navbar form
168
- .navbar-form {
169
- vertical-align: middle;
170
- padding: 10px 15px;
171
- margin: 0;
172
-
173
- .form-fields {
174
- margin: 0;
175
- display: inline-block;
176
- vertical-align: middle;
177
-
178
- input {
179
- margin: 0;
180
- }
181
- }
182
- input {
183
- margin: 0;
184
- }
185
- }
186
-
187
- /* Navbar Inverse */
188
- /* -------------- */
189
-
190
- .navbar-inverse {
191
- border: 1px solid #BBB;
192
-
193
- .navbar-inner {
194
- background: $navbar-inverse-bg-color;
195
- }
196
-
197
- .nav > li > a {
198
- font-weight: 400;
199
- color: $navbar-inverse-text;
200
- }
201
-
202
- .brand {
203
- color: $navbar-inverse-text;
204
- font-weight: 400;
205
- }
206
-
207
- .divider-vertical {
208
- border-left: 1px solid #EEE;
209
- }
210
-
211
- .navbar-text {
212
- color: #0088cc;
213
- }
214
-
215
- }
216
-
@@ -1,277 +0,0 @@
1
- .panel-content {
2
- position: relative;
3
- top: 0;
4
- right: 0;
5
- bottom: 0;
6
- left: 0;
7
- width: auto;
8
- height: auto;
9
- }
10
-
11
- .panels {
12
- display: none;
13
- position: fixed;
14
- top: 0;
15
- right: 0;
16
- bottom: 0;
17
- left: 0;
18
- height: auto;
19
- width: auto;
20
- }
21
-
22
- .panel {
23
- position: absolute;
24
- top: 0;
25
- right: auto;
26
- bottom: 0;
27
- left: auto;
28
- width: 265px;
29
- height: auto;
30
- overflow: auto;
31
- @include transition(width 0.3s ease);
32
- display: none;
33
- }
34
-
35
- .panel-left {
36
- left: 0;
37
- z-index: 1;
38
- }
39
-
40
- .paneljs-left .panel-right,
41
- .paneljs-right .panel-left {
42
- display: none;
43
- }
44
-
45
- .paneljs-expand-left .panel-left,
46
- .paneljs-expand-right .panel-right {
47
- width: 100%;
48
- }
49
-
50
- /* Show "Left" drawer for the "Right" drawer in the demo */
51
- .paneljs-right .panel-left {
52
- display: block;
53
- right: 0;
54
- left: auto;
55
- }
56
-
57
- /* Hide the actual "Right" drawer in the demo */
58
- .paneljs-right .panel-right {
59
- display: none;
60
- }
61
-
62
- .panel-content {
63
- background: $bg-color;
64
- }
65
-
66
- .panel {
67
- background: $navbar-bg-color;
68
- }
69
-
70
-
71
- .panel {
72
-
73
- .nav + .nav {
74
- margin-bottom: 15px;
75
- }
76
-
77
- .nav {
78
- overflow: hidden;
79
- padding-left: 0;
80
- color: $navbar-text;
81
- font-size: $base-font-size;
82
- margin-top: 0px;
83
- float: none;
84
-
85
- li.dropdown {
86
- border-bottom: none;
87
- }
88
-
89
- [class^="icon-"], [class*=" icon-"] {
90
- margin-right: 5px;
91
- }
92
-
93
- .dropdown-toggle {
94
- .caret {
95
- display: none;
96
- }
97
- }
98
-
99
- div.dropdown-menu {
100
- padding: 0;
101
- width: 100%;
102
- display: block;
103
- margin-left: 13px;
104
-
105
- input[type="text"],
106
- input[type="password"],
107
- input[type="datetime"],
108
- input[type="datetime-local"],
109
- input[type="date"],
110
- input[type="month"],
111
- input[type="time"],
112
- input[type="week"],
113
- input[type="number"],
114
- input[type="email"],
115
- input[type="url"],
116
- input[type="search"],
117
- input[type="tel"],
118
- input[type="color"] {
119
- width: 80%;
120
- display: block;
121
-
122
- }
123
-
124
- input[type="submit"] {
125
- width: 85%;
126
- }
127
-
128
- }
129
-
130
- .dropdown-menu {
131
- position: static;
132
- background: none;
133
- border: none;
134
- @include box-shadow(0 0px 0px $navbar-bg-color);
135
- width: 100%;
136
-
137
- * {
138
- color: #eaeaea;
139
- font-weight: 400;
140
- }
141
-
142
- li.divider {
143
- border-bottom: 1px solid #CCC;
144
- }
145
-
146
- li {
147
- a {
148
- &:hover {
149
- background: none;
150
- }
151
- }
152
- }
153
- }
154
- }
155
-
156
- .nav > .active,
157
- .nav > .active,
158
- .nav > .active {
159
- background: #FFF;
160
- color: #0088cc;
161
-
162
- a {
163
- color: #0088cc;
164
- }
165
-
166
- &:before {
167
- content: ' ';
168
- position: relative;
169
- width: 0;
170
- height: 0px;
171
- }
172
- }
173
-
174
-
175
- li.dropdown {
176
- .dropdown-toggle {
177
- display: none;
178
- }
179
- }
180
-
181
- ul.dropdown-menu {
182
- display: block;
183
-
184
-
185
- .divider {
186
- display: none;
187
- }
188
- }
189
-
190
- //Form
191
- .search-navbar-form {
192
- float: none;
193
- margin-bottom: 10px;
194
-
195
- .form-fields {
196
- margin: 0 auto 10px auto;
197
- display: block;
198
- width: 100%;
199
-
200
- input {
201
- width: 100%;
202
- }
203
- }
204
-
205
- input[type="submit"], .btn {
206
- display: block;
207
- width: 100%;
208
- margin: 0 auto;
209
- }
210
- }
211
- }
212
-
213
- .panel-inverse {
214
- .nav {
215
- .dropdown-menu {
216
- * {
217
- color: #0088cc;
218
- }
219
- }
220
- }
221
-
222
- li {
223
- border-bottom: 1px solid #CCC;
224
- }
225
- }
226
-
227
- // Divider
228
- .panel .nav > li.divider-vertical {
229
- display: none;
230
- }
231
-
232
- .panel li > a {
233
- display: block;
234
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
235
- padding: 15px;
236
- font-weight: bold;
237
- text-decoration: none;
238
- color: #FFF;
239
- text-indent: 20px;
240
- }
241
-
242
- /* Inverse panel */
243
- /* ------------- */
244
-
245
- .panel-inverse {
246
- background: $panel-inverse-bg;
247
-
248
- .nav > li {
249
- border-bottom: 1px solid #CCC;
250
- }
251
-
252
- .nav > .active {
253
- color: $panel-inverse-active-color;
254
- background: $panel-inverse-active-bg;
255
-
256
- a {
257
- color: $panel-inverse-active-color;
258
- }
259
- }
260
-
261
- &.panel {
262
- background: $panel-inverse-bg;
263
- }
264
- }
265
-
266
- .panel-inverse .nav > li > a {
267
- color: $panel-inverse-link-color;
268
- font-weight: 400;
269
- }
270
-
271
- // Active nav items
272
- .navbar-inverse .nav > .active > a,
273
- .navbar-inverse .nav > .active > a:hover,
274
- .navbar-inverse .nav > .active > a:focus {
275
- color: $panel-inverse-active-color;
276
- background: $panel-inverse-active-bg;
277
- }