forked from tohe/wmdeit_kaform
uses master.scss
This commit is contained in:
parent
2e0c9d3194
commit
2dc768173c
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue