20 changed files with 4310 additions and 1180 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,241 @@ |
|||||||
|
// pages/_sx_field_dialogue.scss |
||||||
|
//--Inhalt: Farben, Formen, Abstände für sx_field_dialogue-- |
||||||
|
|
||||||
|
@use "../config/sx_theme"; |
||||||
|
@use "../config/sx_mixins"; |
||||||
|
|
||||||
|
|
||||||
|
// ============================================================= |
||||||
|
// -- Titel, Navi, Linie -- |
||||||
|
// ============================================================= |
||||||
|
|
||||||
|
.title-dialogue.is-4 { |
||||||
|
color: sx_theme.theme(title-dialogue-color); |
||||||
|
font-weight: bold; |
||||||
|
font-size: 25px; |
||||||
|
} |
||||||
|
|
||||||
|
.title-dialogue.is-4:before { |
||||||
|
content: ""; |
||||||
|
} |
||||||
|
|
||||||
|
.title-dialogue.is-4:after { |
||||||
|
content: " Filter"; |
||||||
|
} |
||||||
|
|
||||||
|
.navbar-dialogue { |
||||||
|
position: sticky; /* 202606 ergänzt:Kopfzeile bleibt beim Scrollen "kleben"*/ |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 105px; |
||||||
|
z-index: 1000; |
||||||
|
margin-top: -55px; |
||||||
|
background: sx_theme.theme(navbar-dialogue-background); |
||||||
|
} |
||||||
|
|
||||||
|
hr { |
||||||
|
margin-top: -1rem; |
||||||
|
margin-bottom: 0.5rem; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
// ===================================== |
||||||
|
// -- Buttons, Input, Auswahlfelder -- |
||||||
|
// ===================================== |
||||||
|
.a-dialogue { |
||||||
|
@include sx_mixins.font; |
||||||
|
color: black; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
button.button-dialogue { |
||||||
|
@include sx_mixins.button-dialogue; |
||||||
|
background-color: sx_theme.theme(button-background); //UDE-Grau: #d9d9d9; |
||||||
|
padding: 8px; |
||||||
|
width: 11em; |
||||||
|
} |
||||||
|
|
||||||
|
.input-container.sticky-filter { /*202606 Filter ergänzt f. äußeren Container*/ |
||||||
|
background: #d9d9d9; |
||||||
|
} |
||||||
|
|
||||||
|
input[type=checkbox] { |
||||||
|
vertical-align: bottom; |
||||||
|
line-height: 1.25; |
||||||
|
} |
||||||
|
|
||||||
|
.comboDiv-dialogue { |
||||||
|
margin-left: 1.6rem; |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Standarddarstellung -- */ |
||||||
|
.comboDiv { |
||||||
|
display: flex; |
||||||
|
justify-content: left; |
||||||
|
margin-top: 1em; |
||||||
|
} |
||||||
|
|
||||||
|
.input-container.sticky-filter {/*202606 Filter ergänzt f. äußeren Container*/ |
||||||
|
position: sticky; /*202606 neu: bleibt beim Scrollen sichtbar*/ |
||||||
|
top: 105px; /* Höhe der Navbar > siehe oben */ |
||||||
|
z-index: 999; |
||||||
|
padding: 0.5rem 0; |
||||||
|
} |
||||||
|
|
||||||
|
.input-container { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; /* Ordnet Felder horizontal*/ |
||||||
|
margin-top: 0.2rem; |
||||||
|
} |
||||||
|
|
||||||
|
.input-container > .label { |
||||||
|
margin-bottom: 1rem; |
||||||
|
margin-right: 0.5rem; |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
.field is-grouped is-grouped-multiline { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
flex-wrap: wrap; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
|
||||||
|
.field.is-grouped { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
flex-wrap: nowrap; |
||||||
|
margin-left: 0.5rem; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
|
||||||
|
.field { |
||||||
|
align-items: flex-start; /*für gleiche vertik. Feldausrichtung*/ |
||||||
|
} |
||||||
|
|
||||||
|
.label { |
||||||
|
margin-top: 5px; |
||||||
|
width: 8em; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
.select select, .input { /*für Auswahlfeldstyle*/ |
||||||
|
padding-left: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
// ======================================== |
||||||
|
// Media-Queries für responsives Verhalten |
||||||
|
// ======================================== |
||||||
|
|
||||||
|
/*--Anpassungen für Viewports Mobile bis 768px=tablet-Hochformat --*/ |
||||||
|
@media screen and (min-width: 585px) and (max-width: 768px) { |
||||||
|
.input-container { |
||||||
|
flex-direction: row; |
||||||
|
gap: 1px; /* Abstand zwischen den Feldern*/ |
||||||
|
} |
||||||
|
.input-container > .label { |
||||||
|
margin-bottom: 0rem; |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
.field.is-grouped { |
||||||
|
flex-direction: row; |
||||||
|
} |
||||||
|
.field { |
||||||
|
align-items: flex-start; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* --Anpassung für kleine Viewports (Mobile) -- */ |
||||||
|
@media screen and (max-width: 584px) { |
||||||
|
.input-container { |
||||||
|
flex-direction: column; /* Stapelt Felder*/ |
||||||
|
margin-top: 0rem; |
||||||
|
padding-bottom: 0.2rem; |
||||||
|
} |
||||||
|
.input-container > .label { |
||||||
|
margin-bottom: 0rem; |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
.field.is-grouped { |
||||||
|
flex-direction: row; |
||||||
|
column-gap: 5px; /* Abstand label und Input/Select-Felder */ |
||||||
|
row-gap: 1px; /* Höhenabstand zwischen Feldern; ohne Angabe wird Abstand zu groß*/ |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// ========================================================= |
||||||
|
// --- Ergebnislisten von Sichten und gesuchten Elementen -- |
||||||
|
// ========================================================= |
||||||
|
|
||||||
|
ul { |
||||||
|
list-style: none !important; |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeUL { |
||||||
|
list-style-type: none; |
||||||
|
margin-left: 2em; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeCaret { |
||||||
|
cursor: pointer; |
||||||
|
-webkit-user-select: none; /* Safari 3.1 */ |
||||||
|
-moz-user-select: none; /* Firefox 2 */ |
||||||
|
-ms-user-select: none; /* IE 10 */ |
||||||
|
user-select: none; |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeCaret::before { |
||||||
|
content: "▶"; |
||||||
|
color: #014A7B; |
||||||
|
display: inline-block; |
||||||
|
margin-right: 0px; |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeCaret-down::before { |
||||||
|
-ms-transform: rotate(90deg); /* IE 9 */ |
||||||
|
-webkit-transform: rotate(90deg); /* Safari */ |
||||||
|
transform: rotate(90deg); |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreePlaceholder { |
||||||
|
margin-left: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeNested { |
||||||
|
display: none; |
||||||
|
margin-right: 0px; |
||||||
|
padding-left: 13px; |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeActive { |
||||||
|
display: block; |
||||||
|
margin-right: 0px; |
||||||
|
padding-left: 13px; |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeSpacer { |
||||||
|
padding-left: 10px; /*wofür nötig?*/ |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeLink { |
||||||
|
text-decoration: none; /* keine Unterstreichung für links */ |
||||||
|
} |
||||||
|
|
||||||
|
.sichtentreeLinkWithSpace { |
||||||
|
text-decoration: none; /* keine Unterstreichung für links */ |
||||||
|
margin-left: 10px; |
||||||
|
box-decoration-break: clone; |
||||||
|
-webkit-box-decoration-break: clone; |
||||||
|
} |
||||||
|
|
||||||
|
ul.sichtentreeChildUL { |
||||||
|
margin: 0px; |
||||||
|
padding-left: 10px; |
||||||
|
list-style-type: none; |
||||||
|
list-style-position: inside; |
||||||
|
list-style-image: none; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,413 @@ |
|||||||
|
// pages/_sx_tabelle.scss |
||||||
|
//--Inhalt: Farben, Formen, Abstände für sx_tabelle-- |
||||||
|
|
||||||
|
@use "../config/sx_theme"; |
||||||
|
@use "../config/sx_mixins"; |
||||||
|
|
||||||
|
// =========== |
||||||
|
// -- Body -- |
||||||
|
// =========== |
||||||
|
|
||||||
|
/* -- Bildschirmseite mit scrollbar -- */ |
||||||
|
html, body { |
||||||
|
max-width: 100%; |
||||||
|
overflow-x: visible; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
// ================================================= |
||||||
|
// -- Elemente über und unter der Ergebnistabelle -- |
||||||
|
// ================================================= |
||||||
|
/* --Container im Ergebnisbereich -- */ |
||||||
|
.hero-body > .container { /*in _sx_common.scss*/ |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
max-width: 100%; /*none;*/ |
||||||
|
min-width: 0; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
.container { |
||||||
|
// overflow-x: auto; /* Nur horizontales Scrollen */ |
||||||
|
// overflow-y: auto; /* Vertikales Scrollen */ |
||||||
|
// max-height: 80vh; /* max. Container-Höhe 190% des Viewports (whitesmoke-farbene übergeo Card u Column) */ |
||||||
|
// max-width: 190vb; /* max. Container-Breite 190% des Viewports (whitesmoke-farbene übergeo Card u Column) */ |
||||||
|
// max-width: 100%; /* volle Container-Breite */ |
||||||
|
white-space: normal; /* Ermöglicht Zeilenumbrüche in den Tabellenzellen */ |
||||||
|
hyphens: auto; |
||||||
|
/*white-space: nowrap; /* Verhindert Zeilenumbrüche in den Tabellenzellen */ |
||||||
|
-webkit-overflow-scrolling: touch; /* Für bessere Scroll-Erfahrung auf Mobilgeräten */ |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* -- Card -- */ |
||||||
|
.hero-body > .container > .card { |
||||||
|
width: fit-content; |
||||||
|
max-width: 100%; |
||||||
|
min-width: 0; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* -- Input-container unter Buttonbar mit: Label, Auswahlfeld, Button --*/ |
||||||
|
.input-container { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
flex-wrap: normal; |
||||||
|
flex: 1 1 auto; /* 20260304; flex-grow, flex-shrink, flex-basis = auto; /*für flexibles Verhalten der Zeile*/ |
||||||
|
padding-bottom: 0.1rem; |
||||||
|
} |
||||||
|
|
||||||
|
.input-container > .label { /*Standarddarstellung für größere Viewports*/ |
||||||
|
margin-bottom: 0.3rem; |
||||||
|
margin-right: 0.5rem; /* Abstand zwischen Label und Eingabefeld*/ |
||||||
|
} |
||||||
|
|
||||||
|
.field { |
||||||
|
margin-left: 1px; /*für Abstand Buttonbar-SelectFeld*/ |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Legende --*/ |
||||||
|
.legende, p.legende { |
||||||
|
display: flex; |
||||||
|
/*flex-grow: 1; |
||||||
|
/*flex-shrink: 1;*/ |
||||||
|
flex: 1 1 auto; |
||||||
|
flex-flow: row wrap; |
||||||
|
justify-content: flex-start; |
||||||
|
align-items: normal; |
||||||
|
padding: 0.3rem; |
||||||
|
margin-bottom: 0.1rem; |
||||||
|
width: auto; |
||||||
|
} |
||||||
|
|
||||||
|
p.legende { |
||||||
|
@include sx_mixins.font; |
||||||
|
@include sx_mixins.border; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
max-width: fit-content; |
||||||
|
min-width: 0; |
||||||
|
white-space: normal; |
||||||
|
overflow-wrap: break-word; |
||||||
|
word-break: normal; |
||||||
|
hyphens: auto; |
||||||
|
gap: 1px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* -- Unterhalb Ergebnistabelle: Datensatzinfo -- */ |
||||||
|
.pagination-container { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: left; |
||||||
|
gap: 2px; /* Abstand zwischen den Elementen */ |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Fehlermeldung --*/ |
||||||
|
p.errmsg { |
||||||
|
border: medium solid red; |
||||||
|
text-align: left; |
||||||
|
background-color: #d7d7d7; |
||||||
|
} |
||||||
|
|
||||||
|
span.hidden_navi { |
||||||
|
margin: 0px; |
||||||
|
padding: 0px; |
||||||
|
font-size: smaller; |
||||||
|
display: inline; |
||||||
|
} |
||||||
|
|
||||||
|
// ====================== |
||||||
|
// -- Ergebnistabellen -- |
||||||
|
// ====================== |
||||||
|
/* -- Tabelle -- */ |
||||||
|
.level-center, .treebutton { /*für zentrierte Icons in Tabelle*/ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
|
||||||
|
table, |
||||||
|
table.ergtabelle, |
||||||
|
table.nd_ergtabelle { |
||||||
|
/*min-width: 130%;*/ /* Tabellen-Breite gößer als Container-Breite, damit Scrollbalken sichtbar ist */ |
||||||
|
width: 100%; |
||||||
|
max-width: 100%; |
||||||
|
table-layout: auto; |
||||||
|
white-space: normal; |
||||||
|
hyphens: auto; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
border-spacing: 0px; /*Abstand zwischen den Zellen*/ |
||||||
|
border-collapse: collapse; |
||||||
|
@include sx_mixins.font; |
||||||
|
font-size: 0.8rem; |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Tabellenkopf -- */ |
||||||
|
table th.printheader { |
||||||
|
font-size: 10pt; |
||||||
|
font-weight: bold; |
||||||
|
text-align: center; |
||||||
|
background-color: white; |
||||||
|
border-top: 1px solid; |
||||||
|
border-right: 1px solid; |
||||||
|
border-bottom: 1px solid; |
||||||
|
border-left: 0; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
table th, |
||||||
|
table.ergtabelle th, |
||||||
|
table.nd_ergtabelle th { |
||||||
|
border: sx_theme.theme(border-style); |
||||||
|
border-collapse: separate; |
||||||
|
background-color: sx_theme.theme(table-background-header); |
||||||
|
vertical-align: top; |
||||||
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
||||||
|
text-align: left; |
||||||
|
text-align-last:left; |
||||||
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
||||||
|
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ |
||||||
|
/*padding-inline: 2px;*/ |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
table.thead, |
||||||
|
table.ergtabelle thead, |
||||||
|
table.nd.ergtabelle thead, |
||||||
|
table.thead th, |
||||||
|
table.ergtabelle thead th, |
||||||
|
table.nd_ergtabelle thead th { /*wirkt auf einz. Kopfzeile*/ |
||||||
|
border: sx_theme.theme(border-style); |
||||||
|
border-collapse: separate; |
||||||
|
background-color: sx_theme.theme(table-background-header); |
||||||
|
position: sticky; |
||||||
|
top: 50px; /*0*/ |
||||||
|
z-index: 20; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/*-- fixierte Zeilen und Spalten --*/ |
||||||
|
table th.fixed-column1-title, /*table th.header,*/ |
||||||
|
table td.fixed-column1 { /*für Spaltentitel*/ |
||||||
|
border: sx_theme.theme(border-style); |
||||||
|
border-collapse: separate; |
||||||
|
background-color: sx_theme.theme(table-background-header); |
||||||
|
@include sx_mixins.font; |
||||||
|
font-size: 0.8rem; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
table th.fixed-column1-title, |
||||||
|
table td.fixed-column1 |
||||||
|
table.ergtabelle th.fixed-column1-title, |
||||||
|
table.ergtabelle td.fixed-column1, |
||||||
|
table.nd_ergtabelle th.fixed-column1-title, |
||||||
|
table.nd_ergtabelle td.fixed-column1 { /*zum Fixieren des 1. Spaltentitels b. horizont. Scrollen*/ |
||||||
|
border: sx_theme.theme(border-style); |
||||||
|
border-collapse: separate; |
||||||
|
position: sticky; |
||||||
|
z-index: 25; |
||||||
|
left: 0em; |
||||||
|
/*text-align: center;*/ |
||||||
|
} |
||||||
|
|
||||||
|
table td.fixed-column1 |
||||||
|
table.ergtabelle td.fixed-column1 |
||||||
|
table.nd_ergtabelle td.fixed-column1 { |
||||||
|
filter: opacity(1); |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Tabellenzellen, allg. -- */ |
||||||
|
//table.td, |
||||||
|
table.ergtabelle td, |
||||||
|
table.nd_ergtabelle td { |
||||||
|
border: sx_theme.theme(border-style); |
||||||
|
vertical-align: bottom; /*top; |
||||||
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
||||||
|
//text-align: left; |
||||||
|
//text-align-last:left; |
||||||
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
||||||
|
padding: 3px 0px !important; /*Textabstand innerhalb der Zelle: oben/unten sowie rechts/links*/ |
||||||
|
/*padding-inline: 2px;*/ |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Hierarchiezeilen -- */ |
||||||
|
table tr.erglevel_1 { |
||||||
|
background: sx_theme.theme(table-background-row-level-1); |
||||||
|
font-weight:bold; |
||||||
|
} |
||||||
|
|
||||||
|
table tr.erglevel_2 { |
||||||
|
background: sx_theme.theme(table-background-row-level-2); |
||||||
|
} |
||||||
|
|
||||||
|
table tr.erglevel_3 { |
||||||
|
background: sx_theme.theme(table-background-row-level-3); |
||||||
|
} |
||||||
|
|
||||||
|
table tr.erglevel_4 { |
||||||
|
background: sx_theme.theme(table-background-row-level-4); |
||||||
|
} |
||||||
|
|
||||||
|
table tr.erglevel_5 { |
||||||
|
background: sx_theme.theme(table-background-row-level-5); |
||||||
|
} |
||||||
|
|
||||||
|
table tr.erglevel_6 { |
||||||
|
background: sx_theme.theme(table-background-row-level-6); |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Spezielle Zeilen und Zellen -- */ |
||||||
|
table td.string { |
||||||
|
text-align: left; |
||||||
|
empty-cells:show; |
||||||
|
} |
||||||
|
|
||||||
|
table td.boldnumber { |
||||||
|
text-align: right; |
||||||
|
empty-cells:show; |
||||||
|
font-weight:bold; |
||||||
|
} |
||||||
|
|
||||||
|
table td.decimal, |
||||||
|
table td.integer, |
||||||
|
table td.prozent { |
||||||
|
text-align: right; |
||||||
|
empty-cells:show; |
||||||
|
} |
||||||
|
|
||||||
|
table td.lt5:before { |
||||||
|
content: "< 5"; |
||||||
|
color: sx_theme.theme(error-color); /*rot*/ |
||||||
|
} |
||||||
|
|
||||||
|
table td.prozent { |
||||||
|
text-align: right; |
||||||
|
font-style: italic; |
||||||
|
//color: #999999; |
||||||
|
color: sx_theme.theme(table-color-special-value); /*default-blaugrau*/ |
||||||
|
} |
||||||
|
|
||||||
|
table td.result { |
||||||
|
font-size: 10pt; |
||||||
|
empty-cells:show; |
||||||
|
} |
||||||
|
|
||||||
|
table tr.issumme { |
||||||
|
font-weight: bolder; |
||||||
|
//background-color: #d7d7d7; /*hellgrau*/ |
||||||
|
background-color: sx_theme.theme(table-background-row-sum); /*hellgrau*/ |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Hervorhebungen --*/ |
||||||
|
table.ergtabelle tr:hover, table.nd_ergtabelle tr:hover, |
||||||
|
table.ergtabelle tr:focus, table.nd_ergtabelle tr:focus { |
||||||
|
//background-color: hsl(219, 70%, 76%); /*graublau*/ |
||||||
|
background-color: sx_theme.theme(table-background-row-hover); /*graublau*/ |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Tabellenzeilen ohne Hierarchie -- */ |
||||||
|
.listRowEven { /*gerade Zeile*/ |
||||||
|
background-color: sx_theme.theme(table-background-row-even); /*weißgrau*/ |
||||||
|
} |
||||||
|
|
||||||
|
.listRowOdd { /*ungerade Tabellenzeile*/ |
||||||
|
//background-color: #FFFFFF; |
||||||
|
background-color: sx_theme.theme(table-background-row-odd); /*weiß*/ |
||||||
|
} |
||||||
|
|
||||||
|
.listRowEvenHover, .listRowOddHover { |
||||||
|
//background-color: #FFFABF; |
||||||
|
background-color: sx_theme.theme(table-background-row-even-odd-hover); /*hellgelb*/ |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Teiltabelle --*/ |
||||||
|
p.teiltabelle_titel { |
||||||
|
clear: left; |
||||||
|
line-height: 2em; |
||||||
|
border-bottom: 2px solid black; |
||||||
|
color: black; |
||||||
|
display: block; |
||||||
|
font-size: 2em; |
||||||
|
font-weight: bolder; |
||||||
|
margin: 5px 0 20px 5px; |
||||||
|
padding: 0px 0px 0px 5px; |
||||||
|
} |
||||||
|
|
||||||
|
// ============================================== |
||||||
|
// --- Media-Queries für responsives Verhalten--- |
||||||
|
// ============================================== |
||||||
|
|
||||||
|
/* -- Mobile -- */ |
||||||
|
@media (max-width: 768px) { |
||||||
|
.hero-body { |
||||||
|
margin-left: 0; |
||||||
|
margin-right: 0; |
||||||
|
} |
||||||
|
.container, .input-container { /*Format-,Berichtswahl, Breadcrumb, Legende*/ |
||||||
|
max-width: 100%; |
||||||
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
||||||
|
hyphens: auto; |
||||||
|
} |
||||||
|
|
||||||
|
table.ergtabelle, |
||||||
|
table.nd_ergtabelle { |
||||||
|
max-width: 70%; |
||||||
|
font-size: 0.65rem; |
||||||
|
} |
||||||
|
|
||||||
|
table.ergtabelle th, |
||||||
|
table.ergtabelle td, |
||||||
|
table.nd_ergtabelle th, |
||||||
|
table.nd_ergtabelle td { |
||||||
|
min-width: 50px; |
||||||
|
max-width: 60px; |
||||||
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
||||||
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Tablet -- */ |
||||||
|
@media (min-width: 769px) and (max-width: 1023px) { /*202608 geändert auf 1023px gem. Bulma-Breakpoint*/ |
||||||
|
.container, .input-container { /*Format-,Berichtswahl, Breadcrumb, Legende*/ |
||||||
|
max-width: 100%; |
||||||
|
white-space: normal; /*Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
||||||
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
||||||
|
} |
||||||
|
|
||||||
|
table.ergtabelle, |
||||||
|
table.nd_ergtabelle { |
||||||
|
max-width: 80%; |
||||||
|
font-size: 0.7rem; |
||||||
|
} |
||||||
|
|
||||||
|
table.ergtabelle th, |
||||||
|
table.ergtabelle td, |
||||||
|
table.nd_ergtabelle th, |
||||||
|
table.nd_ergtabelle td { |
||||||
|
max-width: 80%; |
||||||
|
white-space: normal; /* Leerzeichen zusammenfassen, Zeilenumbruch bei Bedarf nach Standard-Regeln*/ |
||||||
|
hyphens: auto; /*korr. Silbentrennung bei Angabe der Sprache <html lang="de">*/ |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* -- Desktop -- */ |
||||||
|
@media (min-width: 1024px) { /*202608 geändert auf 1024px gem. Bulma-Breakpoint*/ |
||||||
|
table.ergtabelle, |
||||||
|
table.nd_ergtabelle { |
||||||
|
font-size: 0.75rem; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
@media screen and (min-width: 1216px) { |
||||||
|
.container:not(.is-max-desktop) { |
||||||
|
max-width: 1000px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/*# sourceMappingURL=sx_tabelle.css.map */ |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,176 @@ |
|||||||
|
// config/_cust_variables.scss |
||||||
|
// --Inhalt: Customerspezifische Variablen -- |
||||||
|
|
||||||
|
@charset "utf-8"; |
||||||
|
|
||||||
|
@use "sass:map"; |
||||||
|
@use "sx_variables"; |
||||||
|
|
||||||
|
|
||||||
|
// --- Brand colors --- |
||||||
|
$purple: #8a4d76; |
||||||
|
$pink: #fa7c91; |
||||||
|
$rot: #ff0000; |
||||||
|
$beige-light: #d0d1cd; |
||||||
|
$beige-lighter: #eff0eb; |
||||||
|
$beige: #f5f5dc; |
||||||
|
$antiquewhite: #faebd7; |
||||||
|
$snow: #fffafa; |
||||||
|
$weiß: #ffffff; |
||||||
|
|
||||||
|
$aliceblue: #f0f8ff; |
||||||
|
$azure: #f0ffff; |
||||||
|
$royalblue: #3333ff; |
||||||
|
$default-blaugrau: #ecf0f3; |
||||||
|
$UDE-blau: #003c7a; |
||||||
|
$UDE-grau: #d9d9d9; |
||||||
|
|
||||||
|
$graublau: hsl(219, 70%, 76%); |
||||||
|
$dklgrau: hsl(0, 0%, 21%); |
||||||
|
$mittelgrau: hsl(0, 0%, 60%); /*auch mittelgrau: #999999;*/ |
||||||
|
$hellgrau: hsl(0, 0%, 71%); /*auch hellgrau: #d7d7d7; */ |
||||||
|
$weißgrau: #efefef; |
||||||
|
$weißgelb: #fffaf0; |
||||||
|
$hellgelb: #fffabf; |
||||||
|
$gelborange: hsl(48, 100%, 67%); |
||||||
|
$khaki: #f0e68c; |
||||||
|
$grün: hsl(141, 71%, 48%); |
||||||
|
|
||||||
|
|
||||||
|
// ================================ |
||||||
|
// --- Customer-Werte: Lightmode --- |
||||||
|
// ================================ |
||||||
|
|
||||||
|
$customer-light: ( |
||||||
|
|
||||||
|
// --- Body --- |
||||||
|
body-background: $aliceblue, |
||||||
|
hr-background-color: whitesmoke, |
||||||
|
|
||||||
|
// --- Buttons --- |
||||||
|
button-background: $aliceblue, |
||||||
|
submit-button-border-color: $grün, |
||||||
|
reset-button-border-color: $gelborange, |
||||||
|
close-button-border-color: $hellgrau, |
||||||
|
|
||||||
|
// --- Cards, Modals --- |
||||||
|
card-background: white, |
||||||
|
modal-values-background: $default-blaugrau, |
||||||
|
|
||||||
|
// --- Formulare --- |
||||||
|
input-background: $aliceblue, |
||||||
|
input-container-background: $UDE-grau, |
||||||
|
sichtentreeCaret-color: $UDE-blau, |
||||||
|
input-background-ndSchluesselfeld: $weißgelb, |
||||||
|
|
||||||
|
// --- Field-dialogue --- |
||||||
|
navbar-dialogue-background: $UDE-blau, |
||||||
|
title-dialogue-color: white, |
||||||
|
|
||||||
|
// --- Navigation, Breadcrumb --- |
||||||
|
breadcrumbSeparator-color: black, |
||||||
|
navbar-background: $aliceblue, |
||||||
|
themenbaumCaret-color: black, |
||||||
|
|
||||||
|
// --- Rahmen --- |
||||||
|
border-color: $mittelgrau, |
||||||
|
border-style: thin solid $mittelgrau, |
||||||
|
border-radius: .3em, |
||||||
|
|
||||||
|
// --- Schrift, allgemein -- --- |
||||||
|
font-color: black, |
||||||
|
font-family: arial, |
||||||
|
font-weight: normal, |
||||||
|
font-size: 14px, |
||||||
|
|
||||||
|
// --- Tooltips, Warnungen, Fehler |
||||||
|
tooltip-background: $royalblue, |
||||||
|
tooltip-font-color: white, |
||||||
|
error-color: $rot, |
||||||
|
text-muted-color: $mittelgrau, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für Hierarchieebenen --- |
||||||
|
table-background-header: $default-blaugrau, |
||||||
|
table-background-row-level-1: $aliceblue, |
||||||
|
table-background-row-level-2: $azure, |
||||||
|
table-background-row-level-3: $snow, |
||||||
|
table-background-row-level-4: $beige, |
||||||
|
table-background-row-level-5: $antiquewhite, |
||||||
|
table-background-row-level-6: $khaki, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für einfache Tabellen--- |
||||||
|
table-color-special-value: $default-blaugrau, |
||||||
|
table-background-row-sum: $hellgrau, |
||||||
|
table-background-row-hover: $graublau, |
||||||
|
table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ |
||||||
|
table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ |
||||||
|
table-background-row-even-odd-hover: $hellgelb, |
||||||
|
); |
||||||
|
|
||||||
|
// ================================ |
||||||
|
// --- Customer-Werte: Darkmode --- |
||||||
|
// ================================ |
||||||
|
|
||||||
|
$customer-dark: ( |
||||||
|
|
||||||
|
// --- Body --- |
||||||
|
body-background: $aliceblue, |
||||||
|
hr-background-color: whitesmoke, |
||||||
|
|
||||||
|
// --- Buttons --- |
||||||
|
button-background: $aliceblue, |
||||||
|
submit-button-border-color: $grün, |
||||||
|
reset-button-border-color: $gelborange, |
||||||
|
close-button-border-color: $hellgrau, |
||||||
|
|
||||||
|
// --- Cards --- |
||||||
|
card-background: white, |
||||||
|
|
||||||
|
// --- Formulare --- |
||||||
|
input-background: $aliceblue, |
||||||
|
input-container-background: $UDE-grau, |
||||||
|
sichtentreeCaret-color: $UDE-blau, |
||||||
|
input-background-ndSchluesselfeld: $weißgelb, |
||||||
|
|
||||||
|
// --- Field-dialogue --- |
||||||
|
navbar-dialogue-background: $UDE-blau, |
||||||
|
title-dialogue-color: white, |
||||||
|
|
||||||
|
// --- Navigation, Breadcrumb --- |
||||||
|
breadcrumbSeparator-color: black, |
||||||
|
navbar-background: $aliceblue, |
||||||
|
themenbaumCaret-color: black, |
||||||
|
|
||||||
|
// --- Rahmen --- |
||||||
|
border-color: $mittelgrau, |
||||||
|
border-style: thin solid $mittelgrau, |
||||||
|
border-radius: .3em, |
||||||
|
|
||||||
|
// --- Schrift, allgemein --- |
||||||
|
font-color: black, |
||||||
|
|
||||||
|
// --- Tooltips, Warnungen, Fehler |
||||||
|
tooltip-background: $royalblue, |
||||||
|
tooltip-font-color: white, |
||||||
|
error-color: $rot, |
||||||
|
text-muted-color: $mittelgrau, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für Hierarchieebenen --- |
||||||
|
table-background-header: $default-blaugrau, |
||||||
|
table-background-row-level-1: $aliceblue, |
||||||
|
table-background-row-level-2: $azure, |
||||||
|
table-background-row-level-3: $snow, |
||||||
|
table-background-row-level-4: $beige, |
||||||
|
table-background-row-level-5: $antiquewhite, |
||||||
|
table-background-row-level-6: $khaki, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für einfache Tabellen--- |
||||||
|
table-color-special-value: $default-blaugrau, |
||||||
|
table-background-row-sum: $hellgrau, |
||||||
|
table-background-row-hover: $graublau, |
||||||
|
table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ |
||||||
|
table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ |
||||||
|
table-background-row-even-odd-hover: $hellgelb, |
||||||
|
); |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,45 @@ |
|||||||
|
// config/_sx_mixins.scss |
||||||
|
//--Inhalt: Definition von SuperX-Mixins-- |
||||||
|
|
||||||
|
@use "../config/sx_theme"; |
||||||
|
|
||||||
|
//--- Body --- |
||||||
|
@mixin body { |
||||||
|
display: flex; |
||||||
|
flex-flow: column; |
||||||
|
min-height: 100vh; |
||||||
|
margin: 0.1rem 0.1rem 0.2rem 0.1rem; |
||||||
|
padding-top: 0px; /*202606: ergänzt d Höhe d Navbar*/ |
||||||
|
background: sx_theme.theme(body-background); |
||||||
|
} |
||||||
|
|
||||||
|
// --- Formulare: Eingabefelder --- |
||||||
|
@mixin input { |
||||||
|
@include border; |
||||||
|
@include font; |
||||||
|
background: sx_theme.theme(input-background); |
||||||
|
height: 2.5em; |
||||||
|
padding: .5em 2em .5em .5em; |
||||||
|
} |
||||||
|
|
||||||
|
//--- Field-dialogue --- |
||||||
|
@mixin button-dialogue { |
||||||
|
@include border; |
||||||
|
@include font; |
||||||
|
padding: 8px; |
||||||
|
width: 11em; |
||||||
|
} |
||||||
|
|
||||||
|
// --- Rahmen --- |
||||||
|
@mixin border { |
||||||
|
border: sx_theme.theme(border-style); |
||||||
|
border-radius: sx_theme.theme(border-radius)!important; |
||||||
|
} |
||||||
|
|
||||||
|
// --- Schrift --- |
||||||
|
@mixin font { |
||||||
|
font-family: sx_theme.theme(font-family); |
||||||
|
font-weight: sx_theme.theme(font-weight); |
||||||
|
font-size: sx_theme.theme(font-size); |
||||||
|
color: sx_theme.theme(font-color); |
||||||
|
} |
||||||
@ -0,0 +1,73 @@ |
|||||||
|
// config/_sx_themes.scss |
||||||
|
// steuert das Umschalten zwischen sx-default- und Customer-Design |
||||||
|
|
||||||
|
@use "sass:map"; |
||||||
|
@use "sx_variables"; |
||||||
|
@use "cust_variables"; |
||||||
|
|
||||||
|
$use-customer-theme: false; |
||||||
|
|
||||||
|
// ================== |
||||||
|
// -- Light-Theme -- |
||||||
|
// ================== |
||||||
|
|
||||||
|
$light-theme: sx_variables.$defaults-light; |
||||||
|
|
||||||
|
@if $use-customer-theme { |
||||||
|
$light-theme: map.merge( |
||||||
|
$light-theme, |
||||||
|
cust_variables.$customer-light |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// ================= |
||||||
|
// -- Dark-Theme -- |
||||||
|
// ================= |
||||||
|
|
||||||
|
$dark-theme: sx_variables.$defaults-dark; |
||||||
|
|
||||||
|
@if $use-customer-theme { |
||||||
|
$dark-theme: map.merge( |
||||||
|
$dark-theme, |
||||||
|
cust_variables.$customer-dark |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// ============================ |
||||||
|
// -- CSS-Custom-Properties -- |
||||||
|
// ============================ |
||||||
|
|
||||||
|
@mixin css-variables($theme) { |
||||||
|
@each $key, $value in $theme { |
||||||
|
--sx-#{$key}: #{$value}; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// ================= |
||||||
|
// -- Light-Mode -- |
||||||
|
// ================= |
||||||
|
|
||||||
|
:root { |
||||||
|
color-scheme: light; |
||||||
|
|
||||||
|
@include css-variables($light-theme); |
||||||
|
} |
||||||
|
|
||||||
|
// ================= |
||||||
|
// -- Dark-Mode -- |
||||||
|
// ================= |
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) { |
||||||
|
:root { |
||||||
|
color-scheme: dark; |
||||||
|
@include css-variables($dark-theme); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// =============================== |
||||||
|
// -- Zugriff auf Theme-Werte -- |
||||||
|
// =============================== |
||||||
|
|
||||||
|
@function theme($key) { |
||||||
|
@return var(--sx-#{$key}); |
||||||
|
} |
||||||
@ -0,0 +1,170 @@ |
|||||||
|
// config/_sx_variables.scss |
||||||
|
// Inhalt: Default-Einzelvariablen für Farben, Buttons, Rahmen, |
||||||
|
// Typografie, Formulare, etc. |
||||||
|
|
||||||
|
@charset "utf-8"; |
||||||
|
|
||||||
|
// --- Brand colors --- |
||||||
|
$purple: #8a4d76; |
||||||
|
$pink: #fa7c91; |
||||||
|
$rot: #ff0000; |
||||||
|
$beige-light: #d0d1cd; |
||||||
|
$beige-lighter: #eff0eb; |
||||||
|
$beige: #f5f5dc; |
||||||
|
$antiquewhite: #faebd7; |
||||||
|
$snow: #fffafa; |
||||||
|
$weiß: #ffffff; |
||||||
|
|
||||||
|
$aliceblue: #f0f8ff; |
||||||
|
$azure: #f0ffff; |
||||||
|
$royalblue: #3333ff; |
||||||
|
$default-blaugrau: #ecf0f3; |
||||||
|
$UDE-blau: #003c7a; |
||||||
|
$UDE-grau: #d9d9d9; |
||||||
|
|
||||||
|
$graublau: hsl(219, 70%, 76%); |
||||||
|
$dklgrau: hsl(0, 0%, 21%); |
||||||
|
$mittelgrau: hsl(0, 0%, 60%); /*auch mittelgrau: #999999;*/ |
||||||
|
$hellgrau: hsl(0, 0%, 71%); /*auch hellgrau: #d7d7d7; */ |
||||||
|
$weißgrau: #efefef; |
||||||
|
$weißgelb: #fffaf0; |
||||||
|
$hellgelb: #fffabf; |
||||||
|
$gelborange: hsl(48, 100%, 67%); |
||||||
|
$khaki: #f0e68c; |
||||||
|
$grün: hsl(141, 71%, 48%); |
||||||
|
|
||||||
|
// ================================ |
||||||
|
// --- Default-Werte: Lightmode --- |
||||||
|
// ================================ |
||||||
|
|
||||||
|
$defaults-light: ( |
||||||
|
|
||||||
|
// --- Body --- |
||||||
|
body-background: white, |
||||||
|
hr-background-color: whitesmoke, |
||||||
|
|
||||||
|
// --- Buttons --- |
||||||
|
button-background: inherit, |
||||||
|
submit-button-border-color: $grün, |
||||||
|
reset-button-border-color: $gelborange, |
||||||
|
close-button-border-color: $hellgrau, |
||||||
|
|
||||||
|
// --- Cards, Modals --- |
||||||
|
card-background: white, |
||||||
|
modal-values-background: $default-blaugrau, |
||||||
|
|
||||||
|
// --- Formulare --- |
||||||
|
input-background: white, |
||||||
|
input-background-ndSchluesselfeld: $weißgelb, |
||||||
|
input-container-background: inherit, |
||||||
|
sichtentreeCaret-color: #014A7B, |
||||||
|
|
||||||
|
// --- Field_Dialogue --- |
||||||
|
navbar-dialogue-background: $default-blaugrau, |
||||||
|
title-dialogue-color: $dklgrau, |
||||||
|
|
||||||
|
// --- Navigation, Breadcrumb --- |
||||||
|
breadcrumbSeparator-color: $dklgrau, |
||||||
|
navbar-background: $default-blaugrau, |
||||||
|
themenbaumCaret-color: $dklgrau, |
||||||
|
|
||||||
|
// --- Rahmen --- |
||||||
|
border-color: $mittelgrau, |
||||||
|
border-style: thin solid $mittelgrau, |
||||||
|
border-radius: .3em, |
||||||
|
|
||||||
|
// --- Schrift --- |
||||||
|
font-color: $dklgrau, |
||||||
|
font-family: sans-serif, |
||||||
|
font-weight: normal, |
||||||
|
font-size: 13px, |
||||||
|
|
||||||
|
// --- Tooltips, Warnungen, Fehler |
||||||
|
tooltip-background: $royalblue, |
||||||
|
tooltip-font-color: white, |
||||||
|
error-color: $rot, |
||||||
|
text-muted-color: $mittelgrau, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für Hierarchieebenen --- |
||||||
|
table-background-header: $default-blaugrau, |
||||||
|
table-background-row-level-1: $aliceblue, |
||||||
|
table-background-row-level-2: $azure, |
||||||
|
table-background-row-level-3: $snow, |
||||||
|
table-background-row-level-4: $beige, |
||||||
|
table-background-row-level-5: $antiquewhite, |
||||||
|
table-background-row-level-6: $khaki, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für einfache Tabellen--- |
||||||
|
table-color-special-value: $default-blaugrau, |
||||||
|
table-background-row-sum: $hellgrau, |
||||||
|
table-background-row-hover: $graublau, |
||||||
|
table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ |
||||||
|
table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ |
||||||
|
table-background-row-even-odd-hover: $hellgelb, |
||||||
|
); |
||||||
|
|
||||||
|
// ================================ |
||||||
|
// --- Default-Werte: Darkmode --- |
||||||
|
// ================================ |
||||||
|
$defaults-dark: ( |
||||||
|
|
||||||
|
// --- Body --- |
||||||
|
body-background: white, |
||||||
|
hr-background-color: whitesmoke, |
||||||
|
|
||||||
|
// --- Buttons --- |
||||||
|
button-background: white, |
||||||
|
submit-button-border-color: $grün, |
||||||
|
reset-button-border-color: $gelborange, |
||||||
|
close-button-border-color: $hellgrau, |
||||||
|
|
||||||
|
// --- Cards, Modals --- |
||||||
|
card-background: white, |
||||||
|
modal-values-background: $default-blaugrau, |
||||||
|
|
||||||
|
// --- Formulare --- |
||||||
|
input-background: white, |
||||||
|
input-container-background: inherit, |
||||||
|
sichtentreeCaret-color: #014A7B, |
||||||
|
input-background-ndSchluesselfeld: $weißgelb, |
||||||
|
|
||||||
|
// --- Field_Dialogue --- |
||||||
|
navbar-dialogue-background: $default-blaugrau, |
||||||
|
title-dialogue-color: $dklgrau, |
||||||
|
|
||||||
|
// --- Navigation, Breadcrumb --- |
||||||
|
breadcrumbSeparator-color: $dklgrau, |
||||||
|
navbar-background: $default-blaugrau, |
||||||
|
themenbaumCaret-color: $dklgrau, |
||||||
|
|
||||||
|
// --- Rahmen --- |
||||||
|
border-color: $mittelgrau, |
||||||
|
border-style: thin solid $mittelgrau, |
||||||
|
border-radius: .3em, |
||||||
|
|
||||||
|
// --- Schrift allgemein --- |
||||||
|
font-color: $dklgrau !important, |
||||||
|
|
||||||
|
// --- Tooltips, Warnungen, Fehler |
||||||
|
tooltip-background: $royalblue, |
||||||
|
tooltip-font-color: white, |
||||||
|
error-color: $rot, |
||||||
|
text-muted-color: $mittelgrau, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für Hierarchieebenen --- |
||||||
|
table-background-row-level-1: $aliceblue, |
||||||
|
table-background-row-level-2: $azure, |
||||||
|
table-background-row-level-3: $snow, |
||||||
|
table-background-row-level-4: $beige, |
||||||
|
table-background-row-level-5: $antiquewhite, |
||||||
|
table-background-row-level-6: $khaki, |
||||||
|
|
||||||
|
// --- Tabellen: Farben für einfache Tabellen--- |
||||||
|
table-background-header: $default-blaugrau, |
||||||
|
table-background-row-sum: $hellgrau, |
||||||
|
table-background-row-hover: $graublau, |
||||||
|
table-background-row-odd: weiß, /*ungerade Tabellenzeile*/ |
||||||
|
table-background-row-even: $weißgrau, /*gerade Tabellenzeile*/ |
||||||
|
table-background-row-even-odd-hover: $hellgelb, |
||||||
|
table-color-special-value: $default-blaugrau, |
||||||
|
); |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
@charset "utf-8"; |
||||||
|
|
||||||
|
@use "config/sx_theme"; |
||||||
|
@use "config/sx_mixins"; |
||||||
|
@use "components/sx_common"; |
||||||
|
|
||||||
@ -0,0 +1,6 @@ |
|||||||
|
@charset "utf-8"; |
||||||
|
|
||||||
|
@use "config/sx_theme"; |
||||||
|
@use "config/sx_mixins"; |
||||||
|
@use "components/sx_field_dialogue"; |
||||||
|
|
||||||
@ -0,0 +1,6 @@ |
|||||||
|
@charset "utf-8"; |
||||||
|
|
||||||
|
@use "config/sx_theme"; |
||||||
|
@use "config/sx_mixins"; |
||||||
|
@use "components/sx_tabelle"; |
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||||
{"version":3,"sourceRoot":"","sources":["sx_field_dialogue.scss"],"names":[],"mappings":";AA6DA;EApCE;EACA;EACA;EACA;EACA;EACA;;;AAkCF;EA9BE;EACA;EACA;EACA;EACA;;;AA8BF;AACA;EAAO;;;AAEP;EACG;EACA;EACA;;;AAGH;EACE,kBAzDoB;EA0DpB;EACA;;;AAGF;AACA;EACI;EACA;EACA;EACA;EACA;EACA,YAhFc;EAiFd;EACA;;;AAGJ;EAA8B;;;AAC9B;EAA6B;;;AAC7B;EACG,OAzFM;EA0FN;EACA;;;AAGH;AAAA;AAEE;AAAA;AAAA;AAAA;AAKF;EACG;EACA;EACA;EACA;;;AAGH;EACE;EACA;AACA;;;AAEF;AACE;EACA;;;AAGF;EACG;;;AAEH;AACA;EACG;EACA;EACA;;;AAIH;EACI;EACA;EACA;EACA,YApIc;EAqId;;;AAGJ;EACI;EACA;EACA;EACA,YA5Ic;;;AA+IlB;EACI;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAAQ;;;AAGR;EACE;EACA;EACA;;;AAGF;EACG,QAhKa;EAiKb;AACA;EACA;EACA;;;AAGH;AACA;EACE;IACE;IACA;;EAGF;IACE;IACA;;EAGH;IAAoB;;EACpB;IAAQ;;;AAGT;AACA;EACE;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;AACA;EAAK;;;AAEL;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OAhOsB;EAiOtB;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACC;EACA;EACA;EACA;;;AAGD;EACA;EACA;EACA;EACA;EACA","file":"sx_field_dialogue.css"} |
{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_field_dialogue.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AA0B8B;AACF;ACEE;AACF;ACmB5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;AC9BJ;EACI;EACA;EACA;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAOF;ECLI;EACA;EACA;EACA;EDIF;EACA;;;AAGF;ECjBI;EACA;EAKA;EACA;EACA;EACA;EAfA;EACA;EDwBF;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACD;;;AAGD;EACG;;;AAOH;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;;AAIJ;AACA;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;;;AAQJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"sx_field_dialogue.css"} |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
@charset "utf-8"; |
||||||
|
|
||||||
|
$beige-light: #d0d1cd; |
||||||
|
|
||||||
|
/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */ |
||||||
|
@use "sass"; |
||||||
|
|
||||||
|
|
||||||
@ -1 +1 @@ |
|||||||
{"version":3,"sourceRoot":"","sources":["sx_tabelle.scss"],"names":[],"mappings":";AA6BA;AACA;EACA;IAAQ;;;AAGR;EACA;IAAQ;;EACR;IAAmB;;;AAGnB;AACA;EACI;EACA;;;AAGJ;EACM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;;;AAGN;EACE;EACA;;;AAGF;EACE;AACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;EACE;EACA,YA3FmB,WA2FgB;EACnC;EACA;EACA;;;AAEF;EACE;EACA,YAjGmB,OAiGe;EAClC;EACA;EACA;;;AAEF;EACE;EACA,YAvGmB,MAuGe;EAClC;EACA;;;AAEF;EACE;EACA,YA3GmB;EA4GnB;EACA;;;AAEF;EACE;EACA,YAlHmB;EAmHnB;EACA;;;AAEF;EACE;EACA,YAtHmB;EAuHnB;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EAEA;EACA;EACA;;;AAGA;EAEA;EACA;EACA;EACA;;;AAGA;EAEA;EACA;;;AAGA;EAAqB;EAAc;;;AAEnC;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;;AAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGA;EAEA;EACA;;;AAGA;EAEA;EACA;EACA;;;AAGA;EAEA;EACA;EACA;;;AAGA;EAEA;EACA;EACA;;;AAGA;EAEA;EACA;EACA;;;AAGA;EAEA;EACA;EACA;;;AAEA;AACA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAwBA;AACA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AASA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAcA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAmBA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAsBA;EACC;EACD;;;AAGA;EAEA;EACA;EACA;EACA;;;AAGA;EACC;;;AAGD;AACA;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACC;EACA;EACA;;;AAGD;EAA2B;;;AAE3B;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACG;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEH;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAAS;EAAqB;AAE9B;EACC;EACA;;;AAED;AACA;EACC;EACA;EAAwB;AAGzB;AACA;EACE;EACA;EACA;AACA;EACA;EAAa;AAEf;AACA;AACA;EACG;IACF;IACA;;EAEE;IACE;IACA;IACA;;EAEF;AAAA;IAEE;IACA;AACA;;EAGF;AAAA;AAAA;AAAA;AAIC;IACC;IACA;IACA;AACA;IACA;IACA;;;AAIL;AACA;EACG;IACE;IACA;IACA;;EAEF;AAAA;IAEE;IACA;;EAGF;AAAA;AAAA;AAAA;AAIC;AACC;IACA;IACA;AACA;IACA;IACA;;;AAIL;AACA;EACG;AAAA;IAEE;AACA","file":"sx_tabelle.css"} |
{"version":3,"sourceRoot":"","sources":["../scss/config/_sx_variables.scss","../scss/config/_cust_variables.scss","../scss/config/_sx_theme.scss","../scss/components/_sx_tabelle.scss","../scss/config/_sx_mixins.scss"],"names":[],"mappings":";AA0B8B;AACF;ACEE;AACF;ACmB5B;EACE;EATE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAkBJ;EACE;IACE;IApBA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;AC/BJ;AACA;EACE;EACA;;;AAOF;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EAME;EACA;AACA;EACA;;;AAIF;AACA;EACG;EACA;EACA;EACA;;;AAIH;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;AACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EC3CI;EACA;EACA;EACA;EATA;EACA;EDmDD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIH;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAMF;AACA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECrGE;EACA;EACA;EACA;EDoGF;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA,+BAK+B;EAC7B;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;AAAA,yBACgC;EAC7B;EACA;EACA;EC3JC;EACA;EACA;EACA;ED0JD;EACA;;;AAGH;AAAA;AAAA;AAAA;AAAA,uCAKwC;EACtC;EACA;EACA;EACA;EACA;AACA;;;AAGF;EAGE;;;AAGF;AAEA;AAAA;EAEE;EACA;AAAA;EAIA;EACA;AACD;;;AAGD;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEA;;;AAGF;EACE;EACA;;;AAGF;EACE;EAEA;;;AAGF;AACA;AAAA;EAGI;;;AAGJ;AACA;EACE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOF;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;IACA;;;AAIJ;AACA;EACE;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAGF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;;;AAIJ;AACA;EACE;AAAA;IAEG;;;AAKL;EACE;IACE;;;AAIJ","file":"sx_tabelle.css"} |
||||||
Loading…
Reference in new issue