Vulcan/packages/telescope-theme-hubble/lib/client/scss/modules/_banners.scss
2015-04-22 07:50:11 +09:00

40 lines
No EOL
746 B
SCSS

.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: 24px;
text-align: center;
vertical-align: middle;
line-height: 32px;
@include small{
top: 10px;
right: 10px;
margin-top: 0px;
}
}
.banner-dismiss:hover{
color: inherit;
}