123 lines
2.4 KiB
SCSS
123 lines
2.4 KiB
SCSS
/*
|
|
* Verrückte Turing-Maschinen — A turing complete game
|
|
* Copyright (C) 2016 Christian Fraß <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;
|
|
}
|
|
|
|
.erzeuger
|
|
{
|
|
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;
|
|
}
|
|
|