houdini/app/assets/stylesheets/components/focal_point.css.scss

22 lines
527 B
SCSS
Raw Normal View History

2020-06-12 20:03:43 +00:00
/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
@import 'mixins';
.focalPointPreview {
position: relative;
margin: 10px auto;
overflow: hidden;
width: 300px;
height: 200px;
cursor: pointer;
background-size: cover;
background-position: center center;
}
img.focalPointPreview-reticle {
@include transform(translate(-50%, -50%));
position: absolute;
top: 50%;
left: 50%;
@include transition(all 0.2s ease-out);
}