Created
October 11, 2014 05:26
-
-
Save awatson1978/a46c9adc72c2762b9a03 to your computer and use it in GitHub Desktop.
Crazy Wacky Wandering Font
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-webkit-keyframes spin { | |
0% { .transform(rotate(0deg)); } | |
100% { .transform(rotate(359deg)); } | |
} | |
@keyframes spin { | |
0% { .transform(rotate(0deg)); } | |
100% { .transform(rotate(359deg)); } | |
} | |
// Notification message (e.g., when unable to connect) | |
#connectionAlert { | |
//.position(absolute, auto, auto, 10px, 50%, 280px); | |
position: absolute; | |
bottom: -5px; | |
width: 101%; | |
.transform(translate3d(-50%, 0, 0)); | |
z-index: 1; | |
@media screen and (min-width: 40em) { | |
.transform(translate3d(0, 0, 0)); | |
bottom: -5px; | |
left: -1px; | |
} | |
.connectionPanel { | |
.font-s1; | |
background: rgba(51,51,51, .85); | |
color: @color-empty; | |
margin-bottom: .25rem; | |
padding: .5rem; | |
left: 100px; | |
position: relative; | |
width: 120%; | |
.icon-sync { | |
.position(absolute, 30%, auto, auto, 1rem); | |
.animation(spin 2s infinite linear); | |
padding-left: 100px; | |
color: @color-empty; | |
font-size: 1.5em; | |
} | |
.meta { | |
overflow: hidden; | |
padding-left: 3em; | |
.title-notification { | |
.title-caps; | |
display: block; | |
} | |
.description { | |
display: block; | |
} | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment