theme updates

This commit is contained in:
2024-03-20 21:39:51 -04:00
parent 03e44e02f0
commit 261424a173
5 changed files with 180 additions and 98 deletions

View File

@@ -1 +1,3 @@
@forward '../components/project-calculator';
@forward '../components/accordion_collapse';
@forward '../components/range_slider';
@forward '../components/floating_search';

View File

@@ -1,56 +0,0 @@
.project-calculator {
padding: 20px;
border: 1px solid #ced4da;
border-radius: 5px;
background-color: #f8f9fa;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
h2 {
font-size: 2.5rem;
font-weight: bold;
margin-top: 0;
margin-bottom: 20px;
color: #343a40;
text-align: center;
}
div {
margin-bottom: 15px;
}
label {
margin-bottom: 5px;
color: #495057;
}
select,
input[type='number'] {
box-sizing: border-box; /* Include padding and border in element's total width */
width: 100%;
padding: 10px;
border: 1px solid #ced4da;
border-radius: 4px;
}
button {
padding: 10px 20px;
margin-bottom: 10px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #0056b3;
}
.total-price {
font-size: 1.2rem;
font-weight: bold;
color: #007bff;
text-align: center;
}
}

View File

@@ -3,4 +3,4 @@
@use 'layout';
@use 'pages';
@use 'components';
@use 'vendors';
@use 'vendors';

View File

@@ -41,7 +41,7 @@
#login h1 a,
.login h1 a {
// background-image: url('');
background-image: url('../images/logos/rogers-motors-login-logo.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 300px;
@@ -95,7 +95,7 @@ body.login {
justify-content: center;
background-size: cover;
background-position: center center;
// background-image: url('');
background-image: url('../images/bgs/rm-dealership-exterior.jpg');
background-color: var(--gray-500);
background-blend-mode: multiply;
}