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,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
- }