consul/website/source/stylesheets/_jumbotron.less

62 lines
1.3 KiB
Plaintext
Executable File

//
// Jumbotron
// --------------------------------------------------
#jumbotron {
position: relative;
height: @jumbotron-height;
color: @jumbotron-color;
background-color: @gray-light;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
&.mobile-hero{
background: transparent url( ../images/node-hero-pattern.jpg ) center center;
background-size: 320px 320px;
background: -webkit-image-set( url('../images/node-hero-pattern.jpg') 1x, url('../images/node-hero-pattern@2x.jpg') 2x );
}
.container{
position: relative;
height: 100%;
.jumbo-logo{
position: absolute;
bottom: 0;
right: -150px;
width: 726px;
height: 454px;
background: transparent url( ../images/logo-circle-logo@2x.png ) 0 0 no-repeat;
background-size: 726px 454px;
z-index: 20;
pointer-events: none;
}
.col-lg-5{
z-index: 20;
pointer-events: none;
}
h2{
margin-top: 140px;
font-size: 28px;
line-height: 38px;
letter-spacing: 2px;
}
}
}
@media (min-width: 992px) {
.jumbotron .container .jumbo-logo{
right: -150px;
}
}
@media (min-width: 1200px) {
.jumbotron .container .jumbo-logo{
right: -120px;
}
}