add asentus template
This commit is contained in:
60
web/construction/asentus/HTML/sass/plugins/_back-to-top.scss
Normal file
60
web/construction/asentus/HTML/sass/plugins/_back-to-top.scss
Normal file
@@ -0,0 +1,60 @@
|
||||
/*--------------------------------------------------
|
||||
[Back To Top Theme Button]
|
||||
----------------------------------------------------*/
|
||||
|
||||
.back-to-top {
|
||||
@include position(fixed, $bottom: 10px, $right: 10px);
|
||||
display: inline-block;
|
||||
z-index: 9;
|
||||
@include size(40px);
|
||||
@include font($size: 11px, $weight: 400);
|
||||
color: $color-white;
|
||||
text-align: center;
|
||||
line-height: 3;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
background: $color-heading;
|
||||
@include border-radius(3px);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
padding: 5px;
|
||||
@include translate3d(0,50px,0);
|
||||
@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
|
||||
|
||||
&:hover {
|
||||
color: $color-white;
|
||||
@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* The Button Becomes Visible */
|
||||
.back-to-top {
|
||||
&.back-to-top-is-visible {
|
||||
visibility: visible;
|
||||
opacity: .6;
|
||||
@include translate3d(0,0,0);
|
||||
@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* If the user keeps scrolling down, the button is out of focus and becomes less visible */
|
||||
.back-to-top {
|
||||
&.back-to-top-fade-out {
|
||||
opacity: .4;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
/*------------------------------------------------------------------
|
||||
[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);
|
||||
}
|
||||
}
|
||||
42
web/construction/asentus/HTML/sass/plugins/_gmap.scss
Normal file
42
web/construction/asentus/HTML/sass/plugins/_gmap.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
/*----------------------------------
|
||||
Custome Style of Info Window
|
||||
------------------------------------*/
|
||||
|
||||
/* White background and box outline */
|
||||
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div {
|
||||
background-color: $color-white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Arrow colour */
|
||||
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div {
|
||||
background-color: $color-white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Let's remove image icon inside close button */
|
||||
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child > img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* New arrow style */
|
||||
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child {
|
||||
overflow: inherit !important;
|
||||
}
|
||||
|
||||
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child:after {
|
||||
@include position(absolute, $top: 0, $right: 0);
|
||||
@include font($size: 15px, $family: $font-family-sl-icons);
|
||||
color: $color-heading;
|
||||
content: "\e082";
|
||||
}
|
||||
|
||||
/* Positioning of infowindow */
|
||||
.gm-style-iw {
|
||||
top: 22px !important;
|
||||
left: 22px !important;
|
||||
}
|
||||
73
web/construction/asentus/HTML/sass/plugins/_masonry.scss
Normal file
73
web/construction/asentus/HTML/sass/plugins/_masonry.scss
Normal file
@@ -0,0 +1,73 @@
|
||||
/*--------------------------------------------------
|
||||
[Masonry Grid]
|
||||
----------------------------------------------------*/
|
||||
|
||||
.masonry-grid {
|
||||
position: relative;
|
||||
@include clearfix;
|
||||
margin: 0 -2px;
|
||||
|
||||
.masonry-grid-item {
|
||||
display: block;
|
||||
float: left;
|
||||
vertical-align: top;
|
||||
padding: 0 2px;
|
||||
margin-bottom: 4px;
|
||||
|
||||
&.col-12 { width: 100%; }
|
||||
&.col-11 { width: 91.66666667%; }
|
||||
&.col-10 { width: 83.33333333%; }
|
||||
&.col-9 { width: 75%; }
|
||||
&.col-8 { width: 66.66666667%; }
|
||||
&.col-7 { width: 58.33333333%; }
|
||||
&.col-6 { width: 50%; }
|
||||
&.col-5 { width: 41.66666667%; }
|
||||
&.col-4 { width: 33.33333333%; }
|
||||
&.col-3 { width: 25%; }
|
||||
&.col-2 { width: 16.66666667%; }
|
||||
&.col-1 { width: 8.33333333%; }
|
||||
}
|
||||
}
|
||||
/* Media Queries below 768px */
|
||||
@media (max-width: $screen-sm-min) {
|
||||
.masonry-grid {
|
||||
.masonry-grid-item {
|
||||
width: 50%;
|
||||
|
||||
&.col-12,
|
||||
&.col-11,
|
||||
&.col-10,
|
||||
&.col-9,
|
||||
&.col-8,
|
||||
&.col-7,
|
||||
&.col-6,
|
||||
&.col-5,
|
||||
&.col-4,
|
||||
&.col-3,
|
||||
&.col-2,
|
||||
&.col-1 { width: 50%; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Media Queries below 600px */
|
||||
@media (max-width: 600px) {
|
||||
.masonry-grid {
|
||||
.masonry-grid-item {
|
||||
width: 100%;
|
||||
|
||||
&.col-12,
|
||||
&.col-11,
|
||||
&.col-10,
|
||||
&.col-9,
|
||||
&.col-8,
|
||||
&.col-7,
|
||||
&.col-6,
|
||||
&.col-5,
|
||||
&.col-4,
|
||||
&.col-3,
|
||||
&.col-2,
|
||||
&.col-1 { width: 100%; }
|
||||
}
|
||||
}
|
||||
}
|
||||
23
web/construction/asentus/HTML/sass/plugins/_swiper.scss
Normal file
23
web/construction/asentus/HTML/sass/plugins/_swiper.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
/*------------------------------------------------------------------
|
||||
[Swiper Slider]
|
||||
------------------------------------------------------------------*/
|
||||
|
||||
.swiper-slider {
|
||||
@include position(relative);
|
||||
@include size(100%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.swiper-clients-img {
|
||||
display: block;
|
||||
@include size(190px, auto);
|
||||
margin: 0 auto;
|
||||
opacity: 1;
|
||||
cursor: pointer;
|
||||
@include cubic-transition($delay: 0, $duration: 200ms, $property: (all));
|
||||
|
||||
&:hover {
|
||||
opacity: .8;
|
||||
@include cubic-transition($delay: 0, $duration: 200ms, $property: (all));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user