You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
50 lines
1.1 KiB
@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;
|
|
}
|