minimal-devices 0.5.5 → 0.5.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. data/Gemfile.lock +1 -1
  2. data/css/imac.css +14 -14
  3. data/css/ipad.css +1 -1
  4. data/css/iphone.css +3 -3
  5. data/css/macbook.css +14 -14
  6. data/lib/minimal-devices.rb +1 -1
  7. data/stylesheets/_minimal-devices.scss +1 -1
  8. data/stylesheets/device/_imac.scss +14 -14
  9. data/stylesheets/device/_macbook-pro.scss +14 -13
  10. data/stylesheets/device/_shared-structure.scss +1 -1
  11. data/test.html +4 -4
  12. metadata +24 -20
  13. checksums.yaml +0 -7
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- minimal-devices (0.5.5)
4
+ minimal-devices (0.5.6)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
data/css/imac.css CHANGED
@@ -15,20 +15,6 @@
15
15
  background: #0f0f0f;
16
16
  position: relative;
17
17
  }
18
- .md-imac .md-glare:after {
19
- content: "";
20
- display: block;
21
- width: 50%;
22
- height: 100%;
23
- position: absolute;
24
- top: 0;
25
- right: 0;
26
- border-radius: 0 1.25em 0 0;
27
- background: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
28
- background: -moz-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
29
- background: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
30
- background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
31
- }
32
18
  .md-imac .md-screen {
33
19
  width: 57.5em;
34
20
  height: 32.375em;
@@ -96,3 +82,17 @@
96
82
  transform: perspective(11.875em) rotate3d(1, 0, 0, 70deg);
97
83
  box-shadow: 0 0.375em 0 #bfc0c3;
98
84
  }
85
+ .md-imac.md-glare .md-top:after {
86
+ content: "";
87
+ display: block;
88
+ width: 50%;
89
+ height: 100%;
90
+ position: absolute;
91
+ top: 0;
92
+ right: 0;
93
+ border-radius: 0 1.25em 0 0;
94
+ background: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
95
+ background: -moz-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
96
+ background: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
97
+ background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
98
+ }
data/css/ipad.css CHANGED
@@ -68,7 +68,7 @@
68
68
  height: 80%;
69
69
  position: absolute;
70
70
  top: 0.75em;
71
- right: 0.75em;
71
+ right: 0em;
72
72
  border-radius: 0 3.125em 0 0;
73
73
  background: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
74
74
  background: -moz-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
data/css/iphone.css CHANGED
@@ -68,7 +68,7 @@
68
68
  height: 80%;
69
69
  position: absolute;
70
70
  top: 0.75em;
71
- right: 0.75em;
71
+ right: 0em;
72
72
  border-radius: 0 3.125em 0 0;
73
73
  background: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
74
74
  background: -moz-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
@@ -176,14 +176,14 @@
176
176
  background: linear-gradient(#141917, #202623);
177
177
  }
178
178
 
179
- .md-white-device.md-landscape .home-button, .md-white-device.md-landscape .front-camera, .md-white-device.md-landscape .top-speaker {
179
+ .md-white-device.md-landscape .md-home-button, .md-white-device.md-landscape .md-front-camera, .md-white-device.md-landscape .md-top-speaker {
180
180
  background: -webkit-linear-gradient(left, #d0d0c5, #eeeeea);
181
181
  background: -moz-linear-gradient(left, #d0d0c5, #eeeeea);
182
182
  background: -o-linear-gradient(left, #d0d0c5, #eeeeea);
183
183
  background: linear-gradient(to right, #d0d0c5, #eeeeea);
184
184
  }
185
185
 
186
- .md-black-device.md-landscape .home-button, .md-black-device.md-landscape .front-camera, .md-black-device.md-landscape .top-speaker {
186
+ .md-black-device.md-landscape .md-home-button, .md-black-device.md-landscape .md-front-camera, .md-black-device.md-landscape .md-top-speaker {
187
187
  background: -webkit-linear-gradient(left, #141917, #202623);
188
188
  background: -moz-linear-gradient(left, #141917, #202623);
189
189
  background: -o-linear-gradient(left, #141917, #202623);
data/css/macbook.css CHANGED
@@ -11,20 +11,6 @@
11
11
  border: solid 0.1875em #cdced1;
12
12
  background: #131313;
13
13
  }
14
- .md-macbook-pro .md-glare:after {
15
- content: "";
16
- display: block;
17
- width: 50%;
18
- height: 100%;
19
- position: absolute;
20
- top: 0;
21
- right: 0;
22
- border-radius: 0 1.25em 0 0;
23
- background: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
24
- background: -moz-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
25
- background: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
26
- background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
27
- }
28
14
  .md-macbook-pro .md-camera {
29
15
  width: 0.375em;
30
16
  height: 0.375em;
@@ -82,3 +68,17 @@
82
68
  background: #a6a8ad;
83
69
  border-radius: 0 0 0.625em 0.625em;
84
70
  }
71
+ .md-macbook-pro.md-glare .md-lid:after {
72
+ content: "";
73
+ display: block;
74
+ width: 50%;
75
+ height: 100%;
76
+ position: absolute;
77
+ top: 0;
78
+ right: 0;
79
+ border-radius: 0 1.25em 0 0;
80
+ background: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
81
+ background: -moz-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
82
+ background: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
83
+ background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
84
+ }
data/lib/minimal-devices.rb CHANGED
@@ -7,6 +7,6 @@ Compass::Frameworks.register('minimal-devices',
7
7
 
8
8
  module Minimal
9
9
  module Devices
10
- VERSION = "0.5.5"
10
+ VERSION = "0.5.6"
11
11
  end
12
12
  end
data/stylesheets/_minimal-devices.scss CHANGED
@@ -2,4 +2,4 @@
2
2
  @import "device/ipad";
3
3
  @import "device/color-variations";
4
4
  @import "device/macbook-pro";
5
- @import "device/imac";
5
+ @import "device/imac";
data/stylesheets/device/_imac.scss CHANGED
@@ -21,20 +21,6 @@
21
21
  position: relative;
22
22
  }
23
23
 
24
- .md-glare {
25
- &:after {
26
- content: "";
27
- display: block;
28
- width: 50%;
29
- height: 100%;
30
- position: absolute;
31
- top: 0;
32
- right: 0;
33
- border-radius: 0 pxtoem(20) 0 0;
34
- @include background(linear-gradient( bottom left, rgba(#fff, 0) 50%, rgba(#f7f8f0, 0.025) 50%, rgba(#faf5fc, 0.08) ));
35
- }
36
- }
37
-
38
24
  .md-screen {
39
25
  width: pxtoem(920);
40
26
  height: pxtoem(518);
@@ -93,5 +79,19 @@
93
79
  @include transform(perspective(pxtoem(190)) rotate3d(1, 0, 0, 70deg));
94
80
  box-shadow: 0 pxtoem(6) 0 darken(#cccdcf, 5%);
95
81
  }
82
+
83
+ &.md-glare {
84
+ .md-top:after {
85
+ content: "";
86
+ display: block;
87
+ width: 50%;
88
+ height: 100%;
89
+ position: absolute;
90
+ top: 0;
91
+ right: 0;
92
+ border-radius: 0 pxtoem(20) 0 0;
93
+ @include background(linear-gradient( bottom left, rgba(#fff, 0) 50%, rgba(#f7f8f0, 0.025) 50%, rgba(#faf5fc, 0.08) ));
94
+ }
95
+ }
96
96
  }
97
97
 
data/stylesheets/device/_macbook-pro.scss CHANGED
@@ -14,19 +14,6 @@
14
14
  background: #131313;
15
15
  }
16
16
 
17
- .md-glare {
18
- &:after {
19
- content: "";
20
- display: block;
21
- width: 50%;
22
- height: 100%;
23
- position: absolute;
24
- top: 0;
25
- right: 0;
26
- border-radius: 0 pxtoem(20) 0 0;
27
- @include background(linear-gradient( bottom left, rgba(#fff, 0) 50%, rgba(#f7f8f0, 0.025) 50%, rgba(#faf5fc, 0.08) ));
28
- }
29
- }
30
17
 
31
18
  .md-camera {
32
19
  width: pxtoem(6);
@@ -90,4 +77,18 @@
90
77
  border-radius: 0 0 pxtoem(10) pxtoem(10);
91
78
  }
92
79
  }
80
+
81
+ &.md-glare {
82
+ .md-lid:after {
83
+ content: "";
84
+ display: block;
85
+ width: 50%;
86
+ height: 100%;
87
+ position: absolute;
88
+ top: 0;
89
+ right: 0;
90
+ border-radius: 0 pxtoem(20) 0 0;
91
+ @include background(linear-gradient( bottom left, rgba(#fff, 0) 50%, rgba(#f7f8f0, 0.025) 50%, rgba(#faf5fc, 0.08) ));
92
+ }
93
+ }
93
94
  }
data/stylesheets/device/_shared-structure.scss CHANGED
@@ -79,7 +79,7 @@ $black-phone-base: #1b211e;
79
79
  height: 80%;
80
80
  position: absolute;
81
81
  top: pxtoem(12);
82
- right: pxtoem(12);
82
+ right: pxtoem(0);
83
83
  border-radius: 0 pxtoem(50) 0 0;
84
84
  @include background(linear-gradient( bottom left, rgba(#fff, 0) 50%, rgba(#f7f8f0, 0.025) 50%, rgba(#faf5fc, 0.08) ));
85
85
  z-index: 100;
data/test.html CHANGED
@@ -75,8 +75,8 @@
75
75
  <section class="macbook">
76
76
 
77
77
  <div class="banner">
78
- <div class="md-macbook-pro">
79
- <div class="md-lid md-glare">
78
+ <div class="md-macbook-pro md-glare">
79
+ <div class="md-lid">
80
80
  <div class="md-camera"></div>
81
81
  <div class="md-screen"></div>
82
82
  </div>
@@ -88,9 +88,9 @@
88
88
 
89
89
  <section class="desktop">
90
90
  <div class="banner">
91
- <div class="md-imac">
91
+ <div class="md-imac md-glare">
92
92
  <div class="md-body">
93
- <div class="md-top md-glare">
93
+ <div class="md-top">
94
94
  <div class="md-camera"></div>
95
95
  <div class="md-screen"></div>
96
96
  </div>
metadata CHANGED
@@ -1,43 +1,39 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: minimal-devices
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.5
4
+ version: 0.5.6
5
+ prerelease:
5
6
  platform: ruby
6
7
  authors:
7
8
  - Jared Hardy
8
9
  autorequire:
9
10
  bindir: bin
10
11
  cert_chain: []
11
- date: 2013-06-14 00:00:00.000000000 Z
12
+ date: 2013-06-17 00:00:00.000000000 -07:00
13
+ default_executable:
12
14
  dependencies:
13
15
  - !ruby/object:Gem::Dependency
14
16
  name: bundler
15
- requirement: !ruby/object:Gem::Requirement
17
+ requirement: &70190812662500 !ruby/object:Gem::Requirement
18
+ none: false
16
19
  requirements:
17
20
  - - ~>
18
21
  - !ruby/object:Gem::Version
19
22
  version: '1.3'
20
23
  type: :development
21
24
  prerelease: false
22
- version_requirements: !ruby/object:Gem::Requirement
23
- requirements:
24
- - - ~>
25
- - !ruby/object:Gem::Version
26
- version: '1.3'
25
+ version_requirements: *70190812662500
27
26
  - !ruby/object:Gem::Dependency
28
27
  name: rake
29
- requirement: !ruby/object:Gem::Requirement
28
+ requirement: &70190812662040 !ruby/object:Gem::Requirement
29
+ none: false
30
30
  requirements:
31
- - - '>='
31
+ - - ! '>='
32
32
  - !ruby/object:Gem::Version
33
33
  version: '0'
34
34
  type: :development
35
35
  prerelease: false
36
- version_requirements: !ruby/object:Gem::Requirement
37
- requirements:
38
- - - '>='
39
- - !ruby/object:Gem::Version
40
- version: '0'
36
+ version_requirements: *70190812662040
41
37
  description: HTML and CSS minimal devices
42
38
  email:
43
39
  - jared@jaredhardy.com
@@ -78,28 +74,36 @@ files:
78
74
  - templates/device_markup/iphone.html
79
75
  - templates/device_markup/macbook.html
80
76
  - test.html
77
+ has_rdoc: true
81
78
  homepage: ''
82
79
  licenses:
83
80
  - MIT
84
- metadata: {}
85
81
  post_install_message:
86
82
  rdoc_options: []
87
83
  require_paths:
88
84
  - lib
89
85
  required_ruby_version: !ruby/object:Gem::Requirement
86
+ none: false
90
87
  requirements:
91
- - - '>='
88
+ - - ! '>='
92
89
  - !ruby/object:Gem::Version
93
90
  version: '0'
91
+ segments:
92
+ - 0
93
+ hash: -2369312181660840292
94
94
  required_rubygems_version: !ruby/object:Gem::Requirement
95
+ none: false
95
96
  requirements:
96
- - - '>='
97
+ - - ! '>='
97
98
  - !ruby/object:Gem::Version
98
99
  version: '0'
100
+ segments:
101
+ - 0
102
+ hash: -2369312181660840292
99
103
  requirements: []
100
104
  rubyforge_project:
101
- rubygems_version: 2.0.3
105
+ rubygems_version: 1.6.2
102
106
  signing_key:
103
- specification_version: 4
107
+ specification_version: 3
104
108
  summary: HTML and CSS minimal devices
105
109
  test_files: []
checksums.yaml DELETED
@@ -1,7 +0,0 @@
1
- ---
2
- SHA1:
3
- metadata.gz: 3aea2d7a9e025268462ae065abb25dfaa4d8f2a1
4
- data.tar.gz: 4a78bfbe01b2d60bf589245c7205c910d8696c0e
5
- SHA512:
6
- metadata.gz: a6d32b5f2300243e6360341eae5f802093aec30f512b48007bb9d8c5736b28082afdb1a7491dfe7ef0470f2dbfec25266b21fc92d0a106fe380874a6243f224b
7
- data.tar.gz: 9ba9379269124c86adadef9424889fdb33fe7f7e7fce6f21c30f8c74a7f997f0f93945a0e837d7ee5965061095e4e3539dadf2b6a590f3f1b4f68b32d34ef8d6