furatto 1.2.6 → 1.2.7
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/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
|