// ============================================================================ // :: General // ============================================================================ /** * Contains all the styling used to create the layout and the look of the * components in the general styleguide. This styleguide is the base of * everything in the brandplatform and the different styleguides that may * or may not be present. * * IMPORTANT!!! * Do not add any styles that should visualise the brandplatform itself. Also * avoid styling the visualisation of the layouts within the brandlpatform. * They belong in the scss/brandplatform/scopes/layout folder. */ @charset "utf-8"; // ============================================================================ // :: Vendors // ============================================================================ /** * Third party styling used to correctly style libraries or reset/normalize * the standard browser CSS. Place on top to easily overwrite these properties. */ @import "general/vendors/_normalize"; // ============================================================================ // :: Tools - mixins // ============================================================================ /** * Mixins and functions used to make our lives in the wonderfull world of SCSS * easier and ejoyable. */ @import // mixins "general/tools/mixins/_breakpoints", "general/tools/mixins/_fonts", "general/tools/mixins/_placeholder"; // ============================================================================ // :: Settings // ============================================================================ /** * Variables and maps used to define the basis like colors, layout, typography, * breakpoints, container-widths, ... */ @import "general/settings/_colors", "general/settings/_typography", "general/settings/_media", "general/settings/_layout"; // ============================================================================ // :: Tools - extends // ============================================================================ /** * Extendable classes to help us define consistent styling. */ @import // extends "general/tools/extends/_icons", "general/tools/extends/_typography", "general/tools/extends/_block", "general/tools/extends/_grid"; // ============================================================================ // :: Utils // ============================================================================ /** * Utility classes are used to apply one type of styling to the element. * These properties usually have an !important on them because when you apply * a utility, you want it to apply that style so that it is not canceled out * by a component. You should not try to overwrite a utility's styling. */ @import "general/utils/_spacing", "general/utils/_visibility", "general/utils/_word-break"; // ============================================================================ // :: Layout // ============================================================================ /** * Layouts are used in giving the base structure to the components and pages. * These contain no properties that affect the visualisation like colors or * typography, but are more focused on the position and structure of elements. */ @import "general/layout/_container", "general/layout/_root", "general/layout/_grid", "general/layout/_section", "general/layout/_content", "general/layout/_block", "general/layout/_split", "general/layout/_form", "general/layout/_scroll", "general/layout/_table", "general/layout/_flex"; // ============================================================================ // :: Components // ============================================================================ /** * Components form the basis of everything on a site. They are split up in * quarks, atoms, molecules and organisms and are defind by using their prefix: * - quarks have none because these are focused on HTML-tags * - atoms: a- * - molecules: m- * - organisms: o- */ // quarks @import "general/components/quarks/_layout", "general/components/quarks/_typography"; // atoms @import "general/components/atoms/_alert", "general/components/atoms/_amount-input", "general/components/atoms/_badge", "general/components/atoms/_budget", "general/components/atoms/_button", "general/components/atoms/_checkbox", "general/components/atoms/_icon-button", "general/components/atoms/_input", "general/components/atoms/_icons", "general/components/atoms/_label", "general/components/atoms/_link", "general/components/atoms/_loader", "general/components/atoms/_logo", "general/components/atoms/_main-action", "general/components/atoms/_menu-item", "general/components/atoms/_radio", "general/components/atoms/_sort-button", "general/components/atoms/_switch", "general/components/atoms/_toggle", "general/components/atoms/_skip-link", "general/components/atoms/_download-button", "general/components/atoms/_divider", "general/components/atoms/_icon", "general/components/atoms/_progress", "general/components/atoms/_step-count", "general/components/atoms/_paragraph"; // molecules @import "general/components/molecules/_summary", "general/components/molecules/_account-select", "general/components/molecules/_add-new", "general/components/molecules/_card", "general/components/molecules/_checklist", "general/components/molecules/_collapse", "general/components/molecules/_key-value", "general/components/molecules/_feedback", "general/components/molecules/_languages", "general/components/molecules/_list", "general/components/molecules/_new-account", "general/components/molecules/_notification", "general/components/molecules/_option", "general/components/molecules/_option-button", "general/components/molecules/_show-more", "general/components/molecules/_tooltip", "general/components/molecules/_transaction", "general/components/molecules/_key-value", "general/components/molecules/_notification", "general/components/molecules/_pagination", "general/components/molecules/_button-group", "general/components/molecules/_download-group", "general/components/molecules/_visual", "general/components/molecules/_authentication", "general/components/molecules/_highlight-box", "general/components/molecules/_data-list"; // organisms @import "general/components/organisms/_account-list", "general/components/organisms/_cookie-banner", "general/components/organisms/_options", "general/components/organisms/_header", "general/components/organisms/_menu", "general/components/organisms/_transactions", "general/components/organisms/_tabs", "general/components/organisms/_overlay", "general/components/organisms/_notifications", "general/components/organisms/_toggle-group", "general/components/organisms/_input-group", "general/components/organisms/_interest-overview", "general/components/organisms/_step-wizard", "general/components/organisms/_account-statement-overview"; // ============================================================================ // :: Scopes // ============================================================================ /** * Scopes are overwrites of third-party styling. We use the s- prefixes to target * these classes. */ @import "general/scopes/_slds-root", "general/scopes/_slds-calendar", "general/scopes/_slds-input-calendar", "general/scopes/_salesforce-general"; // ============================================================================ // :: Pages // ============================================================================ @import "general/pages/_account-detail", "general/pages/_search-transactions", "general/pages/_open-accounts", "general/pages/_overbooking", "general/pages/_overview", "general/pages/_transaction-detail", "general/pages/_notifications", "general/pages/_notifications-detail", "general/pages/_settings", "general/pages/_settings-edit-account", "general/pages/_new-deposito", "general/pages/_download-statement", "general/pages/_transaction-feedback", "general/pages/_transaction-confirm", "general/pages/_delete-account", "general/pages/_inclusion-calculator", "general/pages/_more", "general/pages/_aop", "general/pages/_new-account-detail", "general/pages/_did-u-know";