links/app/assets/stylesheets/web_resources_front.css.scss

48 lines
1.0 KiB
SCSS

// Place all the styles related to the act controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.index-link{
.link-img-wrap {
display: inline-block;
width: 30%;
@media (max-width: 768px){
width: 50%;
}
overflow: hidden;
img {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
}
}
}
.index-link.index2 li.col-md-4{
float: left;
.link-img-wrap {
height: 12.5em;
width: auto;
}
a:hover .link-title{
color: #0032b2;
font-size: 1.15em;
}
@media (min-width: 992px){
width: 33.3333%;
}
@media (min-width: 577px) and (max-width: 991px){
width: 50%;
}
@media (max-width: 576px){
width: 100%;
a .link-img-wrap {
height: auto;
}
}
@media (max-width: 768px){
.link-img-wrap {
width: auto;
}
}
}