Total styling
body{
font-family: "Plus Jakarta Sans", sans-serif !important;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.container{
flex:1;
}
/* NAVBAR */
.navbar {
height: 5rem;
background-color: white;
}
.fa-compass {
color: #fe424d;
font-size: 2 rem;
}
.nav-link {
color: #222222 !important;
}
/* FOOTER */
.f-info-links a {
text-decoration: none;
margin: 0.5rem;
color: #222222;
}
.f-info-links a:hover {
text-decoration: underline;
}
.f-info-links,
.f-info-socials,
.f-info-brand {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.f-info-socials i {
font-size: 1.3rem;
margin-right: 1rem;
}
.f-info {
text-align: center;
height: 8rem;
background-color: #ebebeb;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: space-evenly;
}
/* CARDS */
.card{
border: none !important;
margin-bottom: 2rem;
}
.card-img-top{
border-radius: 1rem !important;
width: 100% !important;
object-fit: cover !important;
}
.card-body{
padding: 0 !important;
}
.card-text{
font-weight: 400 !important;
}
.listing-link{
text-decoration: none;
}
.listing-link:hover{
text-decoration:underline;
}
/* CARD EFFECTS */
.card-img-overlay{
opacity: 0;
}
.card-img-overlay:hover{
opacity: 0.2;
background-color: white;
}
/* NEW LISTING */
.add-btn{
background-color:#fe424d !important;
border: none !important;
}
/* EDIT LISTING */
.edit-btn{
margin:0.5rem;
background-color:#fe424d !important;
border: none !important;
}
/* SHOW LISTING */
.show-img{
height: 30VH;
}
.btns{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
Comments
Post a Comment