ngx-admin/docs/app/pages/home/banner/banner.component.scss
2019-01-24 17:55:52 +03:00

82 lines
1.4 KiB
SCSS

/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
@import '../../../@theme/styles/themes';
:host {
position: fixed;
@include nb-ltr(right, 10px);
@include nb-rtl(left, 10px);
top: 80px;
border-radius: 5px;
background-color: #dc5425;
box-shadow: 0 2px 4px 0 rgba(189, 93, 60, 0.54);
z-index: 99999999;
.heading-with-icon {
display: flex;
align-items: center;
}
.icon {
height: auto;
width: 77px;
margin: 0 26px;
}
.banner-heading {
font-size: 14px;
line-height: 20px;
font-weight: 700;
margin: 0;
color: #ffffff;
}
.banner-content {
padding-top: 36px;
padding-bottom: 36px;
}
.close-button {
background: none;
border: none;
cursor: pointer;
margin-bottom: auto;
padding: 10px;
color: #ffffff;
}
.nb-close {
font-size: 24px;
font-weight: 600;
}
.cta {
margin: 8px 0 0;
font-size: 14px;
color: #ffffff;
}
.cta-link {
font-size: 10px;
border-radius: 2px;
display: inline-block;
padding: 4px 16px;
margin: 0 10px;
text-transform: uppercase;
font-weight: 700;
background: #ffffff;
color: #000000;
}
@media screen and (max-width: 991px) {
top: 20px;
}
@media screen and (max-width: 767px) {
display: none;
}
}