Skip to content

Instantly share code, notes, and snippets.

@CatherineThompson

CatherineThompson/index.css

Created August 21, 2019 03:39
Show Gist options
  • Save CatherineThompson/c18e8bfc044cbfcb556ca947adc99ded to your computer and use it in GitHub Desktop.
Save CatherineThompson/c18e8bfc044cbfcb556ca947adc99ded to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. CatherineThompson created this gist Aug 21, 2019.
    40 changes: 40 additions & 0 deletions index.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,40 @@
    body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
    }

    .flash {
    animation: flashRed 2000ms ease-out;
    }

    @keyframes flashRed {
    0% {
    background-color: #f8bbd0;
    }
    99% {
    background-color: #ffffff;
    }
    100% {
    background-color: transparent;
    }
    }

    .basket {
    display: flex;
    }

    .foodItem {
    flex: 1;
    margin: 20px;
    padding: 40px;
    text-align: center;
    }