mirror of
https://github.com/10h30/yeuchaybo.git
synced 2026-07-11 18:56:16 +09:00
Thuan Bui
71 lines
1.1 KiB
SCSS
71 lines
1.1 KiB
SCSS
/* ## Gallery
|
|
--------------------------------------------- */
|
|
|
|
.gallery {
|
|
overflow: hidden;
|
|
|
|
img {
|
|
height: auto;
|
|
padding: 4px;
|
|
|
|
&:focus,
|
|
&:hover {
|
|
border: $border-width $border-style $medium-grey;
|
|
outline: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.gallery-item {
|
|
float: left;
|
|
margin: 0;
|
|
text-align: center;
|
|
|
|
.gallery-columns-1 & {
|
|
width: 100%;
|
|
}
|
|
|
|
.gallery-columns-2 & {
|
|
width: 50%;
|
|
}
|
|
|
|
.gallery-columns-3 & {
|
|
width: 33%;
|
|
}
|
|
|
|
.gallery-columns-4 & {
|
|
width: 25%;
|
|
}
|
|
|
|
.gallery-columns-5 & {
|
|
width: 20%;
|
|
}
|
|
|
|
.gallery-columns-6 & {
|
|
width: 16.6666%;
|
|
}
|
|
|
|
.gallery-columns-7 & {
|
|
width: 14.2857%;
|
|
}
|
|
|
|
.gallery-columns-8 & {
|
|
width: 12.5%;
|
|
}
|
|
|
|
.gallery-columns-9 & {
|
|
width: 11.1111%;
|
|
}
|
|
}
|
|
|
|
.gallery-columns-2 .gallery-item:nth-child(2n + 1),
|
|
.gallery-columns-3 .gallery-item:nth-child(3n + 1),
|
|
.gallery-columns-4 .gallery-item:nth-child(4n + 1),
|
|
.gallery-columns-5 .gallery-item:nth-child(5n + 1),
|
|
.gallery-columns-6 .gallery-item:nth-child(6n + 1),
|
|
.gallery-columns-7 .gallery-item:nth-child(7n + 1),
|
|
.gallery-columns-8 .gallery-item:nth-child(8n + 1),
|
|
.gallery-columns-9 .gallery-item:nth-child(9n + 1) {
|
|
clear: left;
|
|
}
|