neocities/public/assets/css/_project-sass/_project-Website-Gallery.scss
Scott O'Hara e8f13c4c23 website gallery fix
potential fix for misaligned rows in website browsing gallery page.
2013-09-15 21:28:09 -04:00

44 lines
837 B
SCSS

// ----------------------------------------------------------------
// Project Specific: Browse Websites Gallery
// ----------------------------------------------------------------
.website-Gallery{
list-style:none;
padding:10px 0;
li{
@extend .col-25;
float:left;
margin-bottom:$spacing*2;
@media (max-device-width:480px), screen and (max-width:800px){
width:50%
}
}
a{
padding:0 $spacing*2;
display:block;
}
}
.neo-SS, .neo-Screen-Shot{
background:#fff;
@include box-shadow($bs-4);
display:block;
height:auto!important;
padding:$spacing*2;
position:relative;
width:100%;
}
.img-Holder{
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
background-size:100% auto;
display:block;
}
.hp-Gallery img, .neo-Screen-Shot img{
width:100%
}