37 lines
675 B
SCSS
37 lines
675 B
SCSS
.story {
|
|
width: 75%;
|
|
margin: 0 auto;
|
|
box-shadow: 0 3rem 6rem rgba($color-black, 0.1);
|
|
background-color: $color-white;
|
|
border-radius: 3px;
|
|
padding: 6rem;
|
|
padding-left: 9rem;
|
|
font-size: $default-font-size;
|
|
transform: skewX(-12deg);
|
|
|
|
& > * {
|
|
transform: skewX(12deg);
|
|
}
|
|
|
|
&__shape {
|
|
width: 15rem;
|
|
height: 15rem;
|
|
float: left;
|
|
|
|
-webkit-shape-outside: circle(50% at 50% 50%);
|
|
shape-outside: circle(50% at 50% 50%);
|
|
|
|
-webkit-clip-path: circle(50% at 50% 50%);
|
|
clip-path: circle(50% at 50% 50%);
|
|
transform: translateX(-3rem) skewX(12deg);
|
|
}
|
|
|
|
&__img {
|
|
height: 100%;
|
|
}
|
|
|
|
&__text {
|
|
transform: skewX(12deg);
|
|
}
|
|
}
|