This commit is contained in:
BoHung Chiu 2021-06-16 16:36:40 +08:00
parent 2e11326189
commit c7eecaf28f
2 changed files with 14 additions and 11 deletions

View File

@ -62,10 +62,13 @@
.w-ba-banner__caption { .w-ba-banner__caption {
background: $theme-color-main; background: $theme-color-main;
color: $theme-white; color: $theme-white;
z-index: 200; z-index: 2000;
padding: 0.5em 1em; padding: 0.5em 1em;
h2 { h2, h3, h4{
color: $theme-white;
}
h2, h3 {
font-family: $main-font; font-family: $main-font;
font-size: $w-caption-font-size; font-size: $w-caption-font-size;
margin: 0.5em 0; margin: 0.5em 0;

View File

@ -27,7 +27,7 @@
opacity: 0; opacity: 0;
top: -20000px; top: -20000px;
background: rgba(0,0,0,.7); background: rgba(0,0,0,.7);
z-index: 1000; z-index: 1100;
left: 0; left: 0;
transition:opacity .3s ,top 0s .3s; transition:opacity .3s ,top 0s .3s;
&.active{ &.active{
@ -57,22 +57,22 @@
font-weight: bold; font-weight: bold;
transition:opacity .5s ,top .5s, left 0s .5s; transition:opacity .5s ,top .5s, left 0s .5s;
padding: 2px; padding: 2px;
@media (min-width: 768px){ @media (min-width: 768px){
width: 40%; width: 40%;
padding: 30px; padding: 30px;
} }
@media (max-width: 767px){
padding: 30px 10px;
}
.close-btn{ .close-btn{
position: absolute; position: absolute;
right: 0; right: 0;
top:-40px; top:0;
padding: 5px 10px; padding: 5px 10px;
background: $theme-color-main; background: $theme-color-main;
color:#fff; color:#fff;
font-size: 18px; font-size: 18px;
transition:.3s; transition:.3s;
@media (min-width: 768px){
top:0;
}
&:hover{ &:hover{
background: $theme-color-second; background: $theme-color-second;
} }