Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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
/* CSS Reset - Mostly the codepen.io reset with a few additions */ | |
html, | |
body, | |
div, | |
span, | |
applet, | |
object, | |
iframe, | |
h1, |
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
/* Just an example file to show my preferred CSS order for properties. The properties declared don't mean anything */ | |
/* Positioning */ | |
position: absolute; | |
z-index: 10; | |
top: 0; | |
/* Display and Box Model */ | |
flex: 1 1 auto; | |
display: flex; |
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
const ProgressLoaderKeyframes = keyframes` | |
0% { | |
transform: rotate(0deg); | |
} | |
100% { | |
transform: rotate(360deg); | |
} | |
`; | |
const StyledProgressLoader = styled.div` |