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,90 +0,0 @@
1
- /*------------------------------------*\
2
- $TABLES
3
- \*------------------------------------*/
4
- /**
5
- * Basic table structural styling.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- //Base tables
11
- table {
12
- max-width: 100%;
13
- background-color: transparent;
14
- border-collapse: collapse;
15
- border-spacing: 0;
16
- border: none;
17
- }
18
-
19
- .table {
20
- width: 100%;
21
- margin-bottom: $base-line-height;
22
-
23
- /*Cells */
24
- th, td {
25
- padding: 10px;
26
- line-height: $base-line-height;
27
- text-align: left;
28
- vertical-align: top;
29
- border-top: 1px solid $table-border-color;
30
- }
31
-
32
- th {
33
- font-weight: bold;
34
- border-bottom: 1px solid $table-border-color;
35
- }
36
-
37
- thead th {
38
- vertical-align: bottom;
39
- }
40
-
41
- //Remove border top from thead
42
- caption + thead tr:first-child th,
43
- caption + thead tr:first-child td,
44
- colgroup + thead tr:first-child th,
45
- colgroup + thead tr:first-child td,
46
- thead:first-child tr:first-child th,
47
- thead:first-child tr:first-child td {
48
- border-top: 0;
49
- }
50
-
51
- //Adjacents tbody support
52
- tbody + tbody {
53
- border-top: 2px solid $table-border-color;
54
- }
55
-
56
- //Table backgrounds
57
- @each $color in $colors {
58
- .tr-#{nth($color, 1)} {
59
- background-color: lighten(nth($color, 3), 0.9);
60
- color: #FFF;
61
- }
62
- }
63
- }
64
-
65
- //Condensed table
66
- .table-condensed {
67
- th, td {
68
- padding: 4px 5px;
69
- }
70
- }
71
-
72
- //Striped
73
- .table-striped {
74
- tbody {
75
- > tr:nth-child(odd) > td,
76
- > tr:nth-child(odd) > th {
77
- background-color: $table-striped-color;
78
- }
79
-
80
- }
81
- }
82
-
83
- //Table bordered
84
- .table-bordered {
85
- border: 1px solid $table-border-color;
86
-
87
- th, td {
88
- border: 1px solid $table-border-color;
89
- }
90
- }
@@ -1,116 +0,0 @@
1
- /*------------------------------------*\
2
- $TOOLBARS
3
- \*------------------------------------*/
4
- /**
5
- * Basic toolbars structural styling
6
- * http://paulkinzett.github.com/toolbar/
7
- *
8
- * Designed and built @kurenn
9
- */
10
-
11
- .tool-container {
12
- background-color: $toolbar-bg-color;
13
- position: absolute;
14
- @include border-radius(3px);
15
- }
16
-
17
- .tool-container.tool-top, .tool-container.tool-bottom {
18
- height: 34px;
19
- }
20
-
21
- .tool-items {
22
- height: 100%;
23
- }
24
-
25
- .tool-top .tool-item, .tool-bottom .tool-item {
26
- float: left;
27
- }
28
-
29
- .tool-left .tool-item, .tool-right .tool-item {
30
- height: 34px;
31
- }
32
-
33
-
34
- .tool-item {
35
- height: 100%;
36
- display: block;
37
- width: 44px;
38
- text-align: center;
39
-
40
- i {
41
- line-height: 34px;
42
- }
43
- }
44
-
45
- .tool-item:first-child {
46
- border-left: none;
47
- }
48
-
49
- .tool-left .tool-item:first-child, .tool-right .tool-item:first-child {
50
- border-top: 1px solid transparent;
51
- }
52
-
53
- .tool-item:last-child {
54
- border-right: none;
55
- border-bottom: none;
56
- }
57
-
58
- .tool-item.selected, .tool-item:hover {
59
- background: darken($toolbar-bg-color, 5%);
60
- }
61
-
62
- .tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover {
63
- @include border-top-right-radius(4px);
64
- @include border-bottom-right-radius(4px);
65
- }
66
-
67
- .tool-top .tool-item:first-child:hover, .tool-bottom .tool-item:first-child:hover {
68
- @include border-top-left-radius(4px);
69
- @include border-bottom-left-radius(4px);
70
- }
71
-
72
- .tool-left .tool-item:last-child:hover, .tool-right .tool-item:last-child:hover {
73
- @include border-bottom-right-radius(4px);
74
- @include border-bottom-left-radius(4px);
75
- }
76
-
77
- .tool-left .tool-item:first-child:hover, .tool-right .tool-item:first-child:hover {
78
- @include border-top-right-radius(4px);
79
- @include border-top-left-radius(4px);
80
- }
81
-
82
- .tool-container .arrow {
83
- width:0;
84
- height:0;
85
- position: absolute;
86
- border-width:7px;
87
- border-style:solid;
88
- }
89
-
90
- .tool-container.tool-top .arrow {
91
- border-color: $toolbar-bg-color transparent transparent;
92
- left: 50%;
93
- bottom: -14px;
94
- margin-left: -7px;
95
- }
96
-
97
- .tool-container.tool-bottom .arrow {
98
- border-color: transparent transparent $toolbar-bg-color;
99
- left: 50%;
100
- top: -14px;
101
- margin-left: -7px;
102
- }
103
-
104
- .tool-container.tool-left .arrow {
105
- border-color: transparent transparent transparent $toolbar-bg-color;
106
- top: 50%;
107
- right: -14px;
108
- margin-top: -7px;
109
- }
110
-
111
- .tool-container.tool-right .arrow {
112
- border-color: transparent $toolbar-bg-color transparent transparent;
113
- top: 50%;
114
- left: -14px;
115
- margin-top: -7px;
116
- }
@@ -1,131 +0,0 @@
1
- /*------------------------------------*\
2
- $TOOLTIPS
3
- \*------------------------------------*/
4
- /**
5
- * Basic tooltip structural styling
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- .tooltip {
11
- position: absolute;
12
- z-index: 1030;
13
- display: block;
14
- padding: 5px;
15
- font-size: 11px;
16
- opacity: 0;
17
- filter: alpha(opacity=0);
18
- visibility: visible;
19
- }
20
-
21
- .tooltip.in {
22
- opacity: 0.8;
23
- filter: alpha(opacity=80);
24
- }
25
-
26
- .tooltip.top {
27
- margin-top: -3px;
28
- }
29
-
30
- .tooltip.right {
31
- margin-left: 3px;
32
- }
33
-
34
- .tooltip.bottom {
35
- margin-top: 3px;
36
- }
37
-
38
- .tooltip.left {
39
- margin-left: -3px;
40
- }
41
-
42
- .tooltip-arrow {
43
- position: absolute;
44
- width: 0;
45
- height: 0;
46
- border-color: transparent;
47
- border-style: solid;
48
- }
49
-
50
- .tooltip.top .tooltip-arrow {
51
- bottom: 0;
52
- left: 50%;
53
- margin-left: -5px;
54
- border-top-color: #000000;
55
- border-width: 5px 5px 0;
56
- }
57
-
58
- .tooltip.right .tooltip-arrow {
59
- top: 50%;
60
- left: 0;
61
- margin-top: -5px;
62
- border-right-color: #000000;
63
- border-width: 5px 5px 5px 0;
64
- }
65
-
66
- .tooltip.left .tooltip-arrow {
67
- top: 50%;
68
- right: 0;
69
- margin-top: -5px;
70
- border-left-color: #000000;
71
- border-width: 5px 0 5px 5px;
72
- }
73
-
74
- .tooltip.bottom .tooltip-arrow {
75
- top: 0;
76
- left: 50%;
77
- margin-left: -5px;
78
- border-bottom-color: #000000;
79
- border-width: 0 5px 5px;
80
- }
81
-
82
- .tooltip {
83
- font-size: 13px;
84
- &.in {
85
- @include opacity(0.9);
86
- }
87
- &.top {
88
- padding-bottom: 9px;
89
- .tooltip-arrow {
90
- border-top-color: $inverse;
91
- border-width: 9px 9px 0;
92
- bottom: 0;
93
- margin-left: -9px;
94
- }
95
- }
96
- &.right {
97
- .tooltip-arrow {
98
- border-right-color: $inverse;
99
- border-width: 9px 9px 9px 0;
100
- margin-top: -9px;
101
- left: -3px;
102
- }
103
- }
104
- &.bottom {
105
- padding-top: 8px;
106
- .tooltip-arrow {
107
- border-bottom-color: $inverse;
108
- border-width: 0 9px 9px;
109
- margin-left: -9px;
110
- top: -1px;
111
- }
112
- }
113
- &.left {
114
- .tooltip-arrow {
115
- border-left-color: $inverse;
116
- border-width: 9px 0px 9px 9px;
117
- margin-top: -9px;
118
- right: -3px;
119
- }
120
- }
121
- }
122
-
123
- .tooltip-inner {
124
- background-color: $inverse;
125
- line-height: 18px;
126
- padding: 12px 14px;
127
- text-align: center;
128
- @include border-radius(6px);
129
- color: $white;
130
- }
131
-
@@ -1,224 +0,0 @@
1
- /*------------------------------------*\
2
- $TYPOGRAPHY
3
- \*------------------------------------*/
4
- /**
5
- * Basic typograhy structural styling
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- p {
11
- margin: 0 0 $base-line-height / 2;
12
- text-rendering: optimizeLegibility;
13
- line-height: 1.6;
14
- }
15
-
16
- /* Emphasis & miscelaneous */
17
- /* ----------------------- */
18
-
19
- em {
20
- font-style: italic;
21
- }
22
-
23
- //Utility classes
24
-
25
- .muted {
26
- color: $muted-color;
27
- }
28
-
29
- .text-warning {
30
- color: $dark-orange;
31
- }
32
-
33
- .text-error {
34
- color: $dark-red;
35
- }
36
-
37
- .text-success {
38
- color: $dark-green;
39
- }
40
-
41
- .text-info {
42
- color: $dark-blue;
43
- }
44
-
45
- .text-left {
46
- text-align: left;
47
- }
48
-
49
- .text-right {
50
- text-align: right;
51
- }
52
-
53
- .text-center {
54
- text-align: center;
55
- }
56
-
57
- //Headings
58
- //--------------------------------
59
-
60
- h1,h2,h3,h4,h5,h6 {
61
- margin: 0 0 10px 0;
62
- font-family: inherit;
63
- font-weight: 500;
64
- line-height: $base-line-height;
65
- text-rendering: optimizelegibility; // Fix the character spacing for headings
66
-
67
- small {
68
- font-weight: normal;
69
- line-height: 1;
70
- color: $light-gray;
71
- }
72
- }
73
-
74
- .light {
75
- font-weight: 300;
76
- color: $light-color;
77
- }
78
-
79
- /* Headers definition */
80
- /* ------------------ */
81
-
82
- h1, h2, h3 {
83
- line-height: $base-line-height * 2;
84
- }
85
-
86
- h4 {
87
- line-height: $base-line-height + 10;
88
- }
89
-
90
- h1 {
91
- font-size: $base-font-size * 2.75; // ~44px
92
- }
93
-
94
- h2 {
95
- font-size: $base-font-size * 2.25; // ~36px
96
- }
97
-
98
- h3 {
99
- font-size: $base-font-size * 1.75; // ~28px
100
- }
101
-
102
- h4 {
103
- font-size: $base-font-size * 1.25; // ~20px
104
- }
105
-
106
- h5 {
107
- font-size: $base-font-size; // 16px
108
- }
109
-
110
- h6 {
111
- font-size: $base-font-size * 0.85; // ~13.6px
112
- }
113
-
114
- /* Lists */
115
- /* ----- */
116
-
117
- // Unordered and Ordered lists
118
- ul, ol {
119
- padding: 0;
120
- margin: 0 0 $base-line-height / 2 25px;
121
- }
122
- ul ul,
123
- ul ol,
124
- ol ol,
125
- ol ul {
126
- margin-bottom: 0;
127
- }
128
-
129
- li {
130
- line-height: $base-line-height;
131
- }
132
-
133
- // Remove default list styles
134
- ul.unstyled,
135
- ol.unstyled {
136
- margin-left: 0;
137
- list-style: none;
138
- }
139
-
140
- // Single-line list items
141
- ul.inline,
142
- ol.inline {
143
- margin-left: 0;
144
- list-style: none;
145
- margin-bottom: 10px;
146
- margin-top: 10px;
147
-
148
- li {
149
- display: inline-block;
150
- padding-left: 8px;
151
- padding-right: 8px;
152
-
153
- a.btn {
154
- color: #FFF;
155
-
156
- &:hover {
157
- text-decoration: none;
158
- }
159
- }
160
-
161
- a {
162
- color: $link-color;
163
-
164
- &.active {
165
- background: #efefef;
166
- color: $muted-color;
167
- padding: 10px;
168
- @include border-radius(3px);
169
-
170
- &:hover {
171
- text-decoration: none;
172
- }
173
- }
174
-
175
- &:hover {
176
- text-decoration: underline;
177
- }
178
- }
179
- }
180
- }
181
-
182
- // Description Lists
183
- dl {
184
- margin-bottom: $base-line-height;
185
- }
186
- dt,
187
- dd {
188
- line-height: $base-line-height;
189
- }
190
- dt {
191
- font-weight: bold;
192
- }
193
- dd {
194
- margin-left: $base-line-height / 2;
195
- }
196
- // Horizontal layout (like forms)
197
- .dl-horizontal {
198
- @include clearfix(); // Ensure dl clears floats if empty dd elements present
199
- dt {
200
- float: left;
201
- clear: left;
202
- text-align: right;
203
- }
204
- }
205
-
206
- //Inline code
207
- .code {
208
- padding: 2px 4px;
209
- color: $code-color;
210
- white-space: nowrap;
211
- background-color: $code-bg;
212
- font-weight: normal;
213
- font-size: $base-font-size;
214
- @include border-radius(3px);
215
- }
216
-
217
- i.nomargin {
218
- margin-right: 0 !important;
219
- }
220
-
221
- //Uppercase
222
- .text-uppercase {
223
- text-transform: uppercase;
224
- }