/*
 *  BEGIN IMPORTS
*/

@import '_postsaver-frontend-ui.scss';

/*
 *  END IMPORTS
*/

/*
 *   BEGIN COLOR VARIABLES
*/
$primary-color: #b42126;
$primary-color-border: #b11c48;
$verylight-primary-color: #FAE6EC;
$slightly-darker-primary: #F8DEE6;
$slightly-darker-primary-border: #DFC7CF;
$secondary-yellow: #F8C849;
$purewhite: #FFFFFF;
$pureblack: #000000;
$lightgray: #CCCCCC;
$white-trans-9:rgba(255, 255, 255, 0.9);
$primary-box-shadow:2px 2px 5px $pureblack;
$primary-box-shadow-inset: inset 2px 2px 5px $pureblack;
$menu-text-shadow: 1px 1px black;

/*
 *   END COLOR VARIABLES
*/

@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

%postsaver-spinner{
    opacity: 0;
    height: 20px;
    width: 20px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 1px solid $purewhite;
    border-right: 1px solid $purewhite;
    border-bottom: 1px solid $purewhite;
    border-top: 1px solid $primary-color;
    border-radius: 100%;
    position: relative;
}