You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
915 B
62 lines
915 B
/* |
|
Hugo Story by CaressOfSteel |
|
A (modular, highly tweakable) responsive one-page theme for Hugo. |
|
Ported from Story by HTML5UP. |
|
This Hugo theme is licensed under the Creative Commons Attribution 3.0 License. |
|
*/ |
|
|
|
/* Image */ |
|
|
|
.image { |
|
border: 0; |
|
border-radius: _size(border-radius); |
|
display: inline-block; |
|
position: relative; |
|
|
|
img { |
|
display: block; |
|
border-radius: _size(border-radius); |
|
} |
|
|
|
&.left, |
|
&.right { |
|
width: 40%; |
|
max-width: 10rem; |
|
|
|
img { |
|
width: 100%; |
|
} |
|
} |
|
|
|
&.left { |
|
float: left; |
|
margin: 0 1.5rem 1rem 0; |
|
top: 0.25rem; |
|
} |
|
|
|
&.right { |
|
float: right; |
|
margin: 0 0 1rem 1.5rem; |
|
top: 0.25rem; |
|
} |
|
|
|
&.fit { |
|
display: block; |
|
margin: 0 0 _size(element-margin) 0; |
|
width: 100%; |
|
|
|
img { |
|
width: 100%; |
|
} |
|
} |
|
|
|
&.main { |
|
display: block; |
|
margin: 0 0 (_size(element-margin) * 1.5) 0; |
|
width: 100%; |
|
|
|
img { |
|
width: 100%; |
|
} |
|
} |
|
} |