wmdeit_kaform/master.scss

110 lines
2.0 KiB
SCSS
Raw Permalink Normal View History

2021-09-13 07:03:49 +00:00
@import 'scss/vars';
@import 'scss/mixins';
body {
margin: auto;
padding:1em;
2021-09-13 09:33:03 +00:00
border:0px solid red;
2021-09-13 07:03:49 +00:00
max-width:90em;
min-width:80em;
2021-09-13 07:03:49 +00:00
@include for-mobile {
min-width: 2em;
padding:0.5em;
}
}
fieldset {
@include for-mobile {
padding-left:0.5em;
padding-right:0.5em;
}
}
2021-09-13 09:33:03 +00:00
.tab_input {
display:inline;
@include for-mobile {
width:50%;
}
2021-09-13 07:03:49 +00:00
}
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;
}