// 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);
  }