Added simpleLevel

This commit is contained in:
silas
2018-05-18 21:06:10 +02:00
parent 1efcd2526b
commit cae3ef29ea
42 changed files with 907 additions and 661 deletions

View File

@@ -295,6 +295,8 @@ button.button, a.button {
.fill-me {
display: flex;
flex-direction: column; }
.fill-me.vertical {
flex-direction: row; }
.fill-me .grow {
flex: 1; }

View File

@@ -671,32 +671,32 @@ textarea {
padding-left: 0; }
.small-1 {
width: 8.33333%; }
width: 8.3333333333%; }
.small-push-1 {
position: relative;
left: 8.33333%; }
left: 8.3333333333%; }
.small-pull-1 {
position: relative;
left: -8.33333%; }
left: -8.3333333333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
width: 16.66667%; }
width: 16.6666666667%; }
.small-push-2 {
position: relative;
left: 16.66667%; }
left: 16.6666666667%; }
.small-pull-2 {
position: relative;
left: -16.66667%; }
left: -16.6666666667%; }
.small-offset-1 {
margin-left: 8.33333%; }
margin-left: 8.3333333333%; }
.small-3 {
width: 25%; }
@@ -710,35 +710,35 @@ textarea {
left: -25%; }
.small-offset-2 {
margin-left: 16.66667%; }
margin-left: 16.6666666667%; }
.small-4 {
width: 33.33333%; }
width: 33.3333333333%; }
.small-push-4 {
position: relative;
left: 33.33333%; }
left: 33.3333333333%; }
.small-pull-4 {
position: relative;
left: -33.33333%; }
left: -33.3333333333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
width: 41.66667%; }
width: 41.6666666667%; }
.small-push-5 {
position: relative;
left: 41.66667%; }
left: 41.6666666667%; }
.small-pull-5 {
position: relative;
left: -41.66667%; }
left: -41.6666666667%; }
.small-offset-4 {
margin-left: 33.33333%; }
margin-left: 33.3333333333%; }
.small-6 {
width: 50%; }
@@ -752,35 +752,35 @@ textarea {
left: -50%; }
.small-offset-5 {
margin-left: 41.66667%; }
margin-left: 41.6666666667%; }
.small-7 {
width: 58.33333%; }
width: 58.3333333333%; }
.small-push-7 {
position: relative;
left: 58.33333%; }
left: 58.3333333333%; }
.small-pull-7 {
position: relative;
left: -58.33333%; }
left: -58.3333333333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
width: 66.66667%; }
width: 66.6666666667%; }
.small-push-8 {
position: relative;
left: 66.66667%; }
left: 66.6666666667%; }
.small-pull-8 {
position: relative;
left: -66.66667%; }
left: -66.6666666667%; }
.small-offset-7 {
margin-left: 58.33333%; }
margin-left: 58.3333333333%; }
.small-9 {
width: 75%; }
@@ -794,41 +794,41 @@ textarea {
left: -75%; }
.small-offset-8 {
margin-left: 66.66667%; }
margin-left: 66.6666666667%; }
.small-10 {
width: 83.33333%; }
width: 83.3333333333%; }
.small-push-10 {
position: relative;
left: 83.33333%; }
left: 83.3333333333%; }
.small-pull-10 {
position: relative;
left: -83.33333%; }
left: -83.3333333333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
width: 91.66667%; }
width: 91.6666666667%; }
.small-push-11 {
position: relative;
left: 91.66667%; }
left: 91.6666666667%; }
.small-pull-11 {
position: relative;
left: -91.66667%; }
left: -91.6666666667%; }
.small-offset-10 {
margin-left: 83.33333%; }
margin-left: 83.3333333333%; }
.small-12 {
width: 100%; }
.small-offset-11 {
margin-left: 91.66667%; }
margin-left: 91.6666666667%; }
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
@@ -852,7 +852,7 @@ textarea {
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.33333%; }
width: 33.3333333333%; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
@@ -882,7 +882,7 @@ textarea {
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.66667%; }
width: 16.6666666667%; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
@@ -892,7 +892,7 @@ textarea {
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.28571%; }
width: 14.2857142857%; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
@@ -942,32 +942,32 @@ textarea {
@media screen and (min-width: 25em) {
.smedium-1 {
width: 8.33333%; }
width: 8.3333333333%; }
.smedium-push-1 {
position: relative;
left: 8.33333%; }
left: 8.3333333333%; }
.smedium-pull-1 {
position: relative;
left: -8.33333%; }
left: -8.3333333333%; }
.smedium-offset-0 {
margin-left: 0%; }
.smedium-2 {
width: 16.66667%; }
width: 16.6666666667%; }
.smedium-push-2 {
position: relative;
left: 16.66667%; }
left: 16.6666666667%; }
.smedium-pull-2 {
position: relative;
left: -16.66667%; }
left: -16.6666666667%; }
.smedium-offset-1 {
margin-left: 8.33333%; }
margin-left: 8.3333333333%; }
.smedium-3 {
width: 25%; }
@@ -981,35 +981,35 @@ textarea {
left: -25%; }
.smedium-offset-2 {
margin-left: 16.66667%; }
margin-left: 16.6666666667%; }
.smedium-4 {
width: 33.33333%; }
width: 33.3333333333%; }
.smedium-push-4 {
position: relative;
left: 33.33333%; }
left: 33.3333333333%; }
.smedium-pull-4 {
position: relative;
left: -33.33333%; }
left: -33.3333333333%; }
.smedium-offset-3 {
margin-left: 25%; }
.smedium-5 {
width: 41.66667%; }
width: 41.6666666667%; }
.smedium-push-5 {
position: relative;
left: 41.66667%; }
left: 41.6666666667%; }
.smedium-pull-5 {
position: relative;
left: -41.66667%; }
left: -41.6666666667%; }
.smedium-offset-4 {
margin-left: 33.33333%; }
margin-left: 33.3333333333%; }
.smedium-6 {
width: 50%; }
@@ -1023,35 +1023,35 @@ textarea {
left: -50%; }
.smedium-offset-5 {
margin-left: 41.66667%; }
margin-left: 41.6666666667%; }
.smedium-7 {
width: 58.33333%; }
width: 58.3333333333%; }
.smedium-push-7 {
position: relative;
left: 58.33333%; }
left: 58.3333333333%; }
.smedium-pull-7 {
position: relative;
left: -58.33333%; }
left: -58.3333333333%; }
.smedium-offset-6 {
margin-left: 50%; }
.smedium-8 {
width: 66.66667%; }
width: 66.6666666667%; }
.smedium-push-8 {
position: relative;
left: 66.66667%; }
left: 66.6666666667%; }
.smedium-pull-8 {
position: relative;
left: -66.66667%; }
left: -66.6666666667%; }
.smedium-offset-7 {
margin-left: 58.33333%; }
margin-left: 58.3333333333%; }
.smedium-9 {
width: 75%; }
@@ -1065,41 +1065,41 @@ textarea {
left: -75%; }
.smedium-offset-8 {
margin-left: 66.66667%; }
margin-left: 66.6666666667%; }
.smedium-10 {
width: 83.33333%; }
width: 83.3333333333%; }
.smedium-push-10 {
position: relative;
left: 83.33333%; }
left: 83.3333333333%; }
.smedium-pull-10 {
position: relative;
left: -83.33333%; }
left: -83.3333333333%; }
.smedium-offset-9 {
margin-left: 75%; }
.smedium-11 {
width: 91.66667%; }
width: 91.6666666667%; }
.smedium-push-11 {
position: relative;
left: 91.66667%; }
left: 91.6666666667%; }
.smedium-pull-11 {
position: relative;
left: -91.66667%; }
left: -91.6666666667%; }
.smedium-offset-10 {
margin-left: 83.33333%; }
margin-left: 83.3333333333%; }
.smedium-12 {
width: 100%; }
.smedium-offset-11 {
margin-left: 91.66667%; }
margin-left: 91.6666666667%; }
.smedium-up-1 > .column, .smedium-up-1 > .columns {
float: left;
@@ -1123,7 +1123,7 @@ textarea {
.smedium-up-3 > .column, .smedium-up-3 > .columns {
float: left;
width: 33.33333%; }
width: 33.3333333333%; }
.smedium-up-3 > .column:nth-of-type(1n), .smedium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.smedium-up-3 > .column:nth-of-type(3n+1), .smedium-up-3 > .columns:nth-of-type(3n+1) {
@@ -1153,7 +1153,7 @@ textarea {
.smedium-up-6 > .column, .smedium-up-6 > .columns {
float: left;
width: 16.66667%; }
width: 16.6666666667%; }
.smedium-up-6 > .column:nth-of-type(1n), .smedium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.smedium-up-6 > .column:nth-of-type(6n+1), .smedium-up-6 > .columns:nth-of-type(6n+1) {
@@ -1163,7 +1163,7 @@ textarea {
.smedium-up-7 > .column, .smedium-up-7 > .columns {
float: left;
width: 14.28571%; }
width: 14.2857142857%; }
.smedium-up-7 > .column:nth-of-type(1n), .smedium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.smedium-up-7 > .column:nth-of-type(7n+1), .smedium-up-7 > .columns:nth-of-type(7n+1) {
@@ -1212,32 +1212,32 @@ textarea {
margin-left: 0; } }
@media print, screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%; }
width: 8.3333333333%; }
.medium-push-1 {
position: relative;
left: 8.33333%; }
left: 8.3333333333%; }
.medium-pull-1 {
position: relative;
left: -8.33333%; }
left: -8.3333333333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
width: 16.66667%; }
width: 16.6666666667%; }
.medium-push-2 {
position: relative;
left: 16.66667%; }
left: 16.6666666667%; }
.medium-pull-2 {
position: relative;
left: -16.66667%; }
left: -16.6666666667%; }
.medium-offset-1 {
margin-left: 8.33333%; }
margin-left: 8.3333333333%; }
.medium-3 {
width: 25%; }
@@ -1251,35 +1251,35 @@ textarea {
left: -25%; }
.medium-offset-2 {
margin-left: 16.66667%; }
margin-left: 16.6666666667%; }
.medium-4 {
width: 33.33333%; }
width: 33.3333333333%; }
.medium-push-4 {
position: relative;
left: 33.33333%; }
left: 33.3333333333%; }
.medium-pull-4 {
position: relative;
left: -33.33333%; }
left: -33.3333333333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
width: 41.66667%; }
width: 41.6666666667%; }
.medium-push-5 {
position: relative;
left: 41.66667%; }
left: 41.6666666667%; }
.medium-pull-5 {
position: relative;
left: -41.66667%; }
left: -41.6666666667%; }
.medium-offset-4 {
margin-left: 33.33333%; }
margin-left: 33.3333333333%; }
.medium-6 {
width: 50%; }
@@ -1293,35 +1293,35 @@ textarea {
left: -50%; }
.medium-offset-5 {
margin-left: 41.66667%; }
margin-left: 41.6666666667%; }
.medium-7 {
width: 58.33333%; }
width: 58.3333333333%; }
.medium-push-7 {
position: relative;
left: 58.33333%; }
left: 58.3333333333%; }
.medium-pull-7 {
position: relative;
left: -58.33333%; }
left: -58.3333333333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
width: 66.66667%; }
width: 66.6666666667%; }
.medium-push-8 {
position: relative;
left: 66.66667%; }
left: 66.6666666667%; }
.medium-pull-8 {
position: relative;
left: -66.66667%; }
left: -66.6666666667%; }
.medium-offset-7 {
margin-left: 58.33333%; }
margin-left: 58.3333333333%; }
.medium-9 {
width: 75%; }
@@ -1335,41 +1335,41 @@ textarea {
left: -75%; }
.medium-offset-8 {
margin-left: 66.66667%; }
margin-left: 66.6666666667%; }
.medium-10 {
width: 83.33333%; }
width: 83.3333333333%; }
.medium-push-10 {
position: relative;
left: 83.33333%; }
left: 83.3333333333%; }
.medium-pull-10 {
position: relative;
left: -83.33333%; }
left: -83.3333333333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
width: 91.66667%; }
width: 91.6666666667%; }
.medium-push-11 {
position: relative;
left: 91.66667%; }
left: 91.6666666667%; }
.medium-pull-11 {
position: relative;
left: -91.66667%; }
left: -91.6666666667%; }
.medium-offset-10 {
margin-left: 83.33333%; }
margin-left: 83.3333333333%; }
.medium-12 {
width: 100%; }
.medium-offset-11 {
margin-left: 91.66667%; }
margin-left: 91.6666666667%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
@@ -1393,7 +1393,7 @@ textarea {
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.33333%; }
width: 33.3333333333%; }
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
@@ -1423,7 +1423,7 @@ textarea {
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.66667%; }
width: 16.6666666667%; }
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
@@ -1433,7 +1433,7 @@ textarea {
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.28571%; }
width: 14.2857142857%; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
@@ -1482,32 +1482,32 @@ textarea {
margin-left: 0; } }
@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.33333%; }
width: 8.3333333333%; }
.large-push-1 {
position: relative;
left: 8.33333%; }
left: 8.3333333333%; }
.large-pull-1 {
position: relative;
left: -8.33333%; }
left: -8.3333333333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
width: 16.66667%; }
width: 16.6666666667%; }
.large-push-2 {
position: relative;
left: 16.66667%; }
left: 16.6666666667%; }
.large-pull-2 {
position: relative;
left: -16.66667%; }
left: -16.6666666667%; }
.large-offset-1 {
margin-left: 8.33333%; }
margin-left: 8.3333333333%; }
.large-3 {
width: 25%; }
@@ -1521,35 +1521,35 @@ textarea {
left: -25%; }
.large-offset-2 {
margin-left: 16.66667%; }
margin-left: 16.6666666667%; }
.large-4 {
width: 33.33333%; }
width: 33.3333333333%; }
.large-push-4 {
position: relative;
left: 33.33333%; }
left: 33.3333333333%; }
.large-pull-4 {
position: relative;
left: -33.33333%; }
left: -33.3333333333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
width: 41.66667%; }
width: 41.6666666667%; }
.large-push-5 {
position: relative;
left: 41.66667%; }
left: 41.6666666667%; }
.large-pull-5 {
position: relative;
left: -41.66667%; }
left: -41.6666666667%; }
.large-offset-4 {
margin-left: 33.33333%; }
margin-left: 33.3333333333%; }
.large-6 {
width: 50%; }
@@ -1563,35 +1563,35 @@ textarea {
left: -50%; }
.large-offset-5 {
margin-left: 41.66667%; }
margin-left: 41.6666666667%; }
.large-7 {
width: 58.33333%; }
width: 58.3333333333%; }
.large-push-7 {
position: relative;
left: 58.33333%; }
left: 58.3333333333%; }
.large-pull-7 {
position: relative;
left: -58.33333%; }
left: -58.3333333333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
width: 66.66667%; }
width: 66.6666666667%; }
.large-push-8 {
position: relative;
left: 66.66667%; }
left: 66.6666666667%; }
.large-pull-8 {
position: relative;
left: -66.66667%; }
left: -66.6666666667%; }
.large-offset-7 {
margin-left: 58.33333%; }
margin-left: 58.3333333333%; }
.large-9 {
width: 75%; }
@@ -1605,41 +1605,41 @@ textarea {
left: -75%; }
.large-offset-8 {
margin-left: 66.66667%; }
margin-left: 66.6666666667%; }
.large-10 {
width: 83.33333%; }
width: 83.3333333333%; }
.large-push-10 {
position: relative;
left: 83.33333%; }
left: 83.3333333333%; }
.large-pull-10 {
position: relative;
left: -83.33333%; }
left: -83.3333333333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
width: 91.66667%; }
width: 91.6666666667%; }
.large-push-11 {
position: relative;
left: 91.66667%; }
left: 91.6666666667%; }
.large-pull-11 {
position: relative;
left: -91.66667%; }
left: -91.6666666667%; }
.large-offset-10 {
margin-left: 83.33333%; }
margin-left: 83.3333333333%; }
.large-12 {
width: 100%; }
.large-offset-11 {
margin-left: 91.66667%; }
margin-left: 91.6666666667%; }
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
@@ -1663,7 +1663,7 @@ textarea {
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.33333%; }
width: 33.3333333333%; }
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
@@ -1693,7 +1693,7 @@ textarea {
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.66667%; }
width: 16.6666666667%; }
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
@@ -1703,7 +1703,7 @@ textarea {
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.28571%; }
width: 14.2857142857%; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {