butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

modal for "continue with confidence"

Browse source
This commit is contained in:
John Hess 2024-06-07 18:04:39 -05:00
parent 9062b4e1a2
commit 5476cf39e9
11 changed files with 77 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

82
_scss/pages/home.scss
View file

@ -184,7 +184,7 @@ a:active {
font-weight: 500;
margin: 30px 0 15px 0;
}
p {
p.informational-text {
font-size: 14px;
font-weight: 400;
margin: 10px 0;
@ -306,7 +306,6 @@ a:active {
width: auto;
}
// -------------------------
// Footer Styles
// -------------------------
@ -315,85 +314,6 @@ a:active {
padding: 35px 0;
}
// -------------------------
// Modal Styles
// -------------------------
.modal__content {
&__header {
display: flex;
align-items: flex-start;
@media (max-width: 768px) {
flex-direction: column;
}
.header__logo {
img {
display: block;
max-width: 100%;
@media (max-width: 768px) {
max-width: 120px;
width: 100%;
}
}
}
.header__text {
margin: 0 30px;
max-width: 430px;
width: 100%;
@media (max-width: 768px) {
margin: 20px 0;
}
.info__list {
font-size: 14px;
list-style: none;
margin-top: 10px;
padding: 0;
}
}
.header__btn {
@media (min-width: 769px) {
margin-left: auto;
}
.btn-main {
@media (max-width: 992px) {
font-size: 10px;
}
}
}
}
&__description {
margin: 30px 0;
}
&__slider {
//to prevent slider jump
@media (min-width: 1200px) {
min-height: 586px;
height: 100%;
}
.slider-item {
margin: 0 10px;
}
img {
max-width: 100%;
@media (max-width: 768px) {
margin: 0 auto;
}
}
}
}
.modal__footer {
p {
font-size: 14px;
a {
color: inherit;
}
}
}
// -------------------------
// Slider Styles
// -------------------------