+ AlbumCollection component; gallery style fix
This commit is contained in:
1 parent
b71ac27c31
commit
7ceb862dfc
8 files changed
+45
-29
No files matched your search
@@ -0,0 +1,14 @@
|
||||
@import "../variables";
|
||||
|
||||
.album-collection{
|
||||
&__body{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
align-items:flex-end;
|
||||
}
|
||||
|
||||
&__title{
|
||||
|
||||
}
|
||||
}
|
||||
@@ -1,14 +1,18 @@
|
||||
@import "../variables";
|
||||
|
||||
$img-max-width: 500px;
|
||||
$double-margin-half: $double-margin / 2;
|
||||
$percentage: 25%;
|
||||
|
||||
gallery-item {
|
||||
width: $percentage;
|
||||
padding: 0 $double-margin-half;
|
||||
box-sizing: padding-box;
|
||||
|
||||
.gallery-item {
|
||||
width: calc(33% - #{$single-margin});
|
||||
margin-bottom: $single-margin;
|
||||
|
||||
img {
|
||||
img{
|
||||
width: 100%;
|
||||
max-width: $img-max-width;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user