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