Skip to content

Instantly share code, notes, and snippets.

View ChandanMahapatra's full-sized avatar

Chandan Mahapatra ChandanMahapatra

View GitHub Profile
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@ChandanMahapatra
ChandanMahapatra / reset.css
Last active April 12, 2020 10:12
CSS Reset
/* CSS Reset - Mostly the codepen.io reset with a few additions */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
@ChandanMahapatra
ChandanMahapatra / styles.css
Last active April 10, 2020 21:51
CSS order for properties
/* 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;
@ChandanMahapatra
ChandanMahapatra / StyledLoader-2.js
Last active August 24, 2019 08:50
CSS Keyframes with React and Styled Components
const ProgressLoaderKeyframes = keyframes`
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
`;
const StyledProgressLoader = styled.div`