Fix colors
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good

This commit is contained in:
Willem Dantuma 2023-01-24 16:39:42 +01:00
parent 9196358842
commit a4c34fe21c
4 changed files with 9 additions and 7 deletions

View File

@ -195,7 +195,7 @@ timespan.menuVisible {
width: 4rem; width: 4rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
color: theme-color(); color: $primary;
} }
.shortcut-icon > .farm-icon { .shortcut-icon > .farm-icon {

View File

@ -76,7 +76,7 @@ div.card-header span.fa {
} }
.upload-file.busy > div > span.fa-times { .upload-file.busy > div > span.fa-times {
color: theme-color("danger"); color: $danger;
width: 20px; width: 20px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -94,7 +94,7 @@ div.card-header span.fa {
} }
.upload-file > div.errormessage { .upload-file > div.errormessage {
color: theme-color("danger"); color: $danger;
display: none; display: none;
} }

View File

@ -45,21 +45,21 @@
</section> </section>
<section class="showcase"> <section class="showcase">
<div class="container-fluid p-0"> <div class="container-fluid p-0">
<div class="row no-gutters"> <div class="row g-0">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image:url('/images/bg-showcase-1.jpg');"><span></span></div> <div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image:url('/images/bg-showcase-1.jpg');"><span></span></div>
<div class="col-lg-6 my-auto order-lg-1 showcase-text"> <div class="col-lg-6 my-auto order-lg-1 showcase-text">
<h2>Fully Responsive Design</h2> <h2>Fully Responsive Design</h2>
<p class="lead mb-0">When you use a theme created with Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop the page will behave responsively!</p> <p class="lead mb-0">When you use a theme created with Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop the page will behave responsively!</p>
</div> </div>
</div> </div>
<div class="row no-gutters"> <div class="row g-0">
<div class="col-lg-6 text-white showcase-img" style="background-image:url('/images/bg-showcase-2.jpg');"><span></span></div> <div class="col-lg-6 text-white showcase-img" style="background-image:url('/images/bg-showcase-2.jpg');"><span></span></div>
<div class="col-lg-6 my-auto order-lg-1 showcase-text"> <div class="col-lg-6 my-auto order-lg-1 showcase-text">
<h2>Updated For Bootstrap 4</h2> <h2>Updated For Bootstrap 4</h2>
<p class="lead mb-0">Newly improved, and full of great utility classes, Bootstrap 4 is leading the way in mobile responsive web development! All of the themes are now using Bootstrap 4!</p> <p class="lead mb-0">Newly improved, and full of great utility classes, Bootstrap 4 is leading the way in mobile responsive web development! All of the themes are now using Bootstrap 4!</p>
</div> </div>
</div> </div>
<div class="row no-gutters"> <div class="row g-0">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image:url('/images/bg-showcase-3.jpg');"><span></span></div> <div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image:url('/images/bg-showcase-3.jpg');"><span></span></div>
<div class="col-lg-6 my-auto order-lg-1 showcase-text"> <div class="col-lg-6 my-auto order-lg-1 showcase-text">
<h2>Easy to Use &amp;&nbsp;Customize</h2> <h2>Easy to Use &amp;&nbsp;Customize</h2>

View File

@ -1,3 +1,5 @@
@import "~bootstrap/scss/bootstrap.scss";
.menu-card { .menu-card {
padding-left:7px; padding-left:7px;
padding-right:7px; padding-right:7px;
@ -27,7 +29,7 @@
width: 4rem; width: 4rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
color: theme-color(); color: $primary;
} }
.shortcut-icon > .farm-icon { .shortcut-icon > .farm-icon {