furatto 1.0.5 → 1.1.5
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.
- checksums.yaml +4 -4
- data/lib/furatto/version.rb +1 -1
- data/lib/generators/furatto/install_generator.rb +4 -0
- data/lib/generators/furatto/templates/application.html.erb +1 -3
- data/vendor/assets/javascripts/furatto.js +16 -11
- data/vendor/assets/stylesheets/furatto.scss +3 -0
- data/vendor/assets/stylesheets/furatto/_base.scss +23 -29
- data/vendor/assets/stylesheets/furatto/_button-groups.scss +11 -29
- data/vendor/assets/stylesheets/furatto/_buttons.scss +6 -6
- data/vendor/assets/stylesheets/furatto/_forms.scss +7 -22
- data/vendor/assets/stylesheets/furatto/_global.scss +0 -26
- data/vendor/assets/stylesheets/furatto/_grid.scss +2 -3
- data/vendor/assets/stylesheets/furatto/_mixins.scss +1 -1
- data/vendor/assets/stylesheets/furatto/_navigation_bar.scss +77 -12
- data/vendor/assets/stylesheets/furatto/_responsive_utilities.scss +12 -14
- data/vendor/assets/stylesheets/furatto/_selectors.scss +1 -0
- data/vendor/assets/stylesheets/furatto/_tables.scss +2 -4
- data/vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss +81 -0
- data/vendor/assets/stylesheets/furatto/_typography.scss +0 -12
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: cb7536e61f899bdbcfe9a770f524c46d16050949
|
|
4
|
+
data.tar.gz: 6f334d0a2b80f5df604548507bbe3013d4c9b348
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9235d7cf14f68ae131f15af8e4dbaca402dbf341bfc200c9366c4fdbbd7ca1aa60cc962b2c6c5ebd6e4338230a357deb49152a0c0c384cf62973c8e0e2fec9a4
|
|
7
|
+
data.tar.gz: 797112c06df7ba87cb9b221560c91d6c90e95332f7eb0a8c019004383d5a8d103d83c923edd0d54b2685cdd5242c054eedd731a04db451597a8fd035a9d9ca65
|
data/lib/furatto/version.rb
CHANGED
|
@@ -7,7 +7,11 @@ module Furatto
|
|
|
7
7
|
source_root File.join(File.dirname(__FILE__), 'templates')
|
|
8
8
|
argument :layout_name, :type => :string, :default => 'application', :banner => 'layout_name'
|
|
9
9
|
|
|
10
|
+
attr_reader :app_name
|
|
11
|
+
|
|
10
12
|
def add_assets
|
|
13
|
+
app = ::Rails.application
|
|
14
|
+
@app_name = app.class.to_s.split("::").first
|
|
11
15
|
# rails_ujs breaks, need to incorporate rails-behavior plugin for this to work seamlessly
|
|
12
16
|
# gsub_file "app/assets/javascripts/application#{detect_js_format[0]}", /\/\/= require jquery\n/, ""
|
|
13
17
|
insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require furatto\n", :after => "jquery_ujs\n"
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
|
|
8
8
|
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
|
|
9
9
|
|
|
10
|
-
<title
|
|
10
|
+
<title><%= app_name %></title>
|
|
11
11
|
|
|
12
12
|
<!-- Furatto core CSS -->
|
|
13
13
|
<%%= stylesheet_link_tag "application", :cache => true %>
|
|
@@ -21,8 +21,6 @@
|
|
|
21
21
|
</head>
|
|
22
22
|
|
|
23
23
|
<body>
|
|
24
|
-
<h1>Hello World!</h1>
|
|
25
|
-
|
|
26
24
|
<%%= yield %>
|
|
27
25
|
<%%= javascript_include_tag "application" %>
|
|
28
26
|
</body>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Furatto v3.0.
|
|
2
|
+
* Furatto v3.0.2 (http://icalialabs.github.io/furatto/)
|
|
3
3
|
* Copyright 2014-2014 Icalia Labs
|
|
4
4
|
* Licensed under MIT (https://github.com/IcaliaLabs/furatto/blob/master/LICENSE)
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
/*!
|
|
8
|
-
* Furatto v3.0.
|
|
8
|
+
* Furatto v3.0.2 (http://icalialabs.github.io/furatto/)
|
|
9
9
|
* Copyright 2014-2014 Icalia Labs
|
|
10
10
|
* Licensed under MIT (https://github.com/IcaliaLabs/furatto/blob/master/LICENSE)
|
|
11
11
|
*/
|
|
@@ -1559,17 +1559,22 @@ var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments)
|
|
|
1559
1559
|
}(window.jQuery);
|
|
1560
1560
|
|
|
1561
1561
|
jQuery(function() {
|
|
1562
|
-
$(
|
|
1562
|
+
$(document).mouseup(function(e) {
|
|
1563
|
+
var dropdown_container;
|
|
1564
|
+
dropdown_container = $('.with-dropdown');
|
|
1565
|
+
if (!dropdown_container.is(e.target) && dropdown_container.has(e.target).length === 0) {
|
|
1566
|
+
return dropdown_container.removeClass('opened');
|
|
1567
|
+
}
|
|
1568
|
+
});
|
|
1569
|
+
$(document).on('touchstart click', '.with-dropdown', function(e) {
|
|
1570
|
+
var $container;
|
|
1563
1571
|
e.preventDefault();
|
|
1564
|
-
|
|
1572
|
+
$container = $(e.target).parent();
|
|
1573
|
+
$container.siblings('.with-dropdown').removeClass('opened');
|
|
1574
|
+
return $container.toggleClass('opened');
|
|
1565
1575
|
});
|
|
1566
|
-
return $('.with-dropdown'
|
|
1567
|
-
|
|
1568
|
-
return e.stopPropagation();
|
|
1569
|
-
});
|
|
1570
|
-
return $(this).addClass('opened');
|
|
1571
|
-
}).mouseleave(function() {
|
|
1572
|
-
return $(this).removeClass('opened');
|
|
1576
|
+
return $(document).on('touchstart click', '.with-dropdown > ul.dropdown', function(e) {
|
|
1577
|
+
return e.stopPropagation();
|
|
1573
1578
|
});
|
|
1574
1579
|
});
|
|
1575
1580
|
|
|
@@ -17,6 +17,8 @@ $muted-text-color: #666666 !default;
|
|
|
17
17
|
$error-text-color: #c0392b !default;
|
|
18
18
|
$success-text-color: #27ae60 !default;
|
|
19
19
|
|
|
20
|
+
$include-hyphens: false !default;
|
|
21
|
+
|
|
20
22
|
//Reset settings
|
|
21
23
|
*,
|
|
22
24
|
*:after,
|
|
@@ -36,23 +38,27 @@ html, body {
|
|
|
36
38
|
overflow-x: hidden;
|
|
37
39
|
font-size: $base-font-size;
|
|
38
40
|
font-weight: $base-font-weight;
|
|
39
|
-
@include
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
41
|
+
@if $include-hyphens {
|
|
42
|
+
@include hyphens(auto);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@if $include-hyphens {
|
|
47
|
+
abbr,
|
|
48
|
+
acronym,
|
|
49
|
+
blockquote,
|
|
50
|
+
code,
|
|
51
|
+
dir,
|
|
52
|
+
kbd,
|
|
53
|
+
listing,
|
|
54
|
+
plaintext,
|
|
55
|
+
q,
|
|
56
|
+
samp,
|
|
57
|
+
tt,
|
|
58
|
+
var,
|
|
59
|
+
xmp {
|
|
60
|
+
@include hyphens(none);
|
|
61
|
+
}
|
|
56
62
|
}
|
|
57
63
|
|
|
58
64
|
body {
|
|
@@ -108,18 +114,6 @@ object {
|
|
|
108
114
|
color: $success-text-color;
|
|
109
115
|
}
|
|
110
116
|
|
|
111
|
-
.text-right {
|
|
112
|
-
text-align: right;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.text-center {
|
|
116
|
-
text-align: center;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.text-justify {
|
|
120
|
-
text-align: justify;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
117
|
//Text variations
|
|
124
118
|
.text-uppercase {
|
|
125
119
|
text-transform: uppercase;
|
|
@@ -1,25 +1,10 @@
|
|
|
1
1
|
//Button groups
|
|
2
2
|
|
|
3
|
-
//
|
|
4
|
-
//@variables
|
|
5
|
-
//
|
|
6
|
-
|
|
7
|
-
$sm-device-width: 480px !default;
|
|
8
|
-
|
|
9
|
-
//Media queries
|
|
10
|
-
$button-group-small-media-query: "#{$media-display} and (max-width: #{$sm-device-width})" !default;
|
|
11
|
-
|
|
12
|
-
//Variations
|
|
13
|
-
$button-radius: px-to-rems(3) !default;
|
|
14
|
-
$button-pill-radius: px-to-rems(1000) !default;
|
|
15
|
-
|
|
16
3
|
.button-group {
|
|
17
4
|
list-style: none;
|
|
18
5
|
margin: 0;
|
|
19
6
|
@extend %clearfix;
|
|
20
7
|
|
|
21
|
-
|
|
22
|
-
|
|
23
8
|
li {
|
|
24
9
|
float: left;
|
|
25
10
|
|
|
@@ -43,6 +28,17 @@ $button-pill-radius: px-to-rems(1000) !default;
|
|
|
43
28
|
border-left-width: 0;
|
|
44
29
|
}
|
|
45
30
|
}
|
|
31
|
+
|
|
32
|
+
//Media queries
|
|
33
|
+
@include phone {
|
|
34
|
+
float: none;
|
|
35
|
+
display: block;
|
|
36
|
+
|
|
37
|
+
.button,
|
|
38
|
+
button {
|
|
39
|
+
display: block;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
46
42
|
}
|
|
47
43
|
|
|
48
44
|
&.pill {
|
|
@@ -69,17 +65,3 @@ $button-pill-radius: px-to-rems(1000) !default;
|
|
|
69
65
|
}
|
|
70
66
|
}
|
|
71
67
|
}
|
|
72
|
-
|
|
73
|
-
@media #{$button-group-small-media-query} {
|
|
74
|
-
.button-group {
|
|
75
|
-
li {
|
|
76
|
-
float: none;
|
|
77
|
-
display: block;
|
|
78
|
-
|
|
79
|
-
.button,
|
|
80
|
-
button {
|
|
81
|
-
display: block;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
@@ -48,9 +48,6 @@ $button-success-background: #2ecc71 !default;
|
|
|
48
48
|
$button-danger-background: #e74c3c !default;
|
|
49
49
|
$button-warning-background: #e67e22 !default;
|
|
50
50
|
|
|
51
|
-
//Media queries
|
|
52
|
-
$button-block-media-query-width: px-to-rems(480) !default;
|
|
53
|
-
|
|
54
51
|
//
|
|
55
52
|
//@mixin
|
|
56
53
|
//
|
|
@@ -69,8 +66,10 @@ $button-block-media-query-width: px-to-rems(480) !default;
|
|
|
69
66
|
outline: none;
|
|
70
67
|
color: $button-font-color;
|
|
71
68
|
vertical-align: middle;
|
|
72
|
-
@include single-transition(all, 0.2s, ease-in-out);
|
|
73
69
|
position: relative;
|
|
70
|
+
@include single-transition(all, 0.2s, ease-in-out);
|
|
71
|
+
@include appearance(none);
|
|
72
|
+
@include border-radius(0);
|
|
74
73
|
|
|
75
74
|
.fa {
|
|
76
75
|
margin-right: $button-icon-separation;
|
|
@@ -110,6 +109,7 @@ $button-block-media-query-width: px-to-rems(480) !default;
|
|
|
110
109
|
|
|
111
110
|
&.active, &:active {
|
|
112
111
|
outline: 0;
|
|
112
|
+
background: darken($background-color, 5%);
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
&.alpha {
|
|
@@ -202,7 +202,7 @@ $button-block-media-query-width: px-to-rems(480) !default;
|
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
@
|
|
205
|
+
@include phone {
|
|
206
206
|
& {
|
|
207
207
|
display: block;
|
|
208
208
|
width: 100%;
|
|
@@ -256,7 +256,7 @@ button, .button {
|
|
|
256
256
|
margin-top: $button-vertical-separation;
|
|
257
257
|
}
|
|
258
258
|
|
|
259
|
-
@
|
|
259
|
+
@include phone {
|
|
260
260
|
& {
|
|
261
261
|
display: block;
|
|
262
262
|
width: 100%;
|
|
@@ -62,8 +62,6 @@ $form-select-backgroun-x-position: 97% !default;
|
|
|
62
62
|
|
|
63
63
|
$include-form-select-transition: true !default;
|
|
64
64
|
|
|
65
|
-
$form-input-media-query: "#{$media-display} and (max-width: #{$screen-xs})" !default;
|
|
66
|
-
|
|
67
65
|
form {
|
|
68
66
|
display: block;
|
|
69
67
|
width: 100%;
|
|
@@ -176,6 +174,13 @@ input[type="color"],
|
|
|
176
174
|
width: $form-input-large-width;
|
|
177
175
|
}
|
|
178
176
|
|
|
177
|
+
@include phone {
|
|
178
|
+
&.mini, &.small,
|
|
179
|
+
&.medium, &.large {
|
|
180
|
+
width: 100%;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
179
184
|
&.block {
|
|
180
185
|
width: 100%;
|
|
181
186
|
}
|
|
@@ -250,23 +255,3 @@ input[type="radio"] + label {
|
|
|
250
255
|
input[type="file"] {
|
|
251
256
|
width: 100%;
|
|
252
257
|
}
|
|
253
|
-
|
|
254
|
-
@media #{$form-input-media-query} {
|
|
255
|
-
textarea,
|
|
256
|
-
input[type="text"],
|
|
257
|
-
input[type="password"],
|
|
258
|
-
input[type="datetime"],
|
|
259
|
-
input[type="datetime-local"],
|
|
260
|
-
input[type="date"],
|
|
261
|
-
input[type="month"],
|
|
262
|
-
input[type="time"],
|
|
263
|
-
input[type="week"],
|
|
264
|
-
input[type="number"],
|
|
265
|
-
input[type="email"],
|
|
266
|
-
input[type="url"],
|
|
267
|
-
input[type="search"],
|
|
268
|
-
input[type="tel"],
|
|
269
|
-
input[type="color"] {
|
|
270
|
-
width: 100%;
|
|
271
|
-
}
|
|
272
|
-
}
|
|
@@ -23,29 +23,3 @@ $toolbar-bg-color: #232323 !default;
|
|
|
23
23
|
|
|
24
24
|
// Media queries
|
|
25
25
|
$media-display: "only screen" !default;
|
|
26
|
-
|
|
27
|
-
// Extra small screen / phone
|
|
28
|
-
$screen-xs: 480px !default;
|
|
29
|
-
$screen-xs-min: $screen-xs !default;
|
|
30
|
-
$screen-phone: $screen-xs-min !default;
|
|
31
|
-
|
|
32
|
-
// Small screen / tablet
|
|
33
|
-
$screen-sm: 768px !default;
|
|
34
|
-
$screen-sm-min: $screen-sm !default;
|
|
35
|
-
$screen-tablet: $screen-sm-min !default;
|
|
36
|
-
|
|
37
|
-
// Medium screen / desktop
|
|
38
|
-
$screen-md: 992px !default;
|
|
39
|
-
$screen-md-min: $screen-md !default;
|
|
40
|
-
$screen-desktop: $screen-md-min !default;
|
|
41
|
-
|
|
42
|
-
// Large screen / wide desktop
|
|
43
|
-
// Note: Deprecated $screen-lg and $screen-lg-desktop as of v3.0.1
|
|
44
|
-
$screen-lg: 1200px !default;
|
|
45
|
-
$screen-lg-min: $screen-lg !default;
|
|
46
|
-
$screen-lg-desktop: $screen-lg-min !default;
|
|
47
|
-
|
|
48
|
-
// So media queries don't overlap when required, provide a maximum
|
|
49
|
-
$screen-xs-max: ($screen-sm-min - 1) !default;
|
|
50
|
-
$screen-sm-max: ($screen-md-min - 1) !default;
|
|
51
|
-
$screen-md-max: ($screen-lg-min - 1) !default;
|
|
@@ -28,8 +28,7 @@ $stack-column-padding-right: 0 !default;
|
|
|
28
28
|
$stack-column-padding-left: 0 !default;
|
|
29
29
|
|
|
30
30
|
//Media
|
|
31
|
-
$grid-max-width:
|
|
32
|
-
$grid-max-width-media: "(max-width: #{$grid-max-width})" !default;
|
|
31
|
+
$grid-max-width: 768px !default;
|
|
33
32
|
|
|
34
33
|
//Row variations
|
|
35
34
|
$grid-primary-background-color: rgba(52, 152, 219, 0.8) !default;
|
|
@@ -121,7 +120,7 @@ $col-border-alpha: 0.5 !default;
|
|
|
121
120
|
}
|
|
122
121
|
}
|
|
123
122
|
|
|
124
|
-
@
|
|
123
|
+
@include max-screen($grid-max-width) {
|
|
125
124
|
[class*="col-"] {
|
|
126
125
|
&.border {
|
|
127
126
|
|
|
@@ -65,15 +65,19 @@ $navigation-bar-dropdown-divider-height: px-to-rems(1) !default;
|
|
|
65
65
|
$navigation-bar-dropdown-anchor-height: 45px !default;
|
|
66
66
|
$navigation-bar-dropdown-anchor-line-height: $navigation-bar-dropdown-anchor-height !default;
|
|
67
67
|
$navigation-bar-dropdown-right-position: 0px !default;
|
|
68
|
-
$navigation-bar-dropdown-border: 1px solid lighten($navigation-bar-background, 10%);
|
|
69
|
-
$include-navigation-bar-dropdown-top-border: false;
|
|
70
|
-
$navigation-bar-dropdown-radius: 3px;
|
|
68
|
+
$navigation-bar-dropdown-border: 1px solid lighten($navigation-bar-background, 10%) !default;
|
|
69
|
+
$include-navigation-bar-dropdown-top-border: false !default;
|
|
70
|
+
$navigation-bar-dropdown-radius: 3px !default;
|
|
71
|
+
$navigation-bar-dropdown-background: $navigation-bar-background !default;
|
|
72
|
+
$navigation-bar-dropdown-divider-color: $navigation-bar-divider-color !default;
|
|
71
73
|
|
|
72
74
|
|
|
75
|
+
//Form support
|
|
76
|
+
$navigation-bar-with-form-padding: $navigation-bar-height / 4 $navigation-bar-height / 3 !default;
|
|
77
|
+
$navigation-bar-with-form-input-height: $navigation-bar-height / 2 !default;
|
|
78
|
+
|
|
73
79
|
//Media
|
|
74
|
-
$
|
|
75
|
-
$navigation-bar-collapse-query: "#{$media-display} and (max-width: #{$media-collapse-width})" !default;
|
|
76
|
-
$navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-collapse-width})" !default;
|
|
80
|
+
$navigation-bar-collapse-width: 768px !default;
|
|
77
81
|
|
|
78
82
|
.navigation-bar {
|
|
79
83
|
background: $navigation-bar-background;
|
|
@@ -97,6 +101,30 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
|
|
|
97
101
|
ul:not(.brand-section) {
|
|
98
102
|
width: 100%;
|
|
99
103
|
|
|
104
|
+
li.with-form {
|
|
105
|
+
margin-bottom: 5px;
|
|
106
|
+
|
|
107
|
+
input[type="text"],
|
|
108
|
+
input[type="search"] {
|
|
109
|
+
width: 100%;
|
|
110
|
+
display: block;
|
|
111
|
+
margin-bottom: 5px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
input[type="submit"] {
|
|
115
|
+
&.button {
|
|
116
|
+
&.pill {
|
|
117
|
+
@include border-radius($button-pill-radius); //variable extrated from _buttons.scss
|
|
118
|
+
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
&.radius {
|
|
122
|
+
@include border-radius($button-radius); //variable extrated from _buttons.scss
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
100
128
|
li.with-dropdown {
|
|
101
129
|
.dropdown {
|
|
102
130
|
position: static;
|
|
@@ -106,9 +134,14 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
|
|
|
106
134
|
li {
|
|
107
135
|
width: 100%;
|
|
108
136
|
display: block;
|
|
137
|
+
padding: 0 $navigation-bar-height / 3;
|
|
138
|
+
|
|
139
|
+
a {
|
|
140
|
+
padding: 0;
|
|
141
|
+
}
|
|
109
142
|
|
|
110
143
|
.button {
|
|
111
|
-
width:
|
|
144
|
+
width: 100%;
|
|
112
145
|
margin-left: auto;
|
|
113
146
|
margin-right: auto;
|
|
114
147
|
}
|
|
@@ -203,6 +236,38 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
|
|
|
203
236
|
}
|
|
204
237
|
}
|
|
205
238
|
|
|
239
|
+
li.with-form {
|
|
240
|
+
padding: $navigation-bar-with-form-padding;
|
|
241
|
+
|
|
242
|
+
input[type="text"],
|
|
243
|
+
input[type="search"] {
|
|
244
|
+
margin: 0;
|
|
245
|
+
width: auto;
|
|
246
|
+
float: left;
|
|
247
|
+
height: $navigation-bar-with-form-input-height;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
input[type="submit"] {
|
|
251
|
+
float: left;
|
|
252
|
+
height: $navigation-bar-with-form-input-height;
|
|
253
|
+
line-height: 0;
|
|
254
|
+
|
|
255
|
+
&.button {
|
|
256
|
+
margin: 0;
|
|
257
|
+
|
|
258
|
+
&.pill {
|
|
259
|
+
@include border-radius(0 $button-pill-radius $button-pill-radius 0); //variable extrated from _buttons.scss
|
|
260
|
+
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
&.radius {
|
|
264
|
+
@include border-radius(0 $button-radius $button-radius 0); //variable extrated from _buttons.scss
|
|
265
|
+
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
|
|
206
271
|
li.with-dropdown {
|
|
207
272
|
position: relative;
|
|
208
273
|
|
|
@@ -222,6 +287,7 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
|
|
|
222
287
|
min-width: 100%;
|
|
223
288
|
@include border-radius(0px 0px $navigation-bar-dropdown-radius $navigation-bar-dropdown-radius);
|
|
224
289
|
border: $navigation-bar-dropdown-border;
|
|
290
|
+
background: $navigation-bar-dropdown-background;
|
|
225
291
|
|
|
226
292
|
//Handle the top border on dropdowns as not always should be there
|
|
227
293
|
@if $include-navigation-bar-dropdown-top-border == false {
|
|
@@ -231,7 +297,6 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
|
|
|
231
297
|
li {
|
|
232
298
|
width: 100%;
|
|
233
299
|
height: auto;
|
|
234
|
-
background: $navigation-bar-background;
|
|
235
300
|
white-space: nowrap;
|
|
236
301
|
|
|
237
302
|
a {
|
|
@@ -250,7 +315,7 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
|
|
|
250
315
|
|
|
251
316
|
&.divider {
|
|
252
317
|
height: $navigation-bar-dropdown-divider-height;
|
|
253
|
-
border-top: 1px solid $navigation-bar-divider-color;
|
|
318
|
+
border-top: 1px solid $navigation-bar-dropdown-divider-color;
|
|
254
319
|
}
|
|
255
320
|
}
|
|
256
321
|
}
|
|
@@ -303,16 +368,16 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
|
|
|
303
368
|
|
|
304
369
|
}
|
|
305
370
|
|
|
306
|
-
@
|
|
371
|
+
@include min-screen($navigation-bar-collapse-width) {
|
|
307
372
|
.navigation-bar { overflow: visible; }
|
|
308
373
|
}
|
|
309
374
|
|
|
310
375
|
//iPad fix
|
|
311
|
-
@
|
|
376
|
+
@include ipad($orientation: portrait) {
|
|
312
377
|
.navigation-bar { overflow: hidden; }
|
|
313
378
|
}
|
|
314
379
|
|
|
315
|
-
@
|
|
380
|
+
@include max-screen($navigation-bar-collapse-width) {
|
|
316
381
|
.off-screen {
|
|
317
382
|
.navigation-bar {
|
|
318
383
|
.brand-section {
|
|
@@ -6,24 +6,22 @@
|
|
|
6
6
|
|
|
7
7
|
// General settings
|
|
8
8
|
|
|
9
|
-
$media-display: "only screen" !default;
|
|
10
|
-
|
|
11
9
|
// Responsive screen sizes
|
|
12
|
-
$extra-small-screen:
|
|
13
|
-
$extra-small-screen-max:
|
|
14
|
-
$extra-small-media: "(max-width: #{$extra-small-screen-max})" !default;
|
|
10
|
+
$extra-small-screen: 480px !default;
|
|
11
|
+
$extra-small-screen-max: $extra-small-screen - 1 !default;
|
|
12
|
+
$extra-small-media: "#{$media-display} and (max-width: #{$extra-small-screen-max})" !default;
|
|
15
13
|
|
|
16
|
-
$small-screen:
|
|
17
|
-
$small-screen-max:
|
|
18
|
-
$small-screen-media: "(max-width: #{$small-screen-max})" !default;
|
|
19
|
-
$small-screen-range: "(min-width: #{$small-screen}) and (max-width: #{$small-screen-max})" !default;
|
|
14
|
+
$small-screen: 768px !default;
|
|
15
|
+
$small-screen-max: $small-screen - 1 !default;
|
|
16
|
+
$small-screen-media: "#{$media-display} and (max-width: #{$small-screen-max})" !default;
|
|
17
|
+
$small-screen-range: "#{$media-display} and (min-width: #{$small-screen}) and (max-width: #{$small-screen-max})" !default;
|
|
20
18
|
|
|
21
|
-
$medium-screen:
|
|
22
|
-
$medium-screen-max:
|
|
23
|
-
$medium-screen-range: "(min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
|
|
19
|
+
$medium-screen: 992px !default;
|
|
20
|
+
$medium-screen-max: $medium-screen - 1 !default;
|
|
21
|
+
$medium-screen-range: "#{$media-display} and (min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
|
|
24
22
|
|
|
25
|
-
$large-screen:
|
|
26
|
-
$large-screen-range: "(min-width: #{$large-screen})" !default;
|
|
23
|
+
$large-screen: 1200px !default;
|
|
24
|
+
$large-screen-range: "#{$media-display} and (min-width: #{$large-screen})" !default;
|
|
27
25
|
|
|
28
26
|
// Responsive screen orientations
|
|
29
27
|
$portrait-media: "#{$media-display} and (orientation: portrait)" !default;
|
|
@@ -28,9 +28,7 @@ $table-bordered-border-width: 1px !default;
|
|
|
28
28
|
$table-bordered-border-style: solid !default;
|
|
29
29
|
|
|
30
30
|
//Media queries
|
|
31
|
-
$media-
|
|
32
|
-
$media-max-width: 768px !default; //~ 768px
|
|
33
|
-
$media-table-responsive-query: "#{$media-display} and (max-width: #{$media-max-width})" !default;
|
|
31
|
+
$table-media-width: 768px !default; //~ 768px
|
|
34
32
|
|
|
35
33
|
//Responsive tables
|
|
36
34
|
$include-responsive-tables: true !default;
|
|
@@ -105,7 +103,7 @@ table {
|
|
|
105
103
|
|
|
106
104
|
@if($include-responsive-tables) {
|
|
107
105
|
//Responsive tables
|
|
108
|
-
@
|
|
106
|
+
@include max-screen($table-media-width) {
|
|
109
107
|
table.responsive {
|
|
110
108
|
margin-bottom: 0;
|
|
111
109
|
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
//
|
|
2
|
+
//@variables
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
$small-min-width: 480px !default;
|
|
6
|
+
$small-max-width: 767px !default;
|
|
7
|
+
|
|
8
|
+
$medium-min-width: $small-max-width + 1 !default;
|
|
9
|
+
$medium-max-width: 1023px !default;
|
|
10
|
+
|
|
11
|
+
$large-min-width: $medium-max-width + 1 !default;
|
|
12
|
+
|
|
13
|
+
.text-right {
|
|
14
|
+
text-align: right;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.text-center {
|
|
18
|
+
text-align: center;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.text-justify {
|
|
22
|
+
text-align: justify;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
//Large screen sizes alignment
|
|
26
|
+
@include min-screen($large-min-width) {
|
|
27
|
+
.text-center-lg {
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.text-left-lg {
|
|
32
|
+
text-align: center;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.text-justify-lg {
|
|
36
|
+
text-align: center;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.text-right-lg {
|
|
40
|
+
text-align: right;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
//Medium screen sizes alignment
|
|
46
|
+
@include screen($resMin: $medium-min-width, $resMax: $medium-max-width) {
|
|
47
|
+
.text-center-md {
|
|
48
|
+
text-align: center;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.text-left-md {
|
|
52
|
+
text-align: center;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.text-justify-md {
|
|
56
|
+
text-align: center;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.text-right-md {
|
|
60
|
+
text-align: right;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
//Small screen sizes alignment
|
|
65
|
+
@include screen($resMin: $small-min-width, $resMax: $small-max-width) {
|
|
66
|
+
.text-center-sm {
|
|
67
|
+
text-align: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.text-left-sm {
|
|
71
|
+
text-align: left;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.text-justify-sm {
|
|
75
|
+
text-align: justify;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.text-right-sm {
|
|
79
|
+
text-align: right;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -73,11 +73,6 @@ $blockquote-border-primary-color: lighten(#3498d9, 20%) !default;
|
|
|
73
73
|
$blockquote-border-success-color: lighten(#2ECC71, 20%) !default;
|
|
74
74
|
$blockquote-border-danger-color: lighten(#E74C3C, 20%) !default;
|
|
75
75
|
|
|
76
|
-
//Media queries
|
|
77
|
-
$medium-screen: 70.85714286rem !default;
|
|
78
|
-
$medium-screen-max: 70.78571429rem !default;
|
|
79
|
-
$medium-screen-range: "(min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
|
|
80
|
-
|
|
81
76
|
@if ($typography-reset) {
|
|
82
77
|
a, abbr, acronym, address,
|
|
83
78
|
b, big, cite, code, del, em,
|
|
@@ -233,11 +228,4 @@ $medium-screen-range: "(min-width: #{$medium-screen}) and (max-width: #{$medium-
|
|
|
233
228
|
margin-bottom: 0;
|
|
234
229
|
}
|
|
235
230
|
}
|
|
236
|
-
|
|
237
|
-
@media #{$medium-screen-range} {
|
|
238
|
-
h1 { font-size: $h1-font-size; }
|
|
239
|
-
h2 { font-size: $h2-font-size; }
|
|
240
|
-
h3 { font-size: $h3-font-size; }
|
|
241
|
-
h4 { font-size: $h4-font-size; }
|
|
242
|
-
}
|
|
243
231
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: furatto
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.1.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Abraham Kuri Vargas
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-03-
|
|
11
|
+
date: 2014-03-20 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: railties
|
|
@@ -101,6 +101,7 @@ files:
|
|
|
101
101
|
- vendor/assets/stylesheets/furatto/_suraido.scss
|
|
102
102
|
- vendor/assets/stylesheets/furatto/_tables.scss
|
|
103
103
|
- vendor/assets/stylesheets/furatto/_tabs.scss
|
|
104
|
+
- vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss
|
|
104
105
|
- vendor/assets/stylesheets/furatto/_toolbars.scss
|
|
105
106
|
- vendor/assets/stylesheets/furatto/_tooltips.scss
|
|
106
107
|
- vendor/assets/stylesheets/furatto/_typography.scss
|