@@ -26,7 +26,7 @@ build.divider = function(title) {
var html = '';
html = `
- <div class='divider fadeIn'>
+ <div class='divider'>
<h1>${ title }</h1>
</div>
`
@@ -4,7 +4,8 @@
#content {
- position: absolute;
+ display: flex;
+ flex-wrap: wrap;
padding: 50px 0 33px;
width: 100%;
min-height: calc(100% - 83px);
@@ -47,7 +48,7 @@
&.contentZoomOut .divider {
animation-name: fadeOut;
- animation-duration: .3s;
+ animation-duration: .2s;
animation-fill-mode: forwards;
animation-timing-function: $timing;
}
@@ -55,7 +56,6 @@
/* Albums and Photos ------------------------------------------------*/
.album,
.photo {
- float: left;
position: relative;
width: 202px;
height: 202px;
@@ -181,7 +181,6 @@
/* Divider ------------------------------------------------*/
.divider {
margin: 50px 0 0;
padding: 10px 0 0;
@@ -196,7 +195,6 @@
h1 {
margin: 0 0 0 30px;
color: white(.6);
font-size: 14px;
@@ -6,6 +6,8 @@
position: fixed;
display: none;
+ top: 0;
+ left: 0;
height: 100%;
background-color: rgba(10, 10, 10, .98);