projects
/
editorial.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Initial port
[editorial.git]
/
assets
/
main
/
sass
/
components
/
_image.scss
diff --git
a/assets/main/sass/components/_image.scss
b/assets/main/sass/components/_image.scss
index a86eb43e2c26db8cacc82bd0c2db538a82d0b296..82f826659b6136fa82b69bf73e7604a1d13124e6 100644
(file)
--- a/
assets/main/sass/components/_image.scss
+++ b/
assets/main/sass/components/_image.scss
@@
-1,5
+1,5
@@
///
\r
///
\r
-///
Massively
by HTML5 UP
\r
+///
Editorial
by HTML5 UP
\r
/// html5up.net | @ajlkn
\r
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
\r
///
\r
/// html5up.net | @ajlkn
\r
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
\r
///
\r
@@
-7,8
+7,8
@@
/* Image */
\r
\r
.image {
\r
/* Image */
\r
\r
.image {
\r
- border: 0;
\r
border-radius: _size(border-radius);
\r
border-radius: _size(border-radius);
\r
+ border: 0;
\r
display: inline-block;
\r
position: relative;
\r
\r
display: inline-block;
\r
position: relative;
\r
\r
@@
-28,25
+28,21
@@
\r
&.left {
\r
float: left;
\r
\r
&.left {
\r
float: left;
\r
-
margin: 0 2rem 2r
em 0;
\r
- top: 0.
75r
em;
\r
+
padding: 0 1.5em 1
em 0;
\r
+ top: 0.
25
em;
\r
}
\r
\r
&.right {
\r
float: right;
\r
}
\r
\r
&.right {
\r
float: right;
\r
-
margin: 0 0 2rem 2r
em;
\r
- top: 0.
75r
em;
\r
+
padding: 0 0 1em 1.5
em;
\r
+ top: 0.
25
em;
\r
}
\r
\r
&.fit {
\r
display: block;
\r
}
\r
\r
&.fit {
\r
display: block;
\r
- margin:
(_size(element-margin) * 1.25
) 0;
\r
+ margin:
0 0 _size(element-margin
) 0;
\r
width: 100%;
\r
\r
width: 100%;
\r
\r
- &:first-child {
\r
- margin-top: 0;
\r
- }
\r
-
\r
img {
\r
width: 100%;
\r
}
\r
img {
\r
width: 100%;
\r
}
\r
@@
-54,39
+50,25
@@
\r
&.main {
\r
display: block;
\r
\r
&.main {
\r
display: block;
\r
- margin:
(_size(element-margin) * 2
) 0;
\r
+ margin:
0 0 (_size(element-margin) * 1.5
) 0;
\r
width: 100%;
\r
\r
width: 100%;
\r
\r
- &:first-child {
\r
- margin-top: 0;
\r
- }
\r
-
\r
img {
\r
width: 100%;
\r
}
\r
}
\r
img {
\r
width: 100%;
\r
}
\r
}
\r
-
\r
- @include breakpoint('<=small') {
\r
- &.fit {
\r
- margin: _size(element-margin) 0;
\r
- }
\r
-
\r
- &.main {
\r
- margin: _size(element-margin) 0;
\r
- }
\r
- }
\r
}
\r
\r
a.image {
\r
overflow: hidden;
\r
\r
img {
\r
}
\r
\r
a.image {
\r
overflow: hidden;
\r
\r
img {
\r
- @include vendor('transition', 'transform #{_duration(transition)} ease
-out
');
\r
+ @include vendor('transition', 'transform #{_duration(transition)} ease');
\r
}
\r
\r
&:hover {
\r
img {
\r
}
\r
\r
&:hover {
\r
img {
\r
- @include vendor('transform', 'scale(1.05)');
\r
+ @include vendor('transform', 'scale(1.0
7
5)');
\r
}
\r
}
\r
}
\ No newline at end of file
}
\r
}
\r
}
\ No newline at end of file