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,86 +0,0 @@
1
- //Make sure the charset is set correctly
2
- @charset "UTF-8";
3
-
4
- //Compass Utilities
5
- @import "compass/css3/transition";
6
- @import "compass/css3/opacity";
7
- @import "compass/css3/border-radius";
8
- @import "compass/css3/box-sizing";
9
- @import "compass/css3/transform";
10
- @import "compass/css3/box-shadow";
11
- @import "compass/css3/images";
12
-
13
- //Variables
14
- @import "furatto/variables";
15
-
16
- //Helpers
17
- @import "furatto/mixins";
18
-
19
- //Import the font file for the site
20
- @import "furatto/fonts";
21
-
22
- //General css for layout
23
- @import 'furatto/base';
24
-
25
- //Buttons
26
- @import 'furatto/buttons';
27
-
28
- //Labels
29
- @import 'furatto/labels';
30
-
31
- //Alerts
32
- @import 'furatto/alerts';
33
-
34
- //Navs
35
- @import 'furatto/nav';
36
-
37
- //Navbar
38
- @import 'furatto/navbar';
39
-
40
- //Forms
41
- @import 'furatto/forms';
42
-
43
- //Tables
44
- @import 'furatto/tables';
45
- @import 'furatto/responsive_tables';
46
-
47
- //Images
48
- @import 'furatto/images';
49
-
50
- //Footer
51
- @import 'furatto/footer';
52
-
53
- //Code
54
- @import 'furatto/code';
55
-
56
- //Base
57
- @import 'furatto/typography';
58
-
59
- //Tooltips
60
- @import 'furatto/tooltips';
61
-
62
- //DatePicker
63
- @import 'furatto/date_picker';
64
- @import 'furatto/date_picker.date';
65
-
66
- //Toolbar
67
- @import 'furatto/toolbars';
68
-
69
- //Modal
70
- @import 'furatto/modal';
71
-
72
- //Drowpdowns
73
- @import 'furatto/dropdown';
74
-
75
- //Panel Menu
76
- @import 'furatto/panel';
77
-
78
- //Grid
79
- @import 'furatto/grid';
80
- @import 'furatto/responsive_navbar';
81
-
82
- @import 'furatto/dashboard';
83
- @import 'furatto/responsive_utilities';
84
-
85
- //Slider
86
- @import 'furatto/responsiveslides';
@@ -1,80 +0,0 @@
1
- /*------------------------------------*\
2
- $ALERTS
3
- \*------------------------------------*/
4
- /**
5
- * Basic alert structural styling.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- .alert {
11
- padding: 8px 35px 8px 14px;
12
- margin-bottom: $base-line-height;
13
- background-color: lighten($orange, 40%);
14
- @include border-radius($base-radius);
15
- color: $warning-alert-color;
16
- font-size: $base-font-size;
17
-
18
- .header, strong {
19
- color: $warning-header-color;
20
- font-weight: 600;
21
- font-size: $base-font-size;
22
- }
23
-
24
- .header {
25
- margin: 0;
26
- }
27
-
28
- .close {
29
- position: relative;
30
- top: -2px;
31
- right: -21px;
32
- line-height: $base-line-height;
33
- color: darken($dark-orange, 10%);
34
- float: right;
35
- border: none;
36
- background: none;
37
- font-size: 20px;
38
- cursor: pointer;
39
- font-weight: 600;
40
- }
41
- }
42
-
43
- .alert-success {
44
- background-color: lighten($green, 40%);
45
- color: $success-alert-color;
46
-
47
- .header {
48
- color: $success-header-color;
49
- }
50
-
51
- .close {
52
- color: $dark-green;
53
- }
54
- }
55
-
56
- .alert-info {
57
- background-color: lighten($blue, 35%);
58
- color: $info-alert-color;
59
-
60
- .header, strong {
61
- color: $info-header-color;
62
- }
63
-
64
- .close {
65
- color: $dark-blue;
66
- }
67
- }
68
-
69
- .alert-danger {
70
- background-color: lighten($red, 35%);
71
- color: $danger-alert-color;
72
-
73
- .header, strong {
74
- color: $danger-header-color;
75
- }
76
-
77
- .close {
78
- color: $dark-red;
79
- }
80
- }
@@ -1,99 +0,0 @@
1
- /*------------------------------------*\
2
- $BASE
3
- \*------------------------------------*/
4
- /**
5
- * Basic site structural styling.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- *,
11
- *:after,
12
- *:before {
13
- @include box-sizing(border-box);
14
- }
15
-
16
- html {
17
- font-family: $font-family;
18
- }
19
-
20
- body {
21
- font-size: $base-font-size;
22
- line-height: $base-line-height;
23
- color: $base-font-color;
24
- }
25
-
26
- h1, h2, h3, h4, h5, h6 {
27
- font-weight: $base-font-weight;
28
- }
29
-
30
- a {
31
- text-decoration: none;
32
- color: $link-color;
33
- }
34
-
35
- .noscroll {
36
- overflow: hidden;
37
- }
38
-
39
- html, body {
40
- background-color: $bg-color;
41
- height: 100%;
42
- overflow: hidden;
43
- }
44
-
45
- hr {
46
- clear: both;
47
- margin: 1.25em 0 1.875em;
48
- height: 0;
49
- border: solid $hr-color;
50
- border-width: 1px 0 0;
51
- }
52
-
53
- .link {
54
- color: $link-color !important;
55
-
56
- &:hover {
57
- text-decoration: underline;
58
- }
59
- }
60
-
61
- .container-center {
62
- width: $container-center-width;
63
- margin: 0 auto;
64
- @include clearfix();
65
- }
66
-
67
- /* Blockquote */
68
- /*----------------------------*/
69
- blockquote {
70
- color: $blockquote-color;
71
- font-style: italic;
72
- line-height: 1.8em;
73
- border-left: 5px solid $blockquote-border-color;
74
- padding-left: 1.5em
75
- }
76
-
77
- /* Helper classes */
78
- /*----------------------------*/
79
- .clearfix {
80
- @include clearfix;
81
- }
82
-
83
- .hide {
84
- display: none;
85
- }
86
-
87
- .help-block {
88
- color: #666;
89
- display: block;
90
- }
91
-
92
- //Floats
93
- .pull-right {
94
- float: right;
95
- }
96
-
97
- .pull-left {
98
- float: left;
99
- }
@@ -1,125 +0,0 @@
1
- /*------------------------------------*\
2
- $BUTTONS
3
- \*------------------------------------*/
4
- /**
5
- * Basic button structural styling.
6
- *
7
- * Designed and built @kurenn
8
- */
9
-
10
- .btn {
11
- display: inline-block;
12
- *display: inline;
13
- padding: 4px 12px;
14
- line-height: 20px;
15
- font-size: $base-font-size;
16
- color: $white;
17
- background-color: $inverse;
18
- cursor: pointer;
19
- text-align: center;
20
- vertical-align: middle;
21
- border: none;
22
- outline: none;
23
- @include single-transition(all, 0.3s, ease-in-out);
24
- @include border-radius(3px);
25
- font-weight: 300;
26
- margin: 5px 0;
27
- border: 1px solid darken($dark-inverse, 5%);
28
-
29
- &:hover, &:focus {
30
- zoom: 1;
31
- text-decoration: none;
32
- background: $dark-inverse;
33
- }
34
-
35
- &.btn-disabled, &[disabled] {
36
- cursor: no-drop;
37
- background-color: $dark-inverse;
38
- @include opacity(0.65);
39
- }
40
-
41
- &.active, &:active {
42
- outline: 0;
43
- }
44
-
45
- [class^="icon-"], [class*=" icon-"] {
46
- margin-right: 5px;
47
- }
48
-
49
- &.btn-alpha {
50
- border: 1px solid $white;
51
- background: rgba(0,0,0,0.0);
52
-
53
- &:hover {
54
- color: $inverse;
55
- background: $white;
56
- }
57
- }
58
-
59
- }
60
-
61
- /* Button colors definition */
62
- /*---------------------------*/
63
- @each $color in $colors {
64
- .btn-#{nth($color, 1)} {
65
- background-color: nth($color, 2);
66
- border: 1px solid darken(nth($color, 2), 5%);
67
-
68
- &:hover, &:focus {
69
- background-color: nth($color, 3);
70
- }
71
-
72
- &.btn-disabled, &[disabled] {
73
- background-color: nth($color, 2);
74
- }
75
-
76
- &.btn-alpha {
77
- color: $white;
78
- font-weight: 300;
79
- &:hover {
80
- color: nth($color, 3);
81
- }
82
- }
83
- }
84
- }
85
-
86
- /* Button sizes */
87
- /*-----------------------------*/
88
-
89
- .btn-large {
90
- padding: $padding-large;
91
- font-size: $font-size-large;
92
- }
93
-
94
- .btn-xlarge {
95
- padding: $padding-xlarge;
96
- font-size: $font-size-xlarge;
97
- }
98
-
99
- .btn-xxlarge {
100
- padding: $padding-xxlarge;
101
- font-size: $font-size-xlarge;
102
- }
103
-
104
- .btn-small {
105
- padding: $padding-small;
106
- font-size: $font-size-small;
107
- }
108
-
109
- .btn-mini {
110
- padding: $padding-mini;
111
- font-size: $font-size-mini;
112
- }
113
-
114
- .btn-block {
115
- display: block;
116
- width: 100%;
117
- padding-left: 0px;
118
- padding-right: 0px;
119
- }
120
-
121
- /* Vertical separation */
122
- /*----------------------*/
123
- .btn-block + .btn-block {
124
- margin-top: 5px;
125
- }
@@ -1,67 +0,0 @@
1
- /*------------------------------------*\
2
- $CODE
3
- \*------------------------------------*/
4
- /**
5
- * Basic code structural styling.
6
- *
7
- * Designed and built @kurenn based on the Baby Blue them for RainbowJS by tilomitra
8
- */
9
-
10
- pre {
11
- word-wrap: break-word;
12
- padding: 6px 10;
13
- line-height: 1.3em;
14
- margin-bottom: 20;
15
- border: 1px solid #ccc;
16
- }
17
-
18
- code {
19
- border: none;
20
- margin: 0 2px;
21
- font-size: $code-font-size;
22
- white-space: nowrap;
23
- }
24
-
25
- pre code {
26
- padding: 0;
27
- margin: 0;
28
- font-size: 0.95em;
29
- white-space: pre-wrap;
30
- }
31
-
32
- pre, code {
33
- font-family: Consolas, 'Liberation Mono', Courier, monospace;
34
- color: #333;
35
- background: $code-bg;
36
- @include border-radius(4px);
37
- }
38
-
39
- pre .comment {
40
- color: $code-comment-color;
41
- }
42
-
43
- pre .tag, pre .tag-name, pre .support.tag-name {
44
- color: $code-tag-color;
45
- }
46
-
47
- pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function {
48
- font-weight: bold;
49
- }
50
-
51
- pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace {
52
- color: $code-css-property-color;
53
- }
54
-
55
- pre .constant.numeric, pre .keyword.unit, pre .hex-color {
56
- font-weight: normal;
57
- color: #099;
58
- }
59
-
60
- pre .attribute, pre .variable, pre .support {
61
- color: #4f9fcf; /* skinbuilder block-page-text-normal with #1f8dd6 as primary */
62
- }
63
-
64
- pre .string, pre .support.value {
65
- font-weight: normal;
66
- color: #d44950; /* skinbuilder block-mine-text-low with #1f8dd6 as primary */
67
- }