vtm/source/manifestation/web/game.scss

/*
 * Verrückte Turing-Maschinen — A turing complete game
 * Copyright (C) 2016-2018 kcf <vidofnir@folksprak.org>
 * 
 * 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 <https://www.gnu.org/licenses/>.
 */

$phi: 0.6180339887498949;

/*
$farbton_symbol_0: 000.0000000000000;
$farbton_symbol_1: 222.4922359499621;
$farbton_symbol_2: 084.9844718999243;
$farbton_symbol_3: 307.4767078498864;
 */

$offset: 0;
$farbton_symbol_0: ((($phi*($offset+0))%1)*360);
$farbton_symbol_1: ((($phi*($offset+1))%1)*360);
$farbton_symbol_2: ((($phi*($offset+2))%1)*360);
$farbton_symbol_3: ((($phi*($offset+3))%1)*360);

$saettigung_symbol: 50%;
$helligkeit_symbol: 50%;

.rahmen
	{
		stroke: none;
		fill: hsl(  0,  0%, 25%);
	}

.rahmen:hover
	{
		/*
		fill: hsl(  0,  0%, 37.5%);
		transition: 0.25s ease;
		 */
	}

.figur
	{
		stroke: none;
		fill: hsl(  0,  0%, 0%);
	}

.pfeil
	{
		stroke: none;
	}

.generator
	{
		fill: hsl(  0,  0%, 100%);
	}

.neutral
	{
		fill: hsl(  0,  0%, 50%);
	}

.symbol_0
	{
		fill: hsl($farbton_symbol_0, $saettigung_symbol, $helligkeit_symbol);
		background-color: hsl($farbton_symbol_0, $saettigung_symbol, $helligkeit_symbol);
	}

.symbol_1
	{
		fill: hsl($farbton_symbol_1, $saettigung_symbol, $helligkeit_symbol);
		background-color: hsl($farbton_symbol_1, $saettigung_symbol, $helligkeit_symbol);
	}

.symbol_2
	{
		fill: hsl($farbton_symbol_2, $saettigung_symbol, $helligkeit_symbol);
		background-color: hsl($farbton_symbol_2, $saettigung_symbol, $helligkeit_symbol);
	}

.symbol_3
	{
		fill: hsl($farbton_symbol_3, $saettigung_symbol, $helligkeit_symbol);
		background-color: hsl($farbton_symbol_3, $saettigung_symbol, $helligkeit_symbol);
	}

.kreis
	{
		stroke: none;
	}

.positiv
	{
		fill: hsl(  0,  0%, 100%);
	}

.negativ
	{
		/*
		fill: hsl(  0,  0%,  0%);
		 */
		display: none;
	}

.eintrag
	{
		/*
		stroke: black;
		stroke-width: 0.01;
		 */
		stroke: none;
	}