Skip to content

Commit

Permalink
Remove unused #gallery-page from CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
mayo committed Jun 3, 2024
1 parent dfc4c44 commit 8da4b2f
Showing 1 changed file with 0 additions and 83 deletions.
83 changes: 0 additions & 83 deletions sass/media/css/default.scss
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@ body {
body,
article.article .content,
article.note .content,
// #gallery-page .grid-container.gallery .meta h1,
.font-serif {
/* Berling T is preferred, but not available on TypeKit */
font-family: $font-family-serif /*"freight-text-pro"*/;
Expand Down Expand Up @@ -980,85 +979,3 @@ dd a.extlink {
}

/* @end Blog */

/* @group Gallery */

#gallery-page .grid-container.gallery .imageset {
margin-bottom: 3em;
}

#gallery-page .slideshow .slide div.image {
/* Make all images appear the same size. With "contain", the full images are shown, but show shorter or narrower than the slideshow viewport. This looks odd. All images in a gallery should be the same aspect ratio and the gallery aspect ratio should be adjusted to the images, showing full image regardless of "cover" or "contain" setting. */
background-size: cover;
background-repeat: no-repeat;
background-position: left bottom !important;
}

/* @group image frame */

/* Fluid constant aspect ratio scaling frame. Create a frame that spans 100% of it's container (grid, screen, etc)... */
#gallery-page .slideshow {
width: 100%;
position: relative;
display: inline-block;
}

/* ... but restrict the aspect ratio ... */
/* padding-top:
16:9 => 56.25%
4:5 => 80.0
5:7 => 71.42
2:3 => 66.66
*/
/* controls after comes here to pick up the same height, and it needs to create block for height 100% to work correctly */
#gallery-page .slideshow .controls::after,
#gallery-page .slideshow::after {
display: block;
content: '';
padding-top: 66.66%;
}


/* @end */

/* position the controls over the slides */
#gallery-page .slideshow .controls {
position: absolute;
z-index: 10;
width: 100%;
color: $lightest;
}

#gallery-page .slideshow .controls button {
position: absolute;
display: block;
width: 50%;
height: 100%;

opacity: 0;
text-shadow: 0 0px 4px $darkest50;
transition: opacity 0.6s ease-in-out;
}

#gallery-page .slideshow .controls button:hover {
opacity: 1;
}

#gallery-page .slideshow .controls button.previous {
left: 0;
padding-right: 30%;
}

#gallery-page .slideshow .controls button.next {
right: 0;
padding-left: 30%;
}

/* hide extra content */

#gallery-page .slideshow .slide .main,
#gallery-page .slideshow .slide .caption {
display: none;
}

/* @end */

0 comments on commit 8da4b2f

Please sign in to comment.