crbtc.org/assets/style/pages/index/_banner.scss

46 lines
744 B
SCSS
Raw Normal View History

2023-07-17 19:11:13 +00:00
.banner {
display: grid;
2023-09-02 06:22:13 +00:00
grid-template-columns: 1fr 2fr;
2023-07-17 19:11:13 +00:00
max-width: 60rem;
2023-09-02 06:22:13 +00:00
background: $t-color;
padding: 2rem 2rem 2.25rem 2rem;
margin: 2rem auto 4rem auto;
2023-07-17 19:11:13 +00:00
h4 {
2023-09-02 06:22:13 +00:00
margin: 0 0 1.5rem 0;
2023-07-17 19:11:13 +00:00
}
h6 {
color: $f-color;
2023-09-02 06:22:13 +00:00
font-size: 1.1rem;
font-weight: 400;
line-height: 1.65rem;
padding: .5rem 4rem 0 0;
2023-07-17 19:11:13 +00:00
}
}
@media only screen and (max-width: 768px) {
2023-07-17 19:11:13 +00:00
.banner {
display: block;
padding: 1.5rem 1.5rem 2rem 1.5rem;
margin: 4rem .5rem 2rem .5rem;
h4 {
margin: 0 0 .5rem 0;
}
h6 {
padding: .5rem 4rem .5rem 0;
}
2023-07-17 19:11:13 +00:00
.msg .donate {
overflow-wrap: break-word;
2023-07-17 19:11:13 +00:00
}
}
}
@media only screen and (max-width: 600px) {
.banner h6 {
padding: .5rem 0;
}
2023-07-17 19:11:13 +00:00
}