yusufipek/nexter-react
1
0
Fork 0
mirror of https://github.com/yusufipk/nexter-react.git synced 2026-09-12 01:56:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

created and styled stories section

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-13 13:13:50 +03:00
parent 68c330ae90
commit b1195f8078
5 changed files with 110 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sass/_story.scss
+38
View File
@@ -2,10 +2,48 @@
&__pictures {
background-color: $color-primary;
grid-column: full-start / col-end 4;
background-image: linear-gradient(
rgba($color-primary, 0.5),
rgba($color-primary, 0.5)
),
url(../commons/img/back.jpg);
display: grid;
grid-template-rows: repeat(6, 1fr);
grid-template-columns: repeat(6, 1fr);
align-items: center;
}
&__img--1 {
width: 100%;
grid-row: 2 / 6;
grid-column: 2 / 6;
box-shadow: 0 2rem 5rem rgba(#000, 0.1);
}
&__img--2 {
width: 115%;
z-index: 1;
grid-row: 4 / 6;
grid-column: 4 / 7;
box-shadow: 0 2rem 5rem rgba(#000, 0.2);
}
&__content {
background-color: $color-grey-light-1;
grid-column: col-start 5 / full-end;
padding: 6rem 8vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
&__text {
font-size: 1.5rem;
font-style: italic;
margin-bottom: 4rem;
}
}