- Introduced typography styles in _typography.scss for headings, paragraphs, blockquotes, and horizontal rules. - Added utility classes in _utils.scss for card styling and clearfix. - Updated layout.scss to include new typography and utility styles. - Defined common CSS variables in _common.scss for consistent theming. - Created dark and light theme variables in _dark.scss and _light.scss respectively. - Integrated Tailwind CSS with custom configurations in tailwind.config.js and postcss.config.js. - Implemented database migrations for contact and contact_persons tables. - Added data fixtures for generating sample contact data. - Developed Contact and ContactPerson entities with appropriate validation and serialization. - Enhanced ContactRepository with search and type filtering methods.
48 lines
846 B
SCSS
48 lines
846 B
SCSS
.preloader {
|
|
position: fixed;
|
|
z-index: 999999;
|
|
background: #edf1f5;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.preloader-content {
|
|
border: 0 solid transparent;
|
|
border-radius: 50%;
|
|
width: 150px;
|
|
height: 150px;
|
|
position: absolute;
|
|
top: calc(50vh - 75px);
|
|
left: calc(50vw - 75px);
|
|
}
|
|
|
|
.preloader-content:before, .preloader-content:after{
|
|
content: '';
|
|
border: 1em solid var(--primary-color);
|
|
border-radius: 50%;
|
|
width: inherit;
|
|
height: inherit;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
animation: loader 2s linear infinite;
|
|
opacity: 0;
|
|
}
|
|
|
|
.preloader-content:before{
|
|
animation-delay: 0.5s;
|
|
}
|
|
|
|
@keyframes loader{
|
|
0%{
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
50%{
|
|
opacity: 1;
|
|
}
|
|
100%{
|
|
transform: scale(1);
|
|
opacity: 0;
|
|
}
|
|
}
|