Vulcan/packages/telescope-theme-hubble/lib/client/scss/modules/_banners.scss

40 lines
746 B
SCSS
Raw Normal View History

.banner.banner{
background: rgba(255,255,255,0.7);
margin-bottom: 10px;
padding: 20px;
position: relative;
overflow: hidden;
}
.banner-heading{
border-bottom: 1px solid $grey;
font-weight: bold;
color: $medium-text;
padding-bottom: 10px;
margin-bottom: 10px;
}
.banner-dismiss, .banner-dismiss:link, .banner-dismiss:visited{
display: block;
position: absolute;
height: 30px;
width: 30px;
border-radius: 100%;
background: rgba(0,0,0,0.15);
color: white;
top: 50%;
margin-top: -15px;
right: 20px;
font-size: 16px;
text-align: center;
vertical-align: middle;
line-height: 32px;
@include small{
top: 10px;
right: 10px;
margin-top: 0px;
}
}
.banner-dismiss:hover{
color: inherit;
}