danix
's git repository
home
/
my projects
/
theme-danix.xyz.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
fixed images display inside a figure element, aka when not inside a gallery.
[theme-danix.xyz.git]
/
assets
/
sass
/
components
/
_image.scss
diff --git
a/assets/sass/components/_image.scss
b/assets/sass/components/_image.scss
index
6052089
..
67f156c
100644
(file)
--- a/
assets/sass/components/_image.scss
+++ b/
assets/sass/components/_image.scss
@@
-46,12
+46,16
@@
\r
&.fit {
\r
display: block;
\r
\r
&.fit {
\r
display: block;
\r
- margin: 0
0 _size(element-margin) 0
;
\r
- width:
10
0%;
\r
+ margin: 0
auto _size(element-margin)
;
\r
+ width:
9
0%;
\r
\r
img {
\r
width: 100%;
\r
}
\r
\r
img {
\r
width: 100%;
\r
}
\r
+ div.picture {
\r
+ max-width: 100%;
\r
+ height: auto;
\r
+ }
\r
}
\r
\r
&.main {
\r
}
\r
\r
&.main {
\r
@@
-61,6
+65,11
@@
\r
img {
\r
width: 100%;
\r
\r
img {
\r
width: 100%;
\r
+ max-width: 100%;
\r
+ }
\r
+ div.picture {
\r
+ max-width: 100%;
\r
+ height: auto;
\r
}
\r
\r
@include breakpoint('<=small') {
\r
}
\r
\r
@include breakpoint('<=small') {
\r
@@
-147,4
+156,8
@@
overflow: hidden;
\r
}
\r
}
\r
overflow: hidden;
\r
}
\r
}
\r
+ }
\r
+
\r
+ div.picture {
\r
+ display: inline-block;
\r
}
\ No newline at end of file
}
\ No newline at end of file