From 2dc768173ca8828ee5245bbdc7b670f95a9b307e Mon Sep 17 00:00:00 2001
From: Tobias Herre <tobias.herre@wikimedia.de>
Date: Mon, 13 Sep 2021 09:03:49 +0200
Subject: [PATCH] uses master.scss

---
 master.scss | 111 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 111 insertions(+)
 create mode 100644 master.scss

diff --git a/master.scss b/master.scss
new file mode 100644
index 0000000..3387430
--- /dev/null
+++ b/master.scss
@@ -0,0 +1,111 @@
+
+
+@import 'scss/vars';
+
+@import 'scss/mixins';
+
+body {
+	margin: auto;
+	padding:1em;
+	border:1px solid red;
+	max-width:90em;
+	min-width:75em;
+	@include for-mobile {
+		min-width: 2em;
+		padding:0.5em;
+	}
+}
+
+fieldset {
+	@include for-mobile {
+		padding-left:0.5em;
+		padding-right:0.5em;
+	}
+}
+
+input {
+	width:50%;
+}
+table {
+	text-align:right;
+	border:1px solid red;
+	background-color:red;
+}
+
+h1 {
+	@include for-mobile {
+		font-size:120%;
+	}
+
+}
+
+.is-col {
+	padding:0;
+	border:0px solid blue;
+	margin-bottom:1.1em;
+}
+
+.main-sidebar {
+	@include make-sidebar(10em);
+	padding-right:2em;
+    
+	@include for-mobile {
+		margin:auto;
+		text-align:center;
+	}
+}
+.main-sidebar-secondary {
+    @include make-sidebar(240px);
+    margin-left: 16px;
+
+    @include for-mobile {
+	margin-left: 0;
+    }
+}
+.main-content {
+	@include make-content;
+	width: 100%;
+	
+}
+
+.wmdelogo {
+	min-width:5em;
+}
+
+
+.button.is-green {
+/*    // $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; }
+#en:checked~header :lang(de) { display: none; }
+#de:checked~div :lang(en) { display: none; }
+#en:checked~div :lang(de) { display: none; }
+#de:checked~main :lang(en) { display: none; }
+#en:checked~main :lang(de) { 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; } 
+.radiobutton {
+  display: none !important;
+}
+