20 changed files with 4310 additions and 1180 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,241 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -0,0 +1,6 @@
|
||||
@charset "utf-8"; |
||||
|
||||
@use "config/sx_theme"; |
||||
@use "config/sx_mixins"; |
||||
@use "components/sx_common"; |
||||
|
||||
@ -0,0 +1,6 @@
@@ -0,0 +1,6 @@
|
||||
@charset "utf-8"; |
||||
|
||||
@use "config/sx_theme"; |
||||
@use "config/sx_mixins"; |
||||
@use "components/sx_field_dialogue"; |
||||
|
||||
@ -0,0 +1,6 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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