You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.3 KiB
69 lines
1.3 KiB
@import "~font-awesome/css/font-awesome.css";
|
|
@import 'reset.scss';
|
|
@import 'variables.scss';
|
|
@import 'tooltip.scss';
|
|
@import 'animated_checkmark.scss';
|
|
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
overflow-y: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #333;
|
|
height: 100vh;
|
|
box-sizing: border-box;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-tap-highlight-color: rgba(255,255,255,0);
|
|
font-family: 'Roboto';
|
|
}
|
|
|
|
.ReactModal__Overlay {
|
|
transition: opacity 500ms ease-in-out;
|
|
opacity: 0;
|
|
|
|
&--after-open {
|
|
opacity: 1;
|
|
}
|
|
|
|
&--before-close {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.load-draw-svg {
|
|
stroke-dasharray: 211;
|
|
stroke-dashoffset: 2110;
|
|
stroke-width: 2;
|
|
stroke-linecap: round;
|
|
animation: dash 15s linear infinite;
|
|
fill-opacity: 0;
|
|
stroke: $main;
|
|
}
|
|
|
|
@keyframes dash {
|
|
0% {
|
|
stroke-dashoffset: 2110;
|
|
opacity: 1;
|
|
stroke: $main;
|
|
}
|
|
15%{
|
|
opacity: 1;
|
|
stroke: $main;
|
|
}
|
|
70%{
|
|
opacity: 1;
|
|
stroke: $main;
|
|
}
|
|
100%{
|
|
stroke-dashoffset: 0;
|
|
opacity: 1;
|
|
stroke: darken($main, 10%);
|
|
}
|
|
}
|