90 lines
1.6 KiB
SCSS
90 lines
1.6 KiB
SCSS
|
*, *:hover, *:active, *:focus{
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
@import '../node_modules/bulmaswatch/lumen/variables';
|
||
|
|
@import "../node_modules/bulma/bulma";
|
||
|
|
@import '../node_modules/bulmaswatch/lumen/overrides';
|
||
|
|
|
||
|
|
@import url('/fonts/fonts.css');
|
||
|
|
|
||
|
|
*, *:focus, *:active{
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: #f5f5f5;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1,h2,h3,h4,h5,h6{
|
||
|
|
font-family: 'Quicksand', sans-serif;
|
||
|
|
font-weight: 400 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* spinner */
|
||
|
|
.fullscreen-loader-wrapper {
|
||
|
|
position: fixed;
|
||
|
|
background: rgba(250,250,250,0.8);
|
||
|
|
z-index: 5;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
width: 78%;
|
||
|
|
height: 100%;
|
||
|
|
margin: -1em auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.full-loader-wrapper{
|
||
|
|
background: rgba(250,250,250,0.8);
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
width: 78%;
|
||
|
|
height: 100%;
|
||
|
|
margin: -1em auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.half-circle-spinner, .half-circle-spinner * {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.half-circle-spinner {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
border-radius: 100%;
|
||
|
|
position: relative;
|
||
|
|
left: calc(50% - 30px);
|
||
|
|
top: calc(50% - 30px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.half-circle-spinner .circle {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
border-radius: 100%;
|
||
|
|
border: calc(60px / 10) solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.half-circle-spinner .circle.circle-1 {
|
||
|
|
border-top-color: #4CAF50;
|
||
|
|
animation: half-circle-spinner-animation 1s infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.half-circle-spinner .circle.circle-2 {
|
||
|
|
border-bottom-color: #4CAF50;
|
||
|
|
animation: half-circle-spinner-animation 1s infinite alternate;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes half-circle-spinner-animation {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
|
||
|
|
}
|
||
|
|
100%{
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|