flexor-apps/src/styles/default.scss

@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap');

// Colors
$orange: hsl(14, 100%, 53%);
$yellow: hsl(48, 100%, 67%);
$green: hsl(141, 65%, 31%);
$turquoise: hsl(171, 100%, 41%);
$cyan: hsl(204, 86%, 53%);
$blue: hsl(217, 72%, 30%);
$purple: hsl(271, 63%, 32%);
$red: hsl(348, 71%, 42%);
$grey: hsl(0, 0%, 48%);
$grey-light: hsl(0, 0%, 71%);
$grey-lighter: hsl(0, 0%, 86%);
$white-ter: hsl(0, 0%, 96%);
$white-bis: hsl(0, 0%, 98%);

$family-sans-serif: "Open Sans", sans-serif;
$primary: $blue;
$body-size: 14px;

@import "../../node_modules/bulma/sass/utilities/_all.sass";
@import "../../node_modules/bulma/sass/base/_all.sass";
@import "../../node_modules/bulma/sass/form/_all.sass";
@import "../../node_modules/bulma/sass/elements/button.sass";
@import "../../node_modules/bulma/sass/elements/icon.sass";
@import "../../node_modules/bulma/sass/components/level.sass";

body {
    padding: 10px;
}

div.gifs {
    display: flex;
    flex-wrap: wrap;
}

div.gif {
    margin: 5px;

    img {
        height: 100px;
    }
}

.gif.selected {
    border: solid 3px $green;
}