84 lines
1.6 KiB
SCSS
84 lines
1.6 KiB
SCSS
// main: ../main.scss
|
|
/*--------------------------------------------------------------
|
|
# General Styling & Shared Classes
|
|
--------------------------------------------------------------*/
|
|
body {
|
|
color: var(--default-color);
|
|
background-color: var(--background-color);
|
|
font-family: var(--default-font);
|
|
}
|
|
|
|
a {
|
|
color: var(--accent-color);
|
|
text-decoration: none;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
a:hover {
|
|
color: color-mix(in srgb, var(--accent-color), transparent 25%);
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
color: var(--heading-color);
|
|
font-family: var(--heading-font);
|
|
}
|
|
|
|
/* PHP Email Form Messages
|
|
------------------------------*/
|
|
.php-email-form {
|
|
.error-message {
|
|
display: none;
|
|
background: #df1529;
|
|
color: #ffffff;
|
|
text-align: left;
|
|
padding: 15px;
|
|
margin-bottom: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.sent-message {
|
|
display: none;
|
|
color: #ffffff;
|
|
background: #059652;
|
|
text-align: center;
|
|
padding: 15px;
|
|
margin-bottom: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.loading {
|
|
display: none;
|
|
background: var(--surface-color);
|
|
text-align: center;
|
|
padding: 15px;
|
|
margin-bottom: 24px;
|
|
|
|
&:before {
|
|
content: "";
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 0 10px -6px 0;
|
|
border: 3px solid var(--accent-color);
|
|
border-top-color: var(--surface-color);
|
|
animation: php-email-form-loading 1s linear infinite;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes php-email-form-loading {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
} |