+
+
diff --git a/kaform.js b/kaform.js
index 5f3d482..e2ebc9a 100644
--- a/kaform.js
+++ b/kaform.js
@@ -161,13 +161,13 @@ function getUploadField(rid)
function getRow(rid,num) {
var cur = document.getElementById("currency").value;
return ""
- + "| "
+ + " | "
+ `${num}`
+" | "
- + ""
+ + " | "
+ ``
+ " | "
- + ""
+ + " | "
+ ``
+ " | "
+ ""
diff --git a/master.css b/master.css
index 03a3b73..25368d9 100644
--- a/master.css
+++ b/master.css
@@ -1,46 +1,104 @@
-
body {
- margin: 1em;
- max-width: 100em;
+ margin: auto;
+ padding: 1em;
+ border: 1px solid red;
+ max-width: 90em;
+ min-width: 75em;
+}
+@media only screen and (max-width: 767px) {
+ body {
+ min-width: 2em;
+ padding: 0.5em;
+ }
}
+@media only screen and (max-width: 767px) {
+ fieldset {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ }
+}
+
+input {
+ width: 50%;
+}
+
+table {
+ text-align: right;
+ border: 1px solid red;
+ background-color: red;
+}
+
+@media only screen and (max-width: 767px) {
+ h1 {
+ font-size: 120%;
+ }
+}
+
+.is-col {
+ padding: 0;
+ border: 0px solid blue;
+ margin-bottom: 1.1em;
+}
.main-sidebar {
- @include make-sidebar(440px);
-/* margin-right: 61px;*/
- width:20em;
- padding-right:2em;
-
- @include for-mobile {
- margin-right: 0;
- }
+ flex: 0 0 10em;
+ max-width: 10em;
+ padding-right: 2em;
}
+@media only screen and (max-width: 767px) {
+ .main-sidebar {
+ flex: 0;
+ max-width: 100%;
+ }
+}
+@media only screen and (max-width: 767px) {
+ .main-sidebar {
+ margin: auto;
+ text-align: center;
+ }
+}
+
.main-sidebar-secondary {
- @include make-sidebar(240px);
- margin-left: 16px;
-
- @include for-mobile {
- margin-left: 0;
- }
+ flex: 0 0 240px;
+ max-width: 240px;
+ margin-left: 16px;
}
+@media only screen and (max-width: 767px) {
+ .main-sidebar-secondary {
+ flex: 0;
+ max-width: 100%;
+ }
+}
+@media only screen and (max-width: 767px) {
+ .main-sidebar-secondary {
+ margin-left: 0;
+ }
+}
+
.main-content {
- /* @include make-content;*/
-/* width: 100em;*/
-/* max-width:170em;*/
+ flex: 1;
+ min-width: 0;
+ width: 100%;
}
+.wmdelogo {
+ min-width: 5em;
+}
.button.is-green {
-/* // $back-color, $text-color
- @include make-button(#00ff00, #fff);*/
- background-color:green;
-}
-.button.is-orange {
-/* // $back-color, $text-color
- @include make-button(#ffc000, #fff);*/
- background-color:orange;
+ /* // $back-color, $text-color
+ @include make-button(#00ff00, #fff);*/
+ background-color: green;
+ margin-top: 5px;
}
+.button.is-orange {
+ /* // $back-color, $text-color
+ @include make-button(#ffc000, #fff);*/
+ background-color: orange;
+ margin-top: 5px;
+}
/*
#de:checked~header :lang(en) { display: none; }
@@ -50,17 +108,32 @@ body {
#de:checked~main :lang(en) { display: none; }
#en:checked~main :lang(de) { display: none; }
*/
+:lang(en) {
+ display: none;
+}
-:lang(en) {display: none;}
+#bankdetails legend, #bankdetails input[type=radio], #bankdetails input[type=radio] + label, #bankdetails label.radio {
+ display: inline;
+}
+#bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal {
+ display: none;
+}
+#bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal {
+ display: none;
+}
+
+#bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU {
+ display: none;
+}
+
+#bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal {
+ display: none;
+}
-#bankdetails legend, #bankdetails input[type="radio"], #bankdetails input[type="radio"] + label, #bankdetails label.radio { display: inline; }
-#bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal { display: none; }
-#bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal { display: none; }
-#bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU { display: none; }
-#bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal { display: none; }
.radiobutton {
display: none !important;
}
+/*# sourceMappingURL=master.css.map */
diff --git a/scss/vars.scss b/scss/vars.scss
index a2711f1..ef58238 100644
--- a/scss/vars.scss
+++ b/scss/vars.scss
@@ -1,9 +1,11 @@
+@use "sass:math";
+
// =FUNCTIONS
// ---------------------------------------------------------------------------
@function strip-unit($number) {
@if type-of($number) == 'number' and not unitless($number)
{
- @return $number / ($number * 0 + 1);
+ @return math.div($number , ($number * 0 + 1));
}
@return $number;
@@ -129,7 +131,7 @@ $color-button: #0c3dd7 !default;
// ---------------------------------------------------------------------------
// Font Metrics
-$letter-height: 12/16;
+$letter-height: math.div(12,16);
$crop-top: 0.49em;
$crop-bottom: 0.49em;
@@ -157,9 +159,9 @@ $border-radius: 4px !default;
$border: 1px solid rgba($color-black, .07) !default;
// Input/Buttons Height
-$controls-height: ((40/(strip-unit($font-size-ui)*16)) * 1em) !default; // 40px in ems
-$controls-height-small: ((32/(strip-unit($font-size-small)*16)) * 1em) !default; // 32px in ems
-$controls-height-big: ((44/(strip-unit($font-size-big)*16)) * 1em) !default; // 44px in ems
+$controls-height: ((math.div(40,(strip-unit($font-size-ui)*16))) * 1em) !default; // 40px in ems
+$controls-height-small: ((math.div(32,(strip-unit($font-size-small)*16))) * 1em) !default; // 32px in ems
+$controls-height-big: ((math.div(44,(strip-unit($font-size-big)*16))) * 1em) !default; // 44px in ems
// Overlay
$overlay-background-color: rgba($color-black, .18) !default;
|
