minimal-devices 0.5.5 → 0.5.6

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.
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