Skip to content

Instantly share code, notes, and snippets.

@fredbegin11

fredbegin11/_card.scss

Created November 1, 2019 21:48
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fredbegin11/fe0c7cfa66045e2b42bf95240b37ef17 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fredbegin11/fe0c7cfa66045e2b42bf95240b37ef17 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. fredbegin11 created this gist Nov 1, 2019.
    19 changes: 19 additions & 0 deletions _card.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,19 @@
    .card {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
    max-width: 300px;

    &__title {
    font-size: 24px;
    padding: 10px;
    }

    &__description {
    padding: 10px;
    }

    &.--warning {
    background-color: rgba(233, 212, 96, 0.5);
    }
    }