neocities/public/assets/css/_project-sass/_project-Website-Gallery.scss
2013-09-15 22:01:08 -04:00

56 lines
986 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;
}
&.int-Gall{
li{
margin:0 .5% 12px;
width:24%;
}
a{padding:0;}
}
}
.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:cover!important;
-webkit-background-size:cover!important;
background-size:cover!important;
border:1px solid #ccc;
display:block;
}
.hp-Gallery img, .neo-Screen-Shot img{
width:100%
}