Dunkles Theme hinzugefügt
This commit is contained in:
silas
parent
49f2496eea
commit
ad1064ffd3
@ -14,3 +14,23 @@
|
||||
2018-09-28T11:59:07+02:00 ERR (3):
|
||||
2018-09-28T12:16:47+02:00 ERR (3):
|
||||
2018-09-28T12:18:10+02:00 ERR (3):
|
||||
2018-09-28T19:59:32+02:00 ERR (3):
|
||||
2018-09-28T20:02:25+02:00 ERR (3):
|
||||
2018-09-28T21:55:13+02:00 ERR (3):
|
||||
2018-09-28T21:57:40+02:00 ERR (3):
|
||||
2018-09-28T21:58:17+02:00 ERR (3):
|
||||
2018-09-28T22:00:12+02:00 ERR (3):
|
||||
2018-09-28T22:00:16+02:00 ERR (3):
|
||||
2018-09-28T22:57:11+02:00 ERR (3):
|
||||
2018-09-28T23:20:05+02:00 ERR (3):
|
||||
2018-09-28T23:23:48+02:00 ERR (3):
|
||||
2018-09-28T23:27:02+02:00 ERR (3):
|
||||
2018-09-28T23:27:12+02:00 ERR (3):
|
||||
2018-09-28T23:27:17+02:00 ERR (3):
|
||||
2018-09-28T23:27:23+02:00 ERR (3):
|
||||
2018-09-28T23:27:28+02:00 ERR (3):
|
||||
2018-09-28T23:29:39+02:00 ERR (3):
|
||||
2018-09-28T23:29:44+02:00 ERR (3):
|
||||
2018-09-28T23:32:54+02:00 ERR (3):
|
||||
2018-09-28T23:32:59+02:00 ERR (3):
|
||||
2018-09-28T23:33:05+02:00 ERR (3):
|
||||
|
||||
20
log/log.log
20
log/log.log
@ -14,3 +14,23 @@
|
||||
2018-09-28T11:59:07+02:00 ERR (3):
|
||||
2018-09-28T12:16:47+02:00 ERR (3):
|
||||
2018-09-28T12:18:10+02:00 ERR (3):
|
||||
2018-09-28T19:59:32+02:00 ERR (3):
|
||||
2018-09-28T20:02:25+02:00 ERR (3):
|
||||
2018-09-28T21:55:13+02:00 ERR (3):
|
||||
2018-09-28T21:57:40+02:00 ERR (3):
|
||||
2018-09-28T21:58:17+02:00 ERR (3):
|
||||
2018-09-28T22:00:12+02:00 ERR (3):
|
||||
2018-09-28T22:00:16+02:00 ERR (3):
|
||||
2018-09-28T22:57:11+02:00 ERR (3):
|
||||
2018-09-28T23:20:05+02:00 ERR (3):
|
||||
2018-09-28T23:23:48+02:00 ERR (3):
|
||||
2018-09-28T23:27:02+02:00 ERR (3):
|
||||
2018-09-28T23:27:12+02:00 ERR (3):
|
||||
2018-09-28T23:27:17+02:00 ERR (3):
|
||||
2018-09-28T23:27:23+02:00 ERR (3):
|
||||
2018-09-28T23:27:28+02:00 ERR (3):
|
||||
2018-09-28T23:29:39+02:00 ERR (3):
|
||||
2018-09-28T23:29:44+02:00 ERR (3):
|
||||
2018-09-28T23:32:54+02:00 ERR (3):
|
||||
2018-09-28T23:32:59+02:00 ERR (3):
|
||||
2018-09-28T23:33:05+02:00 ERR (3):
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
<div class="max-height flex-center"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class="height-60 max-width flex-center"><div id=level></div><span id=level-number-container class="visible in-main-menu"><span id=level-number>1</span></span></div><div class="height-30 flex-center fill-me"><button class="button grow text-center" id=play-button><span data-translation=play></span></button><div class=max-width><label class=switch><img src=img/speaker.svg> <input type=checkbox class=setting id=play-sound> <span class=slider></span></label> <label class="switch right"><img src=img/music.svg> <input type=checkbox class=setting id=play-music> <span class=slider></span></label></div></div></div>
|
||||
<div class="max-height flex-center"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class="height-60 max-width flex-center"><div id=level></div><span id=level-number-container class="visible in-main-menu"><span id=level-number>1</span></span></div><div class="height-30 flex-center fill-me"><button class="button grow text-center" id=play-button><span data-translation=play></span></button><div class="max-width line-height-1"><label class=switch><div data-view=img/speaker.svg></div><input type=checkbox class=setting id=play-sound> <span class=slider></span></label> <label class="switch right"><div data-view=img/music.svg></div><input type=checkbox class=setting id=play-music> <span class=slider></span></label></div></div></div>
|
||||
@ -1,2 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve" id="svg2" inkscape:version="0.48.4 r9939" sodipodi:docname="music.svg"><defs id="defs13"/><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="640" inkscape:window-height="480" id="namedview11" showgrid="false" inkscape:zoom="7.375" inkscape:cx="16" inkscape:cy="16" inkscape:window-x="53" inkscape:window-y="31" inkscape:window-maximized="0" inkscape:current-layer="svg2"/><metadata id="metadata3"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title>PICOL Icon</dc:title><dc:date>2009-03-15</dc:date><dc:creator><cc:Agent><dc:title>Melih Bilgil</dc:title></cc:Agent></dc:creator><dc:rights><cc:Agent><dc:title>Creative Commons BY-SA</dc:title></cc:Agent></dc:rights><dc:publisher><cc:Agent><dc:title>PICOL - Pictorial Communication Language</dc:title></cc:Agent></dc:publisher><dc:identifier>http://blog.picol.org</dc:identifier><dc:source>http://blog.picol.org</dc:source><dc:language>en</dc:language><dc:subject><rdf:Bag><rdf:li>PICOL</rdf:li><rdf:li>icon</rdf:li><rdf:li>icons</rdf:li><rdf:li>sign</rdf:li><rdf:li>GUI</rdf:li><rdf:li>vector</rdf:li><rdf:li>interface</rdf:li></rdf:Bag></dc:subject><dc:description>This is one icon out of all PICOL icons</dc:description><dc:contributor><cc:Agent><dc:title>Melih Bilgil (www.lonja.de), Christopher Adjei (www.boffer.net)</dc:title></cc:Agent></dc:contributor><cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/"/></cc:Work><cc:License rdf:about="http://creativecommons.org/licenses/by-sa/3.0/"><cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/><cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/><cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/><cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/><cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/><cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/></cc:License></rdf:RDF></metadata><g id="background"><rect fill="none" width="32" height="32" id="rect6"/></g><path id="path9" d="M 8,0 V 16.35 C 7.373,16.127 6.702,16 6,16 c -3.316,0 -6,2.691 -6,6 0,3.314 2.684,6 6,6 3.311,0 6,-2.686 6,-6 V 6 L 24,8 V 20.35 C 23.373,20.127 22.703,20 22,20 c -3.316,0 -6,2.691 -6,6 0,3.314 2.684,6 6,6 3.309,0 6,-2.686 6,-6 V 4 L 8,0 z"/></svg>
|
||||
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve" id="svg2" inkscape:version="0.48.4 r9939" sodipodi:docname="music.svg"><defs id="defs13"/><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="640" inkscape:window-height="480" id="namedview11" showgrid="false" inkscape:zoom="7.375" inkscape:cx="16" inkscape:cy="16" inkscape:window-x="53" inkscape:window-y="31" inkscape:window-maximized="0" inkscape:current-layer="svg2"/><metadata id="metadata3"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title>PICOL Icon</dc:title><dc:date>2009-03-15</dc:date><dc:creator><cc:Agent><dc:title>Melih Bilgil</dc:title></cc:Agent></dc:creator><dc:rights><cc:Agent><dc:title>Creative Commons BY-SA</dc:title></cc:Agent></dc:rights><dc:publisher><cc:Agent><dc:title>PICOL - Pictorial Communication Language</dc:title></cc:Agent></dc:publisher><dc:identifier>http://blog.picol.org</dc:identifier><dc:source>http://blog.picol.org</dc:source><dc:language>en</dc:language><dc:subject><rdf:Bag><rdf:li>PICOL</rdf:li><rdf:li>icon</rdf:li><rdf:li>icons</rdf:li><rdf:li>sign</rdf:li><rdf:li>GUI</rdf:li><rdf:li>vector</rdf:li><rdf:li>interface</rdf:li></rdf:Bag></dc:subject><dc:description>This is one icon out of all PICOL icons</dc:description><dc:contributor><cc:Agent><dc:title>Melih Bilgil (www.lonja.de), Christopher Adjei (www.boffer.net)</dc:title></cc:Agent></dc:contributor><cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/"/></cc:Work><cc:License rdf:about="http://creativecommons.org/licenses/by-sa/3.0/"><cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/><cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/><cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/><cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/><cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/><cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/></cc:License></rdf:RDF></metadata><g id="background"><rect fill="none" width="32" height="32" id="rect6"/></g><path id="path9" d="M 8,0 V 16.35 C 7.373,16.127 6.702,16 6,16 c -3.316,0 -6,2.691 -6,6 0,3.314 2.684,6 6,6 3.311,0 6,-2.686 6,-6 V 6 L 24,8 V 20.35 C 23.373,20.127 22.703,20 22,20 c -3.316,0 -6,2.691 -6,6 0,3.314 2.684,6 6,6 3.309,0 6,-2.686 6,-6 V 4 L 8,0 z"/></svg>
|
||||
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
@ -1,6 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.0" id="layer1" width="400pt" height="400pt" viewBox="0 0 75 75"><metadata id="metadata1"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata><g id="g1"><polygon id="polygon1" points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769" style="stroke:#111111;stroke-width:5;stroke-linejoin:round;fill:#111111;"/><path id="path1" d="M 48.128,49.03 C 50.057,45.934 51.19,42.291 51.19,38.377 C 51.19,34.399 50.026,30.703 48.043,27.577" style="fill:none;stroke:#111111;stroke-width:5;stroke-linecap:round"/>
|
||||
<path id="path2" d="M 55.082,20.537 C 58.777,25.523 60.966,31.694 60.966,38.377 C 60.966,44.998 58.815,51.115 55.178,56.076" style="fill:none;stroke:#111111;stroke-width:5;stroke-linecap:round"/>
|
||||
<path id="path1" d="M 61.71,62.611 C 66.977,55.945 70.128,47.531 70.128,38.378 C 70.128,29.161 66.936,20.696 61.609,14.01" style="fill:none;stroke:#111111;stroke-width:5;stroke-linecap:round"/>
|
||||
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.0" id="layer1" viewBox="0 0 75 75"><metadata id="metadata1"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata>
|
||||
<g id="g1"><polygon id="polygon1" points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769" style="stroke:currentColor;stroke-width:5;stroke-linejoin:round;fill:currentColor;"/><path id="path1" d="M 48.128,49.03 C 50.057,45.934 51.19,42.291 51.19,38.377 C 51.19,34.399 50.026,30.703 48.043,27.577" style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
|
||||
<path id="path2" d="M 55.082,20.537 C 58.777,25.523 60.966,31.694 60.966,38.377 C 60.966,44.998 58.815,51.115 55.178,56.076" style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
|
||||
<path id="path1" d="M 61.71,62.611 C 66.977,55.945 70.128,47.531 70.128,38.378 C 70.128,29.161 66.936,20.696 61.609,14.01" style="fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
@ -6468,6 +6468,7 @@ ThemeManager.addTheme(new Theme("blue", "blue"));
|
||||
ThemeManager.addTheme(new Theme("black", "black"));
|
||||
ThemeManager.addTheme(new Theme("green", "green"));
|
||||
ThemeManager.addTheme(new Theme("pink", "pink"));
|
||||
ThemeManager.addTheme(new Theme("dark", "dark"));
|
||||
|
||||
ShareManager.addShareButton(new WhatsappShareButton('img/whatsapp.svg'));
|
||||
ShareManager.addShareButton(new SmsShareButton('img/sms.svg'));
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "Stories",
|
||||
"short_name":"Stories",
|
||||
"name": "WordRotator",
|
||||
"short_name":"WordRotator",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/img/android-chrome-192x192.png",
|
||||
|
||||
@ -32,6 +32,7 @@ ThemeManager.addTheme(new Theme("blue", "blue"));
|
||||
ThemeManager.addTheme(new Theme("black", "black"));
|
||||
ThemeManager.addTheme(new Theme("green", "green"));
|
||||
ThemeManager.addTheme(new Theme("pink", "pink"));
|
||||
ThemeManager.addTheme(new Theme("dark", "dark"));
|
||||
|
||||
ShareManager.addShareButton(new WhatsappShareButton('img/whatsapp.svg'));
|
||||
ShareManager.addShareButton(new SmsShareButton('img/sms.svg'));
|
||||
|
||||
@ -22,14 +22,14 @@
|
||||
</div>
|
||||
<div class='height-30 flex-center fill-me'>
|
||||
<button class='button grow text-center' id='play-button'><span data-translation="play"></span></button>
|
||||
<div class = 'max-width'>
|
||||
<div class = 'max-width line-height-1'>
|
||||
<label class="switch">
|
||||
<img src = 'img/speaker.svg'>
|
||||
<div data-view="img/speaker.svg"></div>
|
||||
<input type="checkbox" class = "setting" id = "play-sound">
|
||||
<span class="slider"></span>
|
||||
</label>
|
||||
<label class="switch right">
|
||||
<img src = 'img/music.svg'>
|
||||
<div data-view="img/music.svg"></div>
|
||||
<input type="checkbox" class = "setting" id = "play-music">
|
||||
<span class="slider"></span>
|
||||
</label>
|
||||
|
||||
@ -14,5 +14,7 @@
|
||||
"tutorial-step-2": "Um zu gewinnen, drehe die Segmente so, dass du zwei Wörter lesen kannst.",
|
||||
"tutorial-step-3": "Durch die Hilfe kannst du ein Segment lösen lassen. Die Hilfe kostet aber 25 Münzen. Probiere jetzt die Hilfe aus.",
|
||||
"tutorial-step-4": "Große Segmente drehst du, indem du diese ziehst.",
|
||||
"extra-coins-after-first-level":"Für das erste Level gibt es 50 extra Münzen!"
|
||||
"extra-coins-after-first-level":"Für das erste Level gibt es 50 extra Münzen!",
|
||||
|
||||
"dark":"Dunkel"
|
||||
}
|
||||
@ -1 +1,20 @@
|
||||
@import "defaultSettings";
|
||||
|
||||
$themes: map-merge($themes,(dark: (
|
||||
class: dark,
|
||||
themeColor: #373737,
|
||||
lightThemeColor: #4b4b4b,
|
||||
linkColor: white,
|
||||
spinnerColor: #ffffff,
|
||||
navBarTextColor: white,
|
||||
textColor: #ffffff,
|
||||
textColor2: #9b9b9b,
|
||||
lightLinkColor: #ffffff,
|
||||
linkBorderBottom: 1px solid #ffffff,
|
||||
linkHoverColor: #ffffff,
|
||||
lightLinkHoverColor: #ffffff,
|
||||
background: #000000
|
||||
)));
|
||||
|
||||
$rotationDegrees: (90 180 270 360);
|
||||
$animationDuration: .25s;
|
||||
@ -1,12 +1,60 @@
|
||||
|
||||
|
||||
@mixin addThemeDefinition($theme) {
|
||||
#tutorial-pointer{
|
||||
#tutorial-pointer {
|
||||
background: #{map-get($theme, themeColor)};
|
||||
}
|
||||
|
||||
#level-number-container {
|
||||
&.in-main-menu {
|
||||
background: #{map-get($theme, background)};
|
||||
border-color: #{map-get($theme, textColor)};
|
||||
}
|
||||
}
|
||||
.segment.segment-parent {
|
||||
border-color: #{map-get($theme, textColor2)};
|
||||
&.layer-2 {
|
||||
border-color: #{map-get($theme, textColor)};
|
||||
}
|
||||
}
|
||||
|
||||
#site-content > :not(.won) .segment.locked {
|
||||
border-color: #{map-get($theme, lightThemeColor)};
|
||||
background-color: #{map-get($theme, themeColor)} !important;
|
||||
> .child-container > .segment-leaf {
|
||||
border-color: #{map-get($theme, lightThemeColor)};
|
||||
background-color:#{map-get($theme, themeColor)} !important;
|
||||
}
|
||||
}
|
||||
.segment:not(.segment-row):not(.segment-triangle):not(.rotating) {
|
||||
@for $i from 1 through length($rotationDegrees) {
|
||||
&.rotate-#{nth($rotationDegrees, $i)} {
|
||||
background-color: #{map-get($theme, background)};;
|
||||
> .child-container {
|
||||
> .segment {
|
||||
background-color: #{map-get($theme, background)};;
|
||||
|
||||
@for $j from 1 through length($rotationDegrees) {
|
||||
$animationName: ((nth($rotationDegrees, $j)- nth($rotationDegrees, $i)+360)%360);
|
||||
@if $animationName==0 {
|
||||
$animationName: 360;
|
||||
}
|
||||
|
||||
&.rotate-#{nth($rotationDegrees, $j)} {
|
||||
background-color: #{map-get($theme, background)};;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
@each $theme, $values in $themes {
|
||||
@if (#{map-get($values, class)} == '') {
|
||||
@if (map-get($values, class) == '') {
|
||||
@include addThemeDefinition($values)
|
||||
} @else {
|
||||
&.#{map-get($values, class)} {
|
||||
@ -14,4 +62,28 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.dark{
|
||||
.switch {
|
||||
input:checked + .slider{
|
||||
border-color:black;
|
||||
}
|
||||
.slider {
|
||||
border: solid 1px white;
|
||||
background-color: inherit;
|
||||
padding: 1px;
|
||||
}
|
||||
}
|
||||
#site-content > :not(.won) .segment.locked.layer-2 {
|
||||
border-color: #565656;
|
||||
}
|
||||
}
|
||||
&.black{
|
||||
#site-content > :not(.won) .segment.locked {
|
||||
background-color: #9d9d9d;
|
||||
> .child-container > .segment-leaf {
|
||||
background-color: #9d9d9d !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -98,8 +98,7 @@ $coinTowerDimension: 28px;
|
||||
}
|
||||
|
||||
//Segments
|
||||
$rotationDegrees: (90 180 270 360);
|
||||
$animationDuration: .25s;
|
||||
|
||||
|
||||
@for $i from 1 through length($rotationDegrees) {
|
||||
$startDegree: ((nth($rotationDegrees, $i)+270)%360);
|
||||
@ -176,12 +175,12 @@ $animationDuration: .25s;
|
||||
@for $i from 1 through length($rotationDegrees) {
|
||||
&.rotate-#{nth($rotationDegrees, $i)} {
|
||||
transform: rotate(#{nth($rotationDegrees, $i)}deg);
|
||||
background-color: white;
|
||||
background-color: inherit;
|
||||
z-index: 1;
|
||||
> .child-container {
|
||||
> .segment {
|
||||
transform: rotate(#{360- nth($rotationDegrees, $i)}deg);
|
||||
background-color: white;
|
||||
background-color: inherit;
|
||||
z-index: 1;
|
||||
|
||||
@for $j from 1 through length($rotationDegrees) {
|
||||
@ -192,7 +191,7 @@ $animationDuration: .25s;
|
||||
|
||||
&.rotate-#{nth($rotationDegrees, $j)} {
|
||||
transform: rotate(#{$animationName}deg);
|
||||
background-color: white;
|
||||
background-color: inherit;
|
||||
z-index: 1;
|
||||
|
||||
&.rotating {
|
||||
@ -238,7 +237,7 @@ $animationDuration: .25s;
|
||||
transition: none;
|
||||
user-select: none;
|
||||
z-index: 1;
|
||||
background-color: white;
|
||||
background-color: inherit;
|
||||
line-height: 0;
|
||||
|
||||
&.segment-row {
|
||||
@ -287,15 +286,6 @@ $animationDuration: .25s;
|
||||
}
|
||||
}
|
||||
|
||||
#site-content > :not(.won) .segment.locked {
|
||||
border-color: #3adb76;
|
||||
background-color: #9ffbb5 !important;
|
||||
> .child-container > .segment-leaf {
|
||||
border-color: #3adb76;
|
||||
background-color: #9ffbb5 !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Won-screen
|
||||
#site-content > :not(.won) {
|
||||
.show-when-won {
|
||||
@ -327,10 +317,15 @@ $animationDuration: .25s;
|
||||
#continue-button {
|
||||
margin-bottom: 2px;
|
||||
@include breakpoint(small down) {
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 0.3em .6em;
|
||||
}
|
||||
}
|
||||
#play-button{
|
||||
@include breakpoint(small down){
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
#help-button {
|
||||
margin: 0;
|
||||
@ -338,7 +333,18 @@ $animationDuration: .25s;
|
||||
padding: 0.4em 0.6em;
|
||||
}
|
||||
}
|
||||
|
||||
.line-height-1{
|
||||
line-height:1;
|
||||
}
|
||||
body{
|
||||
overscroll-behavior: contain;
|
||||
}
|
||||
#site-content{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#img-sound:before{
|
||||
content: "";
|
||||
max-width: 1.4em;
|
||||
background: url('../img/speaker.svg')
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user