furatto 1.0.5 → 1.1.5
Sign up to get free protection for your applications and to get access to all the features.
- 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
|