153 lines
2.8 KiB
SCSS
153 lines
2.8 KiB
SCSS
@use "sass:color";
|
|
@use "variables" as *;
|
|
|
|
.login-button {
|
|
color: #43a047 !important;
|
|
background-color: rgba(#43a047, 0.05) !important;
|
|
border-color: #43a047 !important;
|
|
&:hover {
|
|
color: $primary-white !important;
|
|
background-color: #43a047 !important;
|
|
border-color: #43a047 !important;
|
|
}
|
|
&:disabled {
|
|
$disabled-color: rgba(
|
|
$color: #ff3939,
|
|
$alpha: 0.45,
|
|
);
|
|
color: $primary-white !important;
|
|
background-color: $disabled-color !important;
|
|
border-color: $disabled-color !important;
|
|
}
|
|
}
|
|
|
|
.forgot-password-button {
|
|
color: #607d8b !important;
|
|
background-color: rgba(#607d8b, 0.05) !important;
|
|
border-color: #607d8b !important;
|
|
&:hover {
|
|
color: $primary-white !important;
|
|
background-color: #607d8b !important;
|
|
border-color: #607d8b !important;
|
|
}
|
|
}
|
|
|
|
.register-link-button {
|
|
color: #607d8b;
|
|
background-color: rgba(#607d8b, 0.08);
|
|
border-color: #607d8b;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #607d8b;
|
|
border-color: #607d8b;
|
|
}
|
|
}
|
|
|
|
.logout-button {
|
|
color: #607d8b;
|
|
border-color: #607d8b;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.services-button {
|
|
color: #1976d2;
|
|
border-color: #1976d2;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.events-button {
|
|
color: #1976d2;
|
|
border-color: #1976d2;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.tags-button {
|
|
color: #1976d2;
|
|
border-color: #1976d2;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.buy-button {
|
|
color: #43a047;
|
|
border-color: #43a047;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.upload-button {
|
|
color: #43a047;
|
|
border-color: #43a047;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.edit-button {
|
|
color: #fbc02d;
|
|
border-color: #fbc02d;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.delete-button {
|
|
color: #e53935;
|
|
border-color: #e53935;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.download-button {
|
|
color: #00897b;
|
|
border-color: #00897b;
|
|
&:hover {
|
|
color: $primary-white;
|
|
background-color: #7d9c7a;
|
|
border-color: #7d9c7a;
|
|
}
|
|
}
|
|
|
|
.add-image-button {
|
|
border: 0.25rem dashed $standard-button-border;
|
|
aspect-ratio: 1 / 1;
|
|
height: auto;
|
|
svg-loader {
|
|
height: 3.2rem;
|
|
width: 3.2rem;
|
|
transition: transform 0.3s ease-out;
|
|
}
|
|
&:hover {
|
|
border: 0.25rem dashed
|
|
color.scale($standard-button-border, $lightness: -10%);
|
|
svg-loader {
|
|
transform: scale(1.5);
|
|
}
|
|
}
|
|
}
|