62 lines
1.5 KiB
SCSS
62 lines
1.5 KiB
SCSS
/*------------------------------------------------------------------
|
|
[Form Control]
|
|
------------------------------------------------------------------*/
|
|
|
|
.form-control {
|
|
height: 50px;
|
|
@include font($size: 14px, $weight: 400);
|
|
color: $color-subtitle;
|
|
@include placeholder($color-subtitle);
|
|
background: $color-sky-light;
|
|
border: none;
|
|
box-shadow: none;
|
|
@include border-radius(0);
|
|
padding-left: 15px;
|
|
|
|
&:focus {
|
|
color: $color-heading;
|
|
@include placeholder($color-heading);
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------
|
|
[Full Screen Carousel]
|
|
------------------------------------------------------------------*/
|
|
|
|
.full-screen {
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
/*------------------------------------------------------------------
|
|
[Carousel]
|
|
------------------------------------------------------------------*/
|
|
|
|
.carousel-indicators {
|
|
left: auto;
|
|
width: auto;
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.carousel-centered {
|
|
@include position(absolute, $top: 50%);
|
|
@include translate3d(0,-50%,0);
|
|
}
|
|
|
|
.carousel-title {
|
|
@include font($size: 80px, $weight: 700);
|
|
color: $color-white;
|
|
line-height: 1.1;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
@media (max-width: $screen-sm-min) {
|
|
.carousel-title {
|
|
@include font($size: 60px);
|
|
}
|
|
} |