.navbar .nav .badge { padding: 3px 6px 3px; background-color: $navbar-inverse-link-active-bg; } .navbar .nav .active .badge { padding: 3px 6px 3px; background-color: $navbar-inverse-bg; } .navbar--inbox-animation { animation: animationFrames ease-in-out 1.5s; animation-iteration-count: infinite; -webkit-animation: animationFrames ease-in-out 1.5s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames ease-in-out 1.5s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames ease-in-out 1.5s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames ease-in-out 1.5s; -ms-animation-iteration-count: infinite; } @keyframes animationFrames{ 0% { background-color: #fff; } 100% { background-color: $navbar-inverse-toggle-border-color; } } @-moz-keyframes animationFrames{ 0% { background-color: #fff; } 100% { background-color: $navbar-inverse-toggle-border-color; } } @-webkit-keyframes animationFrames { 0% { background-color: #fff; } 100% { background-color: $navbar-inverse-toggle-border-color; } } @-o-keyframes animationFrames { 0% { background-color: #fff; } 100% { background-color: $navbar-inverse-toggle-border-color; } } @-ms-keyframes animationFrames { 0% { background-color: #fff; } 100% { background-color: $navbar-inverse-toggle-border-color; } } .btn-fab { border-radius: 100%; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12), 0px 1px 6px rgba(0, 0, 0, 0.12); margin: 0px; padding: 4px 5px 4px 8px; font-size: 26px; width: 56px; height: 56px; transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s; outline: medium none !important; text-transform: uppercase; text-decoration: none; position: fixed; bottom: 0px; right: 0px; margin-right: 7px; margin-bottom: 7px; }