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.
- data/Gemfile.lock +1 -1
- data/css/imac.css +14 -14
- data/css/ipad.css +1 -1
- data/css/iphone.css +3 -3
- data/css/macbook.css +14 -14
- data/lib/minimal-devices.rb +1 -1
- data/stylesheets/_minimal-devices.scss +1 -1
- data/stylesheets/device/_imac.scss +14 -14
- data/stylesheets/device/_macbook-pro.scss +14 -13
- data/stylesheets/device/_shared-structure.scss +1 -1
- data/test.html +4 -4
- metadata +24 -20
- checksums.yaml +0 -7
data/Gemfile.lock
CHANGED
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:
|
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:
|
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
@@ -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
|
|
@@ -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
|
}
|
@@ -79,7 +79,7 @@ $black-phone-base: #1b211e;
|
|
79
79
|
height: 80%;
|
80
80
|
position: absolute;
|
81
81
|
top: pxtoem(12);
|
82
|
-
right: pxtoem(
|
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
|
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
|
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.
|
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-
|
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:
|
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:
|
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:
|
105
|
+
rubygems_version: 1.6.2
|
102
106
|
signing_key:
|
103
|
-
specification_version:
|
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
|