furatto 1.2.6 → 1.2.7
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/vendor/assets/javascripts/furatto.js +2 -2
- data/vendor/assets/stylesheets/furatto/_alerts.scss +20 -6
- data/vendor/assets/stylesheets/furatto/_base.scss +7 -0
- data/vendor/assets/stylesheets/furatto/_forms.scss +6 -4
- data/vendor/assets/stylesheets/furatto/_grid.scss +36 -0
- data/vendor/assets/stylesheets/furatto/_navigation_bar.scss +9 -3
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7ee96d43dfb55bc0194db940da350068867f5f5d
|
|
4
|
+
data.tar.gz: d11856cbc748ba61614325fff6689e17b53a9d3e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1762e2933e8bb0959026e5f779c57a0ce1f15d567d675bb08c7eaf116ca04358419cab7d4f5656d7969398113540c7bae58c756a4cd2f0307c263fbbf25bf2a2
|
|
7
|
+
data.tar.gz: b54e2347d70d84ece8d183d9e7adb64a00ae11da7aca366a43db4bc6e17189e61c401357a9e67d9eba8676cf04f429d049d4e4fb912ba85e1361e2faf2093f70
|
data/lib/furatto/version.rb
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Furatto v3.0.
|
|
2
|
+
* Furatto v3.0.3 (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.3 (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
|
*/
|
|
@@ -10,6 +10,7 @@ $alert-margin-bottom: px-to-rems(20) !default;
|
|
|
10
10
|
$alert-font-size: px-to-rems(13) !default;
|
|
11
11
|
$alert-font-weight: normal !default;
|
|
12
12
|
$alert-default-background: #e67e22 !default;
|
|
13
|
+
$alert-text-color: darken($alert-default-background, 10%) !default;
|
|
13
14
|
|
|
14
15
|
//Close settings
|
|
15
16
|
$alert-close-font-size: px-to-rems(16) !default;
|
|
@@ -31,6 +32,17 @@ $alert-primary-background: #3498db !default;
|
|
|
31
32
|
$alert-success-background: #2ecc71 !default;
|
|
32
33
|
$alert-danger-background: #e74c3c !default;
|
|
33
34
|
|
|
35
|
+
//Text color for background variations
|
|
36
|
+
$alert-primary-text-color: darken($alert-primary-background, 10%) !default;
|
|
37
|
+
$alert-success-text-color: darken($alert-success-background, 10%)!default;
|
|
38
|
+
$alert-danger-text-color: darken($alert-danger-background, 10%) !default;
|
|
39
|
+
|
|
40
|
+
//Text color for background variations
|
|
41
|
+
$alert-primary-close-color: darken($alert-primary-background, 15%) !default;
|
|
42
|
+
$alert-success-close-color: darken($alert-success-background, 15%)!default;
|
|
43
|
+
$alert-danger-close-color: darken($alert-danger-background, 15%) !default;
|
|
44
|
+
|
|
45
|
+
|
|
34
46
|
//
|
|
35
47
|
//@mixin
|
|
36
48
|
// We use this mixin as to describe the alerts base
|
|
@@ -54,15 +66,17 @@ $alert-danger-background: #e74c3c !default;
|
|
|
54
66
|
//@mixin
|
|
55
67
|
// We use this to create the different styles of alerts
|
|
56
68
|
// $background-color - The color for the alert background. Default: $alert-default-background
|
|
69
|
+
// $text-color- The color for the alert text. Default: $alert-text-color
|
|
70
|
+
// $close-color The color for the alert close button. Default: darken($background-color, 15%)
|
|
57
71
|
//
|
|
58
72
|
|
|
59
|
-
@mixin alert-style($background-color: $alert-default-background) {
|
|
73
|
+
@mixin alert-style($background-color: $alert-default-background, $text-color: $alert-text-color, $close-color: darken($background-color, 15%)) {
|
|
60
74
|
background: lighten($background-color, 25%);
|
|
61
|
-
color:
|
|
75
|
+
color: $text-color;
|
|
62
76
|
border: $alert-border-width $alert-border-style lighten($background-color, 20%);
|
|
63
77
|
|
|
64
78
|
.close {
|
|
65
|
-
color:
|
|
79
|
+
color: $close-color;
|
|
66
80
|
}
|
|
67
81
|
}
|
|
68
82
|
|
|
@@ -124,7 +138,7 @@ $alert-danger-background: #e74c3c !default;
|
|
|
124
138
|
&.round { @include border-radius($alert-round) }
|
|
125
139
|
&.radius { @include border-radius($alert-radius); }
|
|
126
140
|
|
|
127
|
-
&.primary{ @include alert-style($alert-primary-background); }
|
|
128
|
-
&.success { @include alert-style($alert-success-background); }
|
|
129
|
-
&.danger { @include alert-style($alert-danger-background); }
|
|
141
|
+
&.primary{ @include alert-style($alert-primary-background, $alert-primary-text-color, $alert-primary-close-color); }
|
|
142
|
+
&.success { @include alert-style($alert-success-background, $alert-success-text-color, $alert-success-close-color); }
|
|
143
|
+
&.danger { @include alert-style($alert-danger-background, $alert-danger-text-color, $alert-danger-close-color); }
|
|
130
144
|
}
|
|
@@ -24,8 +24,9 @@ $form-input-padding: px-to-rems(5) !default;
|
|
|
24
24
|
$form-input-margin-bottom: px-to-rems(11) !default;
|
|
25
25
|
$form-input-box-shadow: inset 0 1px 2px rgba(#ccc,0.35) !default;
|
|
26
26
|
$form-input-focus-box-shadow: 0 0 5px rgba(#ccc, 1) !default;
|
|
27
|
-
$form-input-focus-border-color: #999 !default;
|
|
27
|
+
$form-input-focus-border-color: rgba(#999, 0.8) !default;
|
|
28
28
|
$form-input-background-color: #FFF !default;
|
|
29
|
+
$form-input-focus-background-color: darken($form-input-background-color, 2%) !default;
|
|
29
30
|
$form-input-border-color: #CCC !default;
|
|
30
31
|
$form-input-disabled-color: #ECF0F1 !default;
|
|
31
32
|
$form-input-disabled-background-color: #EEE !default;
|
|
@@ -33,6 +34,7 @@ $form-input-mini-width: 20% !default;
|
|
|
33
34
|
$form-input-small-width: $form-input-mini-width * 2 !default;
|
|
34
35
|
$form-input-medium-width: $form-input-mini-width * 3 !default;
|
|
35
36
|
$form-input-large-width: $form-input-mini-width * 4 !default;
|
|
37
|
+
$form-input-file-width: 100% !default;;
|
|
36
38
|
|
|
37
39
|
//Validation states
|
|
38
40
|
$form-label-success-color: #27ae60 !default;
|
|
@@ -144,9 +146,9 @@ input[type="color"],
|
|
|
144
146
|
//Focus state
|
|
145
147
|
&:focus {
|
|
146
148
|
@include box-shadow($form-input-focus-box-shadow);
|
|
147
|
-
border-color:
|
|
149
|
+
border-color: $form-input-focus-border-color;
|
|
148
150
|
outline: none;
|
|
149
|
-
background:
|
|
151
|
+
background: $form-input-focus-background-color;
|
|
150
152
|
}
|
|
151
153
|
|
|
152
154
|
//Disabled inputs
|
|
@@ -253,5 +255,5 @@ input[type="radio"] + label {
|
|
|
253
255
|
}
|
|
254
256
|
|
|
255
257
|
input[type="file"] {
|
|
256
|
-
width:
|
|
258
|
+
width: $form-input-file-width;
|
|
257
259
|
}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
//Grid settings
|
|
11
11
|
$number-of-columns: 12 !default;
|
|
12
|
+
$offset-columns: $number-of-columns !default;
|
|
12
13
|
$column-separation-factor: 0.1833 !default;
|
|
13
14
|
|
|
14
15
|
//Row config
|
|
@@ -53,6 +54,20 @@ $col-border-alpha: 0.5 !default;
|
|
|
53
54
|
}
|
|
54
55
|
}
|
|
55
56
|
|
|
57
|
+
//
|
|
58
|
+
//@mixin
|
|
59
|
+
//
|
|
60
|
+
@mixin grid-columns-offset($columns: $offset-columns) {
|
|
61
|
+
$column-width: 100 / $columns;
|
|
62
|
+
|
|
63
|
+
@for $i from 1 through $columns {
|
|
64
|
+
.offset-#{$i} {
|
|
65
|
+
margin-left: percentage(($column-width * $i) / 100);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
}
|
|
70
|
+
|
|
56
71
|
.row {
|
|
57
72
|
@extend %clearfix;
|
|
58
73
|
display: block;
|
|
@@ -80,6 +95,7 @@ $col-border-alpha: 0.5 !default;
|
|
|
80
95
|
|
|
81
96
|
//Columns
|
|
82
97
|
@include grid-columns;
|
|
98
|
+
@include grid-columns-offset;
|
|
83
99
|
}
|
|
84
100
|
|
|
85
101
|
//Separation between rows
|
|
@@ -118,6 +134,22 @@ $col-border-alpha: 0.5 !default;
|
|
|
118
134
|
[class*="col-"] {
|
|
119
135
|
padding-left: 0;
|
|
120
136
|
}
|
|
137
|
+
|
|
138
|
+
&.nopaddingleft {
|
|
139
|
+
padding-left: 0;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
&.nopaddingtop {
|
|
143
|
+
padding-top: 0;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
&.nopaddingright {
|
|
147
|
+
padding-right: 0;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
&.nopaddingbottom {
|
|
151
|
+
padding-bottom: 0;
|
|
152
|
+
}
|
|
121
153
|
}
|
|
122
154
|
|
|
123
155
|
@include max-screen($grid-max-width) {
|
|
@@ -142,4 +174,8 @@ $col-border-alpha: 0.5 !default;
|
|
|
142
174
|
padding-right: $stack-column-padding-right;
|
|
143
175
|
padding-left: $stack-column-padding-left;
|
|
144
176
|
}
|
|
177
|
+
|
|
178
|
+
[class*="offset-"] {
|
|
179
|
+
margin-left: 0;
|
|
180
|
+
}
|
|
145
181
|
}
|
|
@@ -21,6 +21,8 @@ $navigation-font-size: px-to-rems(13) !default;
|
|
|
21
21
|
$navigation-fixed-z-index: 1030 !default;
|
|
22
22
|
$navigation-bar-border-bottom: transparent !default;
|
|
23
23
|
$navigation-bar-divider-color: scale-color($navigation-bar-background, $lightness: 13%) !default;
|
|
24
|
+
$navigation-bar-divider-size: 1px !default;
|
|
25
|
+
$navigation-bar-divider-style: solid !default;
|
|
24
26
|
|
|
25
27
|
//Brand section
|
|
26
28
|
$navigation-bar-brand-section-font-size: px-to-rems(18) !default;
|
|
@@ -65,11 +67,14 @@ $navigation-bar-dropdown-divider-height: px-to-rems(1) !default;
|
|
|
65
67
|
$navigation-bar-dropdown-anchor-height: 45px !default;
|
|
66
68
|
$navigation-bar-dropdown-anchor-line-height: $navigation-bar-dropdown-anchor-height !default;
|
|
67
69
|
$navigation-bar-dropdown-right-position: 0px !default;
|
|
70
|
+
$navigation-bar-dropdown-top-position: $navigation-bar-height !default;
|
|
68
71
|
$navigation-bar-dropdown-border: 1px solid lighten($navigation-bar-background, 10%) !default;
|
|
69
72
|
$include-navigation-bar-dropdown-top-border: false !default;
|
|
70
73
|
$navigation-bar-dropdown-radius: 3px !default;
|
|
71
74
|
$navigation-bar-dropdown-background: $navigation-bar-background !default;
|
|
72
75
|
$navigation-bar-dropdown-divider-color: $navigation-bar-divider-color !default;
|
|
76
|
+
$navigation-bar-dropdown-divider-size: $navigation-bar-divider-size !default;
|
|
77
|
+
$navigation-bar-dropdown-divider-style: $navigation-bar-divider-style !default;
|
|
73
78
|
|
|
74
79
|
|
|
75
80
|
//Form support
|
|
@@ -148,7 +153,7 @@ $navigation-bar-collapse-width: 768px !default;
|
|
|
148
153
|
|
|
149
154
|
&.divider {
|
|
150
155
|
height: auto;
|
|
151
|
-
border-bottom:
|
|
156
|
+
border-bottom: $navigation-bar-divider-size $navigation-bar-divider-style $navigation-bar-divider-color;
|
|
152
157
|
}
|
|
153
158
|
}
|
|
154
159
|
}
|
|
@@ -190,6 +195,7 @@ $navigation-bar-collapse-width: 768px !default;
|
|
|
190
195
|
.dropdown {
|
|
191
196
|
right: $navigation-bar-dropdown-right-position;
|
|
192
197
|
left: auto;
|
|
198
|
+
top: $navigation-bar-dropdown-top-position;
|
|
193
199
|
}
|
|
194
200
|
}
|
|
195
201
|
}
|
|
@@ -232,7 +238,7 @@ $navigation-bar-collapse-width: 768px !default;
|
|
|
232
238
|
|
|
233
239
|
&.divider {
|
|
234
240
|
height: $navigation-bar-height;
|
|
235
|
-
border-left:
|
|
241
|
+
border-left: $navigation-bar-divider-size $navigation-bar-divider-style $navigation-bar-divider-color;
|
|
236
242
|
}
|
|
237
243
|
}
|
|
238
244
|
|
|
@@ -315,7 +321,7 @@ $navigation-bar-collapse-width: 768px !default;
|
|
|
315
321
|
|
|
316
322
|
&.divider {
|
|
317
323
|
height: $navigation-bar-dropdown-divider-height;
|
|
318
|
-
border-top:
|
|
324
|
+
border-top: $navigation-bar-dropdown-divider-size $navigation-bar-dropdown-divider-style $navigation-bar-dropdown-divider-color;
|
|
319
325
|
}
|
|
320
326
|
}
|
|
321
327
|
}
|
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.2.
|
|
4
|
+
version: 1.2.7
|
|
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-
|
|
11
|
+
date: 2014-05-30 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: railties
|