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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: c4fe2dac324dfa495e88f1ff30abc670ca61bb66
4
- data.tar.gz: f5bf954008f0992c847892508e408ef9e1b6bb19
3
+ metadata.gz: 7ee96d43dfb55bc0194db940da350068867f5f5d
4
+ data.tar.gz: d11856cbc748ba61614325fff6689e17b53a9d3e
5
5
  SHA512:
6
- metadata.gz: 470eaef727e1705328b49cf143c424c26c7448295c1c8ebd6eddb3d19507d8079de2da538c72f09f194acd811c330051a13145efb58b88aaa06c51fb405225f2
7
- data.tar.gz: a7f25e68667ec59d295b7613b49351fe11f2814e4a61ad4cc613fcb4a3eb11b2ffb858e5790fe41edf29116c3e4653a55f97572f84ed2121c0d99f7f089b17b7
6
+ metadata.gz: 1762e2933e8bb0959026e5f779c57a0ce1f15d567d675bb08c7eaf116ca04358419cab7d4f5656d7969398113540c7bae58c756a4cd2f0307c263fbbf25bf2a2
7
+ data.tar.gz: b54e2347d70d84ece8d183d9e7adb64a00ae11da7aca366a43db4bc6e17189e61c401357a9e67d9eba8676cf04f429d049d4e4fb912ba85e1361e2faf2093f70
@@ -1,3 +1,3 @@
1
1
  module Furatto
2
- VERSION = "1.2.6"
2
+ VERSION = "1.2.7"
3
3
  end
@@ -1,11 +1,11 @@
1
1
  /*!
2
- * Furatto v3.0.2 (http://icalialabs.github.io/furatto/)
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.2 (http://icalialabs.github.io/furatto/)
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: darken($background-color, 10%);
75
+ color: $text-color;
62
76
  border: $alert-border-width $alert-border-style lighten($background-color, 20%);
63
77
 
64
78
  .close {
65
- color: darken($background-color, 15%);
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
  }
@@ -130,3 +130,10 @@ object {
130
130
  .nopadding {
131
131
  padding: 0;
132
132
  }
133
+
134
+ //Google maps support
135
+ .gmap {
136
+ img {
137
+ max-width: none;
138
+ }
139
+ }
@@ -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: rgba($form-input-focus-border-color, 0.8);
149
+ border-color: $form-input-focus-border-color;
148
150
  outline: none;
149
- background: darken($form-input-background-color, 2%);
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: 100%;
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: 1px solid $navigation-bar-divider-color;
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: 1px solid $navigation-bar-divider-color;
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: 1px solid $navigation-bar-dropdown-divider-color;
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.6
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-04-03 00:00:00.000000000 Z
11
+ date: 2014-05-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties