styles.scss

/*******************************************************************************
 * Movies FE - the frontend implementation of a movie tracker.
 * Copyright (C) 2015-present Brian Duffey and Billy Alexander
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see {http://www.gnu.org/licenses/}.
 * Home: https://asitewithnoname.com/
 */

/*! bulmaswatch v0.6.2 | MIT License */
@import "~bulmaswatch/cerulean/variables";
@import "~bulma/bulma";
@import "~bulmaswatch/cerulean/overrides";

// Global namespace

:root {
	--primary: #{$primary};
	--grey-darker: hsl(0, 0%, 21%);
	--grey-dark: hsl(0, 0%, 29%);
	--grey: hsl(0, 0%, 48%);
	--grey-light: hsl(0, 0%, 71%);
	--grey-lighter: hsl(0, 0%, 86%);
}

html,
body,
#__next {
	height: 100%;
	width: 100%;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
	box-shadow: none;
}

// App layout

// Pages

// Components

.is-hoverable {
	z-index: 1;
}

.item-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

.item-image {
	padding-left: 20%;
	padding-right: 20%;

	img {
		height: 239px;
	}
}

.item-attribute {
	width: 30px;
	display: inline-block;
}

.item-uv,
.item-dc {
	font-weight: bold;
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

.item-uv {
	color: purple;
}