furatto 0.0.3 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
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,36 +0,0 @@
1
- /*------------------------------------*\
2
- $DASHBOARD
3
- \*------------------------------------*/
4
- /**
5
- * Basic dashboard structural styling.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- .bg-primary {
11
- background: $dashboard-primary-bg-color;
12
- }
13
-
14
- .bg-info {
15
- background: $dashboard-info-bg-color;
16
- }
17
-
18
- .bg-funky {
19
- background: $dashboard-funky-bg-color;
20
- }
21
-
22
- .bg-danger {
23
- background: $dashboard-danger-bg-color;
24
- }
25
-
26
- .bg-warning {
27
- background: $dashboard-warning-bg-color;
28
- }
29
-
30
- .bg-success {
31
- background: $dashboard-success-bg-color;
32
- }
33
-
34
- .bg-inverse {
35
- background: $dashboard-inverse-bg-color;
36
- }
@@ -1,26 +0,0 @@
1
- /*------------------------------------*\
2
- $FONTS
3
- \*------------------------------------*/
4
- /**
5
- * Basic fonts
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
11
-
12
- @font-face {
13
- font-family: 'MeteoconsRegular';
14
- src: url('/assets/meteocons-webfont.eot');
15
- src: url('/assets/meteocons-webfont.eot?#iefix') format('embedded-opentype'),
16
- url('/assets/meteocons-webfont.woff') format('woff'),
17
- url('/assets/meteocons-webfont.ttf') format('truetype'),
18
- url('/assets/meteocons-webfont.svg#MeteoconsRegular') format('svg');
19
- font-weight: normal;
20
- font-style: normal;
21
- }
22
-
23
- .meteocon:before {
24
- font-family: 'MeteoconsRegular';
25
- content: attr(data-meteocon);
26
- }
@@ -1,307 +0,0 @@
1
- /*------------------------------------*\
2
- $FORMS
3
- \*------------------------------------*/
4
- /**
5
- * Basic textfield structural styling.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- form {
11
- margin: 0 0 $base-line-height;
12
- }
13
-
14
- //Labels
15
- label {
16
- display: block;
17
- margin-bottom: 5px;
18
- cursor: pointer;
19
- }
20
-
21
- //Inputs
22
- textarea,
23
- input[type="text"],
24
- input[type="password"],
25
- input[type="datetime"],
26
- input[type="datetime-local"],
27
- input[type="date"],
28
- input[type="month"],
29
- input[type="time"],
30
- input[type="week"],
31
- input[type="number"],
32
- input[type="email"],
33
- input[type="url"],
34
- input[type="search"],
35
- input[type="tel"],
36
- input[type="color"],
37
- .uneditable-input {
38
- display: inline-block;
39
- height: $base-line-height;
40
- padding-left: 8px;
41
- height: 30px;
42
- margin-bottom: $base-line-height / 2;
43
- font-size: $base-font-size;
44
- line-height: $base-line-height;
45
- color: $input-color;
46
- @include border-radius($input-border-radius);
47
- vertical-align: middle;
48
- }
49
-
50
- //Reset textarea height because of the rows
51
- textarea {
52
- height: auto;
53
- }
54
-
55
- //Text inputs
56
- textarea,
57
- input[type="text"],
58
- input[type="password"],
59
- input[type="datetime"],
60
- input[type="datetime-local"],
61
- input[type="date"],
62
- input[type="month"],
63
- input[type="time"],
64
- input[type="week"],
65
- input[type="number"],
66
- input[type="email"],
67
- input[type="url"],
68
- input[type="search"],
69
- input[type="tel"],
70
- input[type="color"],
71
- .uneditable-input {
72
- background-color: $input-bg;
73
- border: 1px solid $input-border-color;
74
-
75
- /*Focus state*/
76
- &:focus {
77
- border-color: rgba($input-focus-color,.8);
78
- outline: 0;
79
- outline: thin dotted \9; /* IE6-9 */
80
- @include single-transition(border, 0.2s, linear)
81
- }
82
- }
83
-
84
- //Input sizes
85
- .input-mini {
86
- width: 16.667%;
87
- }
88
-
89
- .input-small {
90
- width: 33.34%;
91
- }
92
-
93
- .input-medium {
94
- width: 50%;
95
- }
96
-
97
- .input-large {
98
- width: 66.668%;
99
- }
100
-
101
- .input-xlarge {
102
- width: 83.335%;
103
- }
104
-
105
- .input-block {
106
- width: 100%;
107
- }
108
-
109
- /* Inline Forms */
110
- /* ------------ */
111
- .inline-form,
112
- .horizontal-form {
113
- input,
114
- textarea,
115
- select,
116
- .form-fields,
117
- .checkbox-fields {
118
- display: inline-block;
119
- margin-bottom: 0;
120
- vertical-align: middle;
121
- }
122
-
123
- .form-fields {
124
- margin-top: 4px;
125
- }
126
-
127
- label {
128
- display: inline-block;
129
- }
130
-
131
- // Re-hide hidden elements due to specifity
132
- .hide {
133
- display: none;
134
- }
135
- }
136
-
137
- /* Horizontal form */
138
- /* --------------- */
139
- .horizontal-form {
140
- .form-fields {
141
- display: block;
142
- margin-bottom: 10px;
143
-
144
- label {
145
- width: 160px;
146
- margin-right: 20px;
147
- text-align: right;
148
- }
149
- }
150
-
151
- .form-actions {
152
- margin-left: 184px;
153
- }
154
- }
155
-
156
- /* Centered forms */
157
- /* -------------- */
158
- .centered-form {
159
- @include center-block;
160
- }
161
-
162
- /* Level up the label on for checkboxes */
163
- /* ------------------------------------ */
164
- label.checkbox-label {
165
- display: inline-block;
166
- position: relative;
167
- top: -4px;
168
- margin-left: 5px;
169
- margin-right: 5px;
170
- }
171
-
172
- label.radiobutton-label {
173
- @extend .checkbox-label;
174
- }
175
-
176
- label {
177
- @include touch-callout;
178
- }
179
-
180
- /* Uneditable inputs */
181
- /* ----------------- */
182
-
183
- input[disabled],
184
- textarea[disabled] {
185
- color: $light-gray;
186
- cursor: not-allowed;
187
- overflow: hidden;
188
- white-space: nowrap;
189
- background: #EEE;
190
- }
191
-
192
- /* Input states */
193
- /* ------------ */
194
- .form-fields-success{
195
-
196
- .form-fields {
197
- color: $dark-green;
198
- }
199
-
200
- textarea,
201
- input[type="text"],
202
- input[type="password"],
203
- input[type="datetime"],
204
- input[type="datetime-local"],
205
- input[type="date"],
206
- input[type="month"],
207
- input[type="time"],
208
- input[type="week"],
209
- input[type="number"],
210
- input[type="email"],
211
- input[type="url"],
212
- input[type="search"],
213
- input[type="tel"],
214
- input[type="color"] {
215
- color: $dark-green;
216
- border: 1px solid $dark-green;
217
- }
218
- }
219
- .form-fields-warning{
220
- .form-fields {
221
- color: $dark-orange;
222
- }
223
- textarea,
224
- input[type="text"],
225
- input[type="password"],
226
- input[type="datetime"],
227
- input[type="datetime-local"],
228
- input[type="date"],
229
- input[type="month"],
230
- input[type="time"],
231
- input[type="week"],
232
- input[type="number"],
233
- input[type="email"],
234
- input[type="url"],
235
- input[type="search"],
236
- input[type="tel"],
237
- input[type="color"] {
238
- color: $dark-orange;
239
- border: 1px solid $dark-orange;
240
- }
241
- }
242
- .form-fields-error{
243
- .form-fields {
244
- color: $dark-red;
245
- }
246
-
247
- textarea,
248
- input[type="text"],
249
- input[type="password"],
250
- input[type="datetime"],
251
- input[type="datetime-local"],
252
- input[type="date"],
253
- input[type="month"],
254
- input[type="time"],
255
- input[type="week"],
256
- input[type="number"],
257
- input[type="email"],
258
- input[type="url"],
259
- input[type="search"],
260
- input[type="tel"],
261
- input[type="color"] {
262
- color: $dark-red;
263
- border: 1px solid $dark-red;
264
- }
265
- }
266
-
267
- /* Form controls */
268
- /* ------------- */
269
-
270
- .form-fields {
271
- margin: 8px 0;
272
-
273
- .help-hint {
274
- display: inline-block;
275
- }
276
-
277
-
278
- label {
279
- font-weight: bold;
280
- }
281
- }
282
-
283
- .checkbox-fields {
284
- vertical-align: middle;
285
- margin: 8px 0 15px 0;
286
-
287
-
288
- input[type="checkbox"] {
289
- margin-right: 5px;
290
- }
291
- }
292
-
293
-
294
- @media only screen and (max-width: 768px) {
295
- .horizontal-form {
296
- .form-fields {
297
- label {
298
- display: block;
299
- text-align: left;
300
- }
301
- }
302
-
303
- .form-actions {
304
- margin-left: 0;
305
- }
306
- }
307
- }
@@ -1,60 +0,0 @@
1
- /*------------------------------------*\
2
- $GRID
3
- \*------------------------------------*/
4
- /**
5
- * Grid definition based on the bootstrap grid.
6
- * http://twitter.github.io/bootstrap/scaffolding.html#gridSystem
7
- *
8
- * Designed and built @kurenn based
9
- */
10
-
11
-
12
- // Reset utility classes due to specificity
13
- [class*="col-"].hide,
14
- .row [class*="col-"].hide {
15
- display: none;
16
- }
17
-
18
- [class*="col-"].pull-right,
19
- .row [class*="col-"].pull-right {
20
- float: right;
21
- }
22
-
23
- .row {
24
- text-rendering: optimizespeed;
25
- @include clearfix();
26
-
27
- [class*="col-"]:first-child {
28
- margin-left: 0px;
29
- }
30
- }
31
-
32
- .row + .row {
33
- margin-top: 2px;
34
- }
35
-
36
- //Borders and paddings are applied inside the div element
37
- //This prevents the columns to stack by a border or padding
38
- [class*="col-"] {
39
- zoom: 1;
40
- letter-spacing: normal;
41
- word-spacing: normal;
42
- vertical-align: top;
43
- text-rendering: auto;
44
- float: left;
45
- padding: 8px;
46
- }
47
-
48
- @include build-column-grids;
49
-
50
- @media (max-width: 767px) {
51
- .row > [class *= "col-"] {
52
- width: 100%;
53
- margin-left: 0;
54
- margin-bottom: 2px;
55
- }
56
-
57
- .container-center {
58
- width: 95%;
59
- }
60
- }
@@ -1,64 +0,0 @@
1
- /*------------------------------------*\
2
- $IMAGES
3
- \*------------------------------------*/
4
- /**
5
- * Images definition.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
-
11
- .img {
12
- max-width: 100%;
13
- height: auto;
14
- vertical-align: middle;
15
- }
16
-
17
- .img-block {
18
- width: 100%;
19
- }
20
-
21
- .img-hover {
22
- @include transition(all .4s ease);
23
- &:hover {
24
- border: 1px solid rgba($img-border, 1);
25
- }
26
- }
27
-
28
- .img-circular {
29
- @include border-radius(50%);
30
- }
31
-
32
- .img-well {
33
- @include border-radius(2%);
34
- }
35
-
36
- .img-polaroid {
37
- padding: 4px;
38
- border: 1px solid rgba(#000, 0.2);
39
- background: #FFF;
40
- }
41
-
42
- .img-frame {
43
- display: inline-block;
44
- border: 1px solid #ccc;
45
-
46
- img {
47
- @extend .img;
48
- margin: 5px;
49
- }
50
-
51
- &.img-circular {
52
- img {
53
- @extend .img-circular;
54
- }
55
- }
56
-
57
- &.img-selected {
58
- @extend .img-selected;
59
- img {
60
- margin: 0;
61
- }
62
- }
63
-
64
- }