flashoff 0.0.9 → 0.0.10

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 7b07dc18c4142872c01ba0ef72e02c5c7d12042f
4
- data.tar.gz: cb35ebb5b591b4e9b4aeef288dd12f3846865955
3
+ metadata.gz: f74fb2dc8b78be297b2eb7204f66d794fb2868d7
4
+ data.tar.gz: fdc86fef597b3547da1e81ef2d50a7483e1df30c
5
5
  SHA512:
6
- metadata.gz: 3cf03ed072731e30456fbed6889cb9a6d79a46247ab019695deb811e2ed23db99536e2b47e7cd054a6954e97bc5955e818f3531e058bf605d019e879da17f3d2
7
- data.tar.gz: bd6081e50bd27af84d779c8a356ed942bb423bfc61abc61c49de4f0943374a468bfbb7cc76375c591d33b05f525f5b4f082b11e093afa6e4f64689a5cefc9253
6
+ metadata.gz: 6dff4d8c0e5b594e33d70e84249e5fc54132db336790c2574419f692fcd0dd3ca929ec5aa86b4b571d0233b8a5dbe330e51fc699ec42ac64be9d3455b8382017
7
+ data.tar.gz: 1dca8682c0fce3d574b6437ec527622f9ca1229945bcab0618b12256200330a33818aee50a64dc1d39e053fa659101682b22dfe52522b11fe02720793d51510a
@@ -1,3 +1,3 @@
1
1
  module Flashoff
2
- VERSION = "0.0.9"
2
+ VERSION = "0.0.10"
3
3
  end
@@ -170,6 +170,15 @@ input.btn-block {
170
170
  .btn-group > .btn.active { z-index: 2; }
171
171
  .btn-group .dropdown-toggle:active,
172
172
  .btn-group.open .dropdown-toggle { outline: 0; }
173
+ .btn-group-outline > .btn {
174
+ border-width: 1px;
175
+ margin-left: -1px;
176
+ }
177
+ .btn-group-outline > .btn:first-child { margin-left: 0; }
178
+ .btn-group-outline > .btn:last-child,
179
+ .btn-group-outline > .dropdown-toggle { border-right: 1px solid rgba(229,230,234,1); }
180
+ .btn-group-outline > .btn:last-child:hover,
181
+ .btn-group-outline > .dropdown-toggle:hover { border-right: 1px solid rgba(199,200,204,1); }
173
182
 
174
183
  /* #Button Toolbar
175
184
  ================================================== */
@@ -163,11 +163,17 @@ select:focus:invalid {
163
163
  input:focus:invalid:focus,
164
164
  textarea:focus:invalid:focus,
165
165
  select:focus:invalid:focus { border-color: rgba(254,79,50,1); }
166
- .form-header h2 {
166
+ .form-header {
167
167
  border-bottom: 1px solid rgba(236,238,241,1);
168
168
  margin-bottom: 30px;
169
169
  padding-bottom: 5px;
170
170
  }
171
+ .form-header h1,
172
+ .form-header h2,
173
+ .form-header h3,
174
+ .form-header h4,
175
+ .form-header h5,
176
+ .form-header h6 { margin-bottom: 0; }
171
177
  .form-error-messages { margin-bottom: 40px; }
172
178
  .form-error-messages h4 {
173
179
  background-color: rgba(236,238,241,1);
@@ -191,6 +197,7 @@ select:focus:invalid:focus { border-color: rgba(254,79,50,1); }
191
197
  display: inline-block;
192
198
  margin-right: 10px;
193
199
  }
200
+ .form-text-inline { margin-top: 22px; }
194
201
  .form-help-block {
195
202
  color: rgba(158,171,179,1);
196
203
  display: block;
@@ -203,7 +210,6 @@ select:focus:invalid:focus { border-color: rgba(254,79,50,1); }
203
210
  padding: 20px 0 0 0;
204
211
  }
205
212
  .form-footer li:first-child { margin-top: 10px; }
206
- .form-text-inline { margin-top: 22px; }
207
213
 
208
214
  /* #Media Queries
209
215
  ================================================== */
@@ -1,6 +1,8 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
- #Image */
3
+ #Image
4
+ #Image Sizes
5
+ #Media Queries */
4
6
 
5
7
  /* #Image
6
8
  ================================================== */
@@ -22,9 +24,9 @@
22
24
  .img-placeholder i {
23
25
  color: rgba(71,74,84,1);
24
26
  display: block;
25
- font-size: 64px;
26
- line-height: 64px;
27
- margin: -42px 0 15px 0;
27
+ font-size: 72px;
28
+ line-height: 72px;
29
+ margin: -40px 0 5px 0;
28
30
  }
29
31
  img {
30
32
  border-radius: 3px;
@@ -36,4 +38,63 @@ img {
36
38
  width: auto\9;
37
39
  }
38
40
  .img-circle { border-radius: 500px; }
39
- .img-center { margin: 0 auto; }
41
+ .img-icon { max-width: 100%; }
42
+ .img-center { margin: 0 auto; }
43
+
44
+ /* #Image Sizes
45
+ ================================================== */
46
+ .container .one.column .img-placeholder,
47
+ .container .one.columns .img-placeholder { font-size: 0; }
48
+ .container .one.column .img-placeholder i,
49
+ .container .one.columns .img-placeholder i {
50
+ font-size: 28px;
51
+ line-height: 28px;
52
+ margin: -14px 0 0 0;
53
+ }
54
+ .container .three.columns .img-placeholder i {
55
+ font-size: 84px;
56
+ line-height: 84px;
57
+ margin-top: -46px;
58
+ }
59
+
60
+ /* #Media Queries
61
+ ================================================== */
62
+ @media only screen and (min-width: 960px) and (max-width: 1199px) {
63
+ .container .two.columns .img-placeholder i {
64
+ font-size: 58px;
65
+ line-height: 58px;
66
+ margin-top: -36px;
67
+ }
68
+ }
69
+ @media only screen and (min-width: 768px) and (max-width: 959px) {
70
+ .container .two.columns .img-placeholder { font-size: 0; }
71
+ .container .one.column .img-placeholder i,
72
+ .container .one.columns .img-placeholder i {
73
+ font-size: 18px;
74
+ line-height: 18px;
75
+ margin-top: -8px;
76
+ }
77
+ .container .two.columns .img-placeholder i {
78
+ font-size: 48px;
79
+ line-height: 48px;
80
+ margin-top: -24px;
81
+ }
82
+ .container .three.columns .img-placeholder i {
83
+ font-size: 72px;
84
+ line-height: 72px;
85
+ margin-top: -42px;
86
+ }
87
+ }
88
+ @media only screen and (max-width: 767px) {
89
+ .container .one.column .img-placeholder,
90
+ .container .one.columns .img-placeholder { font-size: 13px; }
91
+ .container .one.column .img-placeholder i,
92
+ .container .one.columns .img-placeholder i,
93
+ .container .two.columns .img-placeholder i,
94
+ .container .three.columns .img-placeholder i {
95
+ font-size: 144px;
96
+ line-height: 144px;
97
+ margin: -70px 0 5px 0;
98
+ }
99
+ .img-icon { max-width: 80px; }
100
+ }
@@ -1,11 +1,27 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
- #Placeholder */
3
+ #Placeholder
4
+ #Media Queries */
4
5
 
5
6
  /* #Placeholder
6
7
  ================================================== */
7
- .placeholder i { font-size: 144px; }
8
- .placeholder i.text-center {
9
- display: block;
10
- text-align: center;
8
+ .placeholder { text-align: center; }
9
+ .placeholder i {
10
+ background: rgba(58,144,216,1);
11
+ border-radius: 500px;
12
+ color: rgba(255,255,255,1);
13
+ font-size: 86px;
14
+ padding: 20px 31px;
15
+ }
16
+ .placeholder-divider {
17
+ background-color: rgba(236,238,241,1);
18
+ border-radius: 500px;
19
+ height: 8px;
20
+ margin: 20px auto;
21
+ width: 50%;
22
+ }
23
+ /* #Media Queries
24
+ ================================================== */
25
+ @media only screen and (max-width: 767px) {
26
+ .placeholder-divider { width: 75%; }
11
27
  }
@@ -8,7 +8,8 @@
8
8
  #Styles
9
9
  #Decorations
10
10
  #Transforms
11
- #Weights */
11
+ #Weights
12
+ #Displays */
12
13
 
13
14
  /* #Font-Face
14
15
  ================================================== */
@@ -145,4 +146,10 @@ blockquote small { color: rgba(158,171,179,1); }
145
146
  .text-light { font-weight: 200; }
146
147
  .text-normal { font-weight: normal; }
147
148
  .text-medium { font-weight: 500; }
148
- .text-bold { font-weight: bold; }
149
+ .text-bold { font-weight: bold; }
150
+
151
+ /* #Displays
152
+ ================================================== */
153
+ .display-block { display: block; }
154
+ .display-inline { display: inline; }
155
+ .display-inline-block { display: inline-block; }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: flashoff
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.9
4
+ version: 0.0.10
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-12-05 00:00:00.000000000 Z
11
+ date: 2013-12-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler