/* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Import all common theme variables*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Outside-in spacing: Stack*/ /* Stacks provide spacing between their children.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Arrows*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Forms*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Avatar*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Drop down*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Data table*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tabs*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Card*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Charts*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Filters*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* collapsible*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* progress tracker*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Side panel navigation*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Toggle buttons*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Notification toast*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Rodney Cruden-Powell */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* Sidebar layout that is responsive based on the size of its container, rather*/ /* than the viewport.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Media queries breakpoints*/ /* Matches @screen-sm-min*/ /* Matches @screen-md-min*/ /* Matches @screen-lg-min*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /** * For adding a fixed sized header image to a card, including optional margin on the outer edges. */ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* Pick a width % value between small_frac and large_frac equivalent to where*/ /* our available width lies between small_anchor and large_anchor, clamped to*/ /* stay in that range.*/ /* This is overly complicated due to limitations of CSS / calc, but is equivalent to*/ /* width = available_width * lerp(small_frac, large_frac, clamp01(inverse_lerp(small_anchor, large_anchor, available_width)))*/ /* @private INTERNAL FUNCTION, DO NOT USE*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This contains the common variable set for form elements,*/ /* allowing form elements to be consistently styled.*/ /* loosely based on a modular scale of (2 * (1.5 ^ n))*/ /* Selectors for form inputs (and similar elements) that should have sizes applied to them.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Selectors for inputs that are *replaced elements*.*/ /* The behavior of width: auto differs for replaced elements, so these are set*/ /* to width: 100% to get the "grow to container" behavior.*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element*/ /* However, this causes an issue in certain contexts - namely if the container*/ /* has a margin. This list exists to enable workarounds using flex at the site*/ /* of use.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Don't apply the default input size if the element is within one of these*/ /* selectors.*/ /* (if it's not within a form, it won't be applied either)*/ /* Calculate character-based sizing for inputs.*/ /* Generate sizing class for size*/ /* Default input sizing*/ /* Generate sizing classes for predefined sizes*/ /* Vertical padding of form elements.*/ /* Calculate the remaining available space to meet the target height.*/ /* Must be on a single line otherwise it breaks (for some reason!) so must be ignored by prettier.*/ /* prettier-ignore*/ /* prettier-ignore*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /**/ /* Body text*/ /**/ /**/ /* Link text*/ /**/ /**/ /* Heading text*/ /**/ /**/ /* Text wrapping*/ /**/ /* break when the word starts on a new line and breaks where it would have*/ /* overflown, auto inserting hyphens. useful for user-generated content whose*/ /* containers are generally flexible. machine-insertion of hyphens may not be*/ /* an end user preference, but it can be more readable than without.*/ /* break all words at the end of lines, don't hyphenate. useful for predictable*/ /* parts of the UI whose containers are less flexible.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* #dock is 12000, modal must be above that*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Import all common theme variables*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Outside-in spacing: Stack*/ /* Stacks provide spacing between their children.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Arrows*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Forms*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Avatar*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Drop down*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Data table*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tabs*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Card*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Charts*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Filters*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* collapsible*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* progress tracker*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Side panel navigation*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Toggle buttons*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Notification toast*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Rodney Cruden-Powell */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* Sidebar layout that is responsive based on the size of its container, rather*/ /* than the viewport.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Media queries breakpoints*/ /* Matches @screen-sm-min*/ /* Matches @screen-md-min*/ /* Matches @screen-lg-min*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /** * For adding a fixed sized header image to a card, including optional margin on the outer edges. */ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* Pick a width % value between small_frac and large_frac equivalent to where*/ /* our available width lies between small_anchor and large_anchor, clamped to*/ /* stay in that range.*/ /* This is overly complicated due to limitations of CSS / calc, but is equivalent to*/ /* width = available_width * lerp(small_frac, large_frac, clamp01(inverse_lerp(small_anchor, large_anchor, available_width)))*/ /* @private INTERNAL FUNCTION, DO NOT USE*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This contains the common variable set for form elements,*/ /* allowing form elements to be consistently styled.*/ /* loosely based on a modular scale of (2 * (1.5 ^ n))*/ /* Selectors for form inputs (and similar elements) that should have sizes applied to them.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Selectors for inputs that are *replaced elements*.*/ /* The behavior of width: auto differs for replaced elements, so these are set*/ /* to width: 100% to get the "grow to container" behavior.*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element*/ /* However, this causes an issue in certain contexts - namely if the container*/ /* has a margin. This list exists to enable workarounds using flex at the site*/ /* of use.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Don't apply the default input size if the element is within one of these*/ /* selectors.*/ /* (if it's not within a form, it won't be applied either)*/ /* Calculate character-based sizing for inputs.*/ /* Generate sizing class for size*/ /* Default input sizing*/ /* Generate sizing classes for predefined sizes*/ /* Vertical padding of form elements.*/ /* Calculate the remaining available space to meet the target height.*/ /* Must be on a single line otherwise it breaks (for some reason!) so must be ignored by prettier.*/ /* prettier-ignore*/ /* prettier-ignore*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /**/ /* Body text*/ /**/ /**/ /* Link text*/ /**/ /**/ /* Heading text*/ /**/ /**/ /* Text wrapping*/ /**/ /* break when the word starts on a new line and breaks where it would have*/ /* overflown, auto inserting hyphens. useful for user-generated content whose*/ /* containers are generally flexible. machine-insertion of hyphens may not be*/ /* an end user preference, but it can be more readable than without.*/ /* break all words at the end of lines, don't hyphenate. useful for predictable*/ /* parts of the UI whose containers are less flexible.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* #dock is 12000, modal must be above that*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This variable file includes special comments with the syntax `theme:var` and*/ /* `theme:derive`.*/ /**/ /* `theme:var` comments tell the build system that this is a configurable*/ /* variable and causes information about it to be exported. This is neccesary*/ /* for it to show up in the theme panel.*/ /**/ /* `theme:derive` comments add information to the entry for a theme:var variable*/ /* telling the theme panel that it is derived from another variable.*/ /* This informatation is used to generate a new value for the variable if the*/ /* value of any variable it is derived from has changed.*/ :root { --font-size-1: 0.1rem; --font-size-2: 0.2rem; --font-size-4: 0.4rem; --font-size-8: 0.8rem; --font-size-10: 1rem; --font-size-11: 1.1rem; --font-size-12: 1.2rem; --font-size-13: 1.3rem; --font-size-14: 1.4rem; --font-size-15: 1.5rem; --font-size-16: 1.6rem; --font-size-18: 1.8rem; --font-size-20: 2rem; --font-size-22: 2.2rem; --font-size-24: 2.4rem; --font-size-30: 3rem; --font-size-32: 3.2rem; --font-size-40: 4rem; --font-size-48: 4.8rem; --font-size-50: 5rem; } :root { --gap-1: 0.4rem; --gap-2: 0.8rem; --gap-3: 1.2rem; --gap-4: 1.6rem; --gap-5: 2rem; --gap-6: 2.4rem; --gap-7: 2.8rem; --gap-8: 3.2rem; --gap-9: 3.6rem; --gap-10: 4rem; --gap-11: 4.4rem; --gap-12: 4.8rem; --gap-page-columns: var(--gap-8); --gap-card-grid: var(--gap-4); --grid-gutter: var(--gap-5); --grid-gutter-vertical: 2rem; --grid-gutter-horizontal: 2rem; --grid-maxunits: 12; --paragraph-gap: 1rem; } :root { --border-width-thin: 1px; --border-width-normal: 2px; --border-width-thick: 3px; --border-radius-curved: 12px; --border-radius-normal: 6px; --border-radius-small: 4px; --card-border-radius: var(--border-radius-normal); --dropdown-border-radius: var(--border-radius-normal); --focus-outline-offset: 1px; } :root { --btn-shadow: none; --btn-shadow-focus: none; --btn-shadow-hover: var(--shadow-2); --btn-shadow-active: var(--shadow-3); --btn-min-width: 72px; --btn-min-height: 3.6rem; --btn-font-size: var(--font-body-size); --btn-line-height: var(--font-body-line-height); --btn-border-width: 1px; --btn-padding-h: var(--gap-3); --btn-radius: 4px; --btn-sm-min-height: 3rem; --btn-sm-font-size: var(--font-body-small-size); --btn-sm-line-height: var(--font-body-small-line-height); --btn-sm-padding-h: var(--gap-3); --btn-sm-radius: 4px; } :root { --color-primary: #3a45ac; --color-secondary: #007ab8; --color-tertiary: #1ea4a9; --color-state: #3982ac; --color-state-hover: #265773; --color-state-focus: #265773; --color-state-active: #193a4c; --color-state-highlight: #f6f9d7; --color-state-highlight-neutral: var(--color-neutral-3); --color-state-disabled: var(--color-neutral-5); --color-prompt-info: #007ab8; --color-prompt-info-bg: #daf3fe; --color-prompt-alert: #cc2428; --color-prompt-alert-bg: #fee6e6; --color-prompt-warning: #b2611f; --color-prompt-warning-bg: #f1e2d7; --color-prompt-success: #4b7e2b; --color-prompt-success-bg: #d8eacd; --color-neutral-1: #fff; --color-neutral-2: #fafafa; --color-neutral-3: #f7f7f7; --color-neutral-4: #e6e4e4; --color-neutral-5: #c7c7c7; --color-neutral-6: #767676; --color-neutral-7: #262626; --color-chart-background-1: #007ab8; --color-chart-transparent-1: rgba(0, 122, 184, 0.38); --color-chart-background-2: #da7c2f; --color-chart-transparent-2: rgba(218, 124, 47, 0.38); --color-chart-background-3: #bf6c78; --color-chart-transparent-3: rgba(191, 108, 120, 0.38); --color-chart-background-4: #dac725; --color-chart-transparent-4: rgba(218, 199, 37, 0.38); --color-chart-background-5: #5d5d5d; --color-chart-transparent-5: rgba(93, 93, 93, 0.38); --color-chart-background-6: #98aada; --color-chart-transparent-6: rgba(152, 170, 218, 0.38); --color-chart-background-7: #23c1a0; --color-chart-transparent-7: rgba(35, 193, 160, 0.38); --color-background: var(--color-neutral-1); --color-border: var(--color-neutral-5); --color-text: var(--color-neutral-7); --color-text-disabled: var(--color-neutral-5); --color-text-hint: var(--color-neutral-6); --link-color: var(--color-state); --link-color-hover: var(--color-state-hover); --color-backdrop-standard: rgba(0, 0, 0, 0.4); --color-backdrop-heavy: rgba(0, 0, 0, 0.8); --color-backdrop-contrast: var(--color-neutral-1); --nav-bg-color: #fff; --nav-text-color: var(--color-text); } :root { --arrow-bg-color: var(--color-background); --arrow-border-color: var(--color-neutral-5); } :root { --form-radio-dot-color: var(--color-state); --form-radio-bg-color: var(--color-neutral-1); --form-radio-bg-color-disabled: var(--color-neutral-3); --form-radio-bg-color-focus: var(--color-state-highlight-neutral); --form-radio-bg-color-hover: var(--color-neutral-1); --form-radio-bg-color-active: var(--color-neutral-1); --form-radio-border-color: var(--color-neutral-6); --form-radio-border-color-disabled: var(--color-state-disabled); --form-radio-border-color-focus: var(--color-state-focus); --form-radio-border-color-active: var(--color-state-focus); --form-checkbox-check-color: var(--color-neutral-1); --form-checkbox-check-color-disabled: var(--color-neutral-5); --form-checkbox-bg-color: var(--color-neutral-1); --form-checkbox-bg-color-disabled: var(--color-neutral-3); --form-checkbox-bg-color-active: var(--color-state); --form-checkbox-border-color: var(--color-neutral-6); --form-checkbox-border-color-disabled: var(--color-state-disabled); --form-checkbox-border-color-focus: var(--color-state-focus); --form-checkbox-border-color-active: var(--color-state-focus); --form-checkbox-border-color-invalid: var(--color-prompt-alert); --form-text-color: var(--color-neutral-7); --form-input-bg-color: var(--color-neutral-1); --form-input-bg-color-disabled: var(--color-neutral-3); --form-input-bg-color-focus: var(--form-input-bg-color); --form-input-bg-color-invalid-focus: var(--form-input-bg-color); --form-input-border-color: var(--color-neutral-6); --form-input-border-color-disabled: var(--color-neutral-4); --form-input-border-color-focus: var(--color-state); --form-input-border-color-invalid: var(--color-prompt-alert); --form-input-text-color: var(--color-neutral-7); --form-input-text-color-disabled: var(--color-state-disabled); --form-input-text-placeholder-color: var(--color-neutral-6); --form-details-text-color: var(--color-neutral-7); --form-defaults-text-color: var(--color-neutral-7); --btn-accent-color: var(--color-state); --btn-accent-color-active: var(--color-state-active); --btn-accent-color-hover: var(--color-state-hover); --btn-accent-color-disabled: var(--color-state-disabled); --btn-bg-color: var(--color-neutral-1); --btn-bg-color-active: var(--color-neutral-1); --btn-bg-color-disabled: var(--color-neutral-3); --btn-bg-color-hover: var(--color-neutral-3); --btn-border-color: var(--btn-accent-color); --btn-border-color-active: var(--btn-accent-color-active); --btn-border-color-disabled: var(--btn-accent-color-disabled); --btn-border-color-hover: var(--btn-accent-color-hover); --btn-loader-color-disabled: var(--color-neutral-6); --btn-text-color: var(--btn-accent-color); --btn-text-color-active: var(--btn-accent-color-active); --btn-text-color-disabled: var(--btn-accent-color-disabled); --btn-text-color-hover: var(--btn-accent-color-hover); --btn-prim-accent-color: var(--color-state); --btn-prim-accent-color-active: var(--color-state-active); --btn-prim-accent-color-hover: var(--color-state-hover); --btn-prim-accent-color-disabled: var(--color-state-disabled); --btn-prim-bg-color: var(--btn-prim-accent-color); --btn-prim-bg-color-active: var(--btn-prim-accent-color-active); --btn-prim-bg-color-disabled: var(--btn-prim-accent-color-disabled); --btn-prim-bg-color-hover: var(--btn-prim-accent-color-hover); --btn-prim-border-color: var(--btn-prim-accent-color); --btn-prim-border-color-active: var(--btn-prim-accent-color-active); --btn-prim-border-color-disabled: var(--btn-prim-accent-color-disabled); --btn-prim-border-color-hover: var(--btn-prim-accent-color-hover); --btn-prim-loader-color-disabled: var(--color-neutral-7); --btn-prim-text-color: var(--color-neutral-1); --btn-prim-text-color-active: var(--color-neutral-1); --btn-prim-text-color-disabled: var(--color-neutral-3); --btn-prim-text-color-hover: var(--color-neutral-1); --btn-alert-bg-color: var(--color-prompt-alert); --btn-alert-bg-color-active: var(--color-prompt-alert); --btn-alert-bg-color-disabled: var(--color-neutral-3); --btn-alert-bg-color-hover: var(--color-prompt-alert); --btn-alert-border-color: var(--color-prompt-alert); --btn-alert-border-color-active: var(--color-prompt-alert); --btn-alert-border-color-disabled: var(--color-state-disabled); --btn-alert-border-color-hover: var(--color-prompt-alert); --btn-alert-text-color: var(--color-neutral-1); --btn-alert-text-color-active: var(--color-neutral-1); --btn-alert-text-color-disabled: var(--color-state-disabled); --btn-alert-text-color-hover: var(--color-neutral-1); --btn-checkbox-bg-color-selected: var(--color-neutral-3); --btn-checkbox-bg-color-hover: var(--color-state-highlight-neutral); --btn-checkbox-text-color: var(--color-state); --btn-checkbox-text-color-active: var(--color-state-active); --btn-checkbox-text-color-focus: var(--color-state-focus); --btn-checkbox-text-color-selected: var(--color-neutral-7); --btn-toolbar-bg-color: transparent; --btn-toolbar-bg-color-hover: var(--color-neutral-4); --btn-toolbar-bg-color-focus: var(--color-neutral-4); --btn-toolbar-bg-color-selected: var(--color-state-active); --btn-toolbar-text-color: var(--color-neutral-6); --btn-toolbar-text-color-selected: var(--color-neutral-1); --form-error-bg-color: var(--color-prompt-alert-bg); --form-error-text-color: var(--color-prompt-alert); --btn-accent-color-focus: var(--color-state-focus); --btn-bg-color-focus: var(--color-neutral-3); --btn-border-color-focus: var(--btn-accent-color-focus); --btn-text-color-focus: var(--btn-accent-color-focus); --btn-prim-accent-color-focus: var(--color-state-focus); --btn-prim-bg-color-focus: var(--btn-prim-accent-color-focus); --btn-prim-border-color-focus: var(--btn-prim-accent-color-focus); --btn-prim-text-color-focus: var(--color-neutral-1); --btn-alert-bg-color-focus: var(--color-prompt-alert); --btn-alert-border-color-focus: var(--color-prompt-alert); --btn-alert-text-color-focus: var(--color-neutral-1); --form-checkbox-bg-color-focus: var(--color-state-highlight-neutral); } :root { --avatar-border-color: var(--color-primary); } :root { --dropdown-item-bg-color-hover: var(--color-neutral-3); --dropdown-item-bg-color-focus: var(--color-neutral-3); --dropdown-item-bg-color-disabled-focus: var(--color-neutral-2); --dropdown-item-text-color: var(--color-text); --dropdown-item-text-color-hover: var(--color-text); --dropdown-item-text-color-focus: var(--color-text); --dropdown-item-text-color-disabled: var(--color-text-disabled); --dropdown-item-focus-ring-color: var(--color-state); --dropdown-menu-bg-color: var(--color-background); --dropdown-menu-border-color: var(--color-neutral-5); } :root { --datatable-bg-archived: var(--color-neutral-2); --datatable-cell-header-text-color: var(--color-neutral-7); --datatable-expanded-bg-color: var(--color-neutral-1); --datatable-expanded-border-color: var(--color-neutral-5); --datatable-expanded-text-color: var(--color-neutral-7); --datatable-row-bg-color: transparent; --datatable-row-bg-color-active: var(--color-neutral-3); --datatable-row-bg-color-focus: var(--color-neutral-3); --datatable-row-bg-color-odd: var(--color-neutral-2); --datatable-row-border-color: var(--color-neutral-5); --datatable-row-first-border-color: var(--color-neutral-7); --datatable-select-everything-prompt-bg: var(--color-neutral-2); } :root { --tabs-bg-color: var(--color-neutral-3); --tabs-bg-color-selected: var(--color-neutral-1); --tabs-bg-color-disabled: var(--color-neutral-3); --tabs-bg-color-focus: var(--color-neutral-3); --tabs-selected-bar-color: var(--color-primary); --tabs-text-color: var(--color-state); --tabs-text-color-active: var(--color-state-active); --tabs-text-color-disabled: var(--color-state-disabled); --tabs-text-color-focus: var(--color-state-focus); --tabs-text-color-selected: var(--color-neutral-7); --tabs-border-color: var(--color-neutral-5); --tabs-border-color-selected: var(--color-neutral-1); --tabs-border-color-disabled: var(--color-neutral-4); } :root { --card-border-color: var(--color-neutral-5); } :root { --color-chart-doughnut-label: var(--color-neutral-7); } :root { --filter-bar-border-color: var(--color-neutral-5); --filter-search-icon-color: var(--color-neutral-6); --filter-search-clear-icon-color: var(--color-neutral-6); } :root { --tag-bg-color: var(--color-neutral-2); --tag-border-color: var(--color-neutral-5); --tag-active-color: var(--color-state); --tag-button-color: var(--color-neutral-7); } :root { --progress-value-bg-color: var(--color-secondary); --progress-container-bg-color: var(--color-neutral-4); --progress-border-color: var(--color-neutral-1); --progress-container-text-color: var(--color-neutral-7); --progress-value-text-color: var(--color-neutral-1); } :root { --collapsible-header-bg-color: var(--color-neutral-3); --collapsible-header-border-color: var(--color-neutral-3); } :root { --progresstracker-container-bg-color: var(--color-neutral-1); --progresstracker-color-pending: var(--color-neutral-6); --progresstracker-color-current: var(--color-prompt-info); --progresstracker-color-achieved: var(--color-tertiary); --progresstracker-color-complete: var(--color-prompt-warning); --progresstracker-color-ready: var(--color-neutral-6); --progresstracker-color-ready--inverse: var(--color-neutral-1); --progresstracker-color-done: var(--color-prompt-success); --progresstracker-color-done--inverse: var(--color-neutral-1); --progresstracker-color-locked: var(--color-neutral-6); --progresstracker-color-locked--inverse: var(--color-neutral-1); --progresstracker-color-optional: var(--color-neutral-6); --progresstracker-color-optional--inverse: var(--color-neutral-1); --progresstracker-color-selected: var(--color-neutral-6); --progresstracker-color-selected--inverse: var(--color-neutral-1); --progresstracker-color-invalid: var(--color-prompt-warning); --progresstracker-color-invalid--inverse: var(--color-neutral-1); --progresstracker-color-view-only: var(--color-neutral-6); --progresstracker-color-view-only--inverse: var(--color-neutral-1); --progresstracker-color-hidden: var(--color-neutral-6); --progresstracker-color-hidden--inverse: var(--color-neutral-1); } :root { --side-panel-nav-bg-color: var(--color-neutral-3); --side-panel-nav-item-bg-color: var(--color-neutral-3); --side-panel-nav-item-border-color: var(--color-neutral-3); --side-panel-nav-item-text-color: var(--color-neutral-7); --side-panel-nav-item-bg-color-focus: var(--color-neutral-4); --side-panel-nav-item-border-color-focus: var(--color-neutral-3); --side-panel-nav-item-text-color-focus: var(--color-state-focus); --side-panel-nav-item-bg-color-selected: var(--color-state-active); --side-panel-nav-item-border-color-selected: var(--color-neutral-3); --side-panel-nav-item-text-color-selected: var(--color-neutral-1); } :root { --toggle-bg-color: var(--color-neutral-6); --toggle-btn-bg-color: transparent; --toggle-btn-bg-color-active: transparent; --toggle-btn-bg-color-disabled: transparent; --toggle-btn-bg-color-hover: transparent; --toggle-btn-bg-color-selected: var(--color-neutral-1); --toggle-btn-text-color: var(--color-neutral-1); --toggle-btn-text-color-active: var(--color-neutral-1); --toggle-btn-text-color-disabled: var(--color-neutral-1); --toggle-btn-text-color-hover: var(--color-neutral-1); --toggle-btn-text-color-selected: var(--color-neutral-7); --form-toggle-dot-color: var(--color-neutral-1); --form-toggle-off-bg-color: var(--color-neutral-5); --form-toggle-off-bg-color-hover-focus: var(--color-neutral-6); --form-toggle-off-bg-color-disabled: var(--color-neutral-4); --form-toggle-on-bg-color: var(--color-state); --form-toggle-on-bg-color-hover-focus: var(--color-state-hover); --form-toggle-on-bg-color-disabled: var(--color-prompt-success-bg); --form-toggle-on-border-color: var(--color-state); --form-toggle-on-border-color-hover-focus: var(--color-state-hover); --form-toggle-border-color: var(--color-neutral-6); --form-toggle-border-color-disabled: var(--color-neutral-5); --toggle-btn-text-color-focus: var(--color-neutral-1); --toggle-btn-bg-color-focus: transparent; } :root { --toast-color-text: var(--color-neutral-1); } :root { --shadow-none: 0 0 0 0 transparent; --shadow-2: 0 3px 6px 0 rgba(0, 0, 0, 0.2); --shadow-3: 0 6px 6px 0 rgba(0, 0, 0, 0.15); --shadow-4: 0 10px 10px 0 rgba(0, 0, 0, 0.3); --form-input-shadow-focus: none; --form-input-shadow-invalid: 0 0 0 var(--form-input-invalid-shadow-size) var(--form-input-border-color-invalid); --form-input-shadow-invalid-focus: none; --form-range-thumb-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } :root { --sidepanel-navigation-item-padding-left: var(--gap-8); } :root { --progress-tracker-horizontal-size--small: 10rem; --progress-tracker-horizontal-size--medium: 20rem; --progress-tracker-horizontal-size--large: 25rem; --progress-tracker-horizontal-gap--small: var(--gap-2); --progress-tracker-horizontal-gap--medium: var(--gap-4); --progress-tracker-horizontal-gap--large: var(--gap-6); --progress-tracker-vertical-gap--small: var(--gap-2); --progress-tracker-vertical-gap--medium: var(--gap-4); --progress-tracker-vertical-gap--large: var(--gap-6); --progresstracker-full-marker-size: 2.8rem; --progresstracker-connector-gap: 0.5rem; } :root { --form-range-height: 20px; --form-range-track-height: 10px; --form-range-thumb-size: 18px; --form-range-thumb-margin-top: calc((var(--form-range-track-height) / 2) - (var(--form-range-thumb-size) / 2)); --form-range-thumb-border-radius: 50%; } :root { --transition-form-function: linear; --transition-form-duration: 0s; --transition-modal-function: ease-out; --transition-modal-duration: 0.15s; --transition-sidepanel-content-function: linear; --transition-sidepanel-content-duration: 0.1s; --transition-progress-function: ease-out; --transition-progress-duration: 0.3s; --transition-button-function: ease; --transition-button-duration: 0.15s; --transition-toggle-function: ease; --transition-toggle-duration: 0.2s; } :root { --modal-container-padding: var(--gap-12); --modal-sheet-padding: var(--gap-12); --modal-border-radius: 1.2rem; --modal-content-outer-padding: var(--gap-6); --modal-content-separation: var(--gap-2); --modal-content-separation-large: var(--gap-8); } :root { --embedded-media-max-width: 700px; } :root { --form-input-height: 3.6rem; --form-input-height-large: 4rem; --form-input-font-size: var(--font-body-size); --form-input-font-size-sm: var(--font-body-small-size); --form-input-font-size-lg: var(--font-size-16); --form-input-line-height: var(--font-body-line-height); --form-input-border-size: 1px; --form-input-border-radius: 0.4rem; --form-input-invalid-shadow-size: 1px; --form-input-limited-width: calc(20 * var(--form-input-font-size)); --form-notepad-line-height: 3rem; --form-notepad-line-border: solid 1px; --input-set-spacing: var(--gap-2); --char-length-scale: 2, 3, 4, 5, 10, 15, 20, 25, 30, 50, 75, 100; --radio-label-offset: calc(var(--form-radio-size) * 1.35); --form-input-v-padding: var(--gap-2); } :root { --separator-dot-gap: 0.53em; --separator-dot-size: 0.2em; --separator-pipe-gap: 0.53em; --separator-pipe-size: 1px; } :root { --tag-height: 24px; --tag-border-radius: 12px; } :root { --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-family-monospace: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --font-body-line-height: 1.429; --font-body-large-line-height: 1.33; --font-body-small-line-height: 1.154; --font-body-x-small-line-height: 1.25; --font-body-xx-small-line-height: 1.1; --font-heading-large-line-height: 1.167; --font-heading-line-height: 1.333; --font-heading-small-line-height: 1.333; --font-heading-x-small-line-height: 1.333; --font-body-size: var(--font-size-14); --font-body-small-size: var(--font-size-13); --font-body-x-small-size: var(--font-size-12); --font-body-xx-small-size: var(--font-size-11); --font-heading-large-size: var(--font-size-50); --font-heading-size: var(--font-size-30); --font-heading-small-size: var(--font-size-20); --font-heading-x-small-size: var(--font-size-16); } :root { --zindex-sticky: 500; --zindex-floating-ui: 5000; --zindex-dropdown-menu: 10000; --zindex-modal: 100050; --zindex-modal-backdrop: 100040; --zindex-popover: 100050; --zindex-loading-page: 100060; --zindex-toast: 100070; --zindex-error-modal: 100070; --zindex-draggable: 100080; } /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ html { font-size: 10px; } .tui-sr-only { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } /* rendered editor content*/ .tui-rendered { color: var(--color-text); font-weight: normal; font-size: var(--font-body-size); line-height: var(--font-body-line-height); word-break: break-word; } .tui-rendered h2 { font-weight: bold; font-size: var(--font-heading-large-size); line-height: var(--font-heading-large-line-height); } .tui-rendered h3 { font-weight: 500; font-size: var(--font-heading-size); line-height: var(--font-heading-line-height); } .tui-rendered h4 { font-weight: bold; font-size: var(--font-heading-small-size); line-height: var(--font-heading-small-line-height); } .tui-rendered h5 { font-weight: bold; font-size: var(--font-heading-x-small-size); line-height: var(--font-heading-x-small-line-height); } .tui-rendered__block { margin-bottom: var(--paragraph-gap); } .tui-rendered__embedContainer { max-width: var(--embedded-media-max-width); } /* Color state for the icons.*/ .tui-icon--disabled { color: var(--color-neutral-2); } .tui-icon--action { color: var(--color-state); } .tui-icon--info { color: var(--color-prompt-info); } .tui-icon--alert { color: var(--color-prompt-alert); } .tui-icon--warning { color: var(--color-prompt-warning); } .tui-icon--success { color: var(--color-prompt-success); } .tui-icon--dimmed { color: var(--color-neutral-6); } .tui-adder { display: flex; flex-direction: column; flex-grow: 1; height: 50rem; } .tui-adder__notices { margin-bottom: var(--gap-6); } .tui-adder__tabs { flex-grow: 1; min-height: 0; } .tui-adder__tabPanel { display: flex; flex-direction: column; } .tui-adder__list { flex-grow: 1; height: 316px; overflow-y: auto; } .tui-adder__list-loading { display: flex; flex-direction: column; flex-grow: 1; min-height: 50px; } .tui-adder__list-loadMore { margin: var(--gap-4) 0 var(--gap-4); text-align: center; } .tui-adder__list::before { display: block; height: var(--gap-4); content: ''; } .tui-adder__footer { display: flex; flex-wrap: wrap; border-top: var(--border-width-normal) solid var(--color-neutral-5); } .tui-adder__footer > * { margin-top: var(--gap-6); } .tui-adder__summary { display: flex; align-items: center; font-weight: bold; font-size: var(--font-body-size); line-height: var(--font-body-line-height); } .tui-adder__actions { display: flex; margin-left: auto; } .tui-hierarchicalParentButton { display: flex; align-items: center; padding: var(--gap-4) 0 0; } .tui-hierarchicalParentButton__backArrow { text-align: start; } @media screen and (min-width: 600px) { .tui-hierarchicalParentButton__backArrow { text-align: center; } } .tui-hierarchicalParentButton__label { margin-left: var(--gap-2); } :root { --avatar-border-radius: 50%; --avatar-large-width: 185px; --avatar-large-height: 185px; --avatar-large-padding: 5px; --avatar-medium-width: 105px; --avatar-medium-height: 105px; --avatar-medium-padding: 3px; --avatar-small-width: 50px; --avatar-small-height: 50px; --avatar-small-padding: 2px; --avatar-xsmall-width: 38px; --avatar-xsmall-height: 38px; --avatar-xsmall-padding: 1px; --avatar-xxsmall-width: 24px; --avatar-xxsmall-height: 24px; --avatar-xxsmall-padding: 1px; } .tui-avatar { border: var(--border-width-normal) solid var(--avatar-border-color); border-radius: var(--avatar-border-radius); } .tui-avatar--large { width: var(--avatar-large-width); height: var(--avatar-large-height); padding: var(--avatar-large-padding); } .tui-avatar--medium { width: var(--avatar-medium-width); height: var(--avatar-medium-height); padding: var(--avatar-medium-padding); } .tui-avatar--small { width: var(--avatar-small-width); height: var(--avatar-small-height); padding: var(--avatar-small-padding); } .tui-avatar--xsmall { width: var(--avatar-xsmall-width); height: var(--avatar-xsmall-height); padding: var(--avatar-xsmall-padding); } .tui-avatar--xxsmall { width: var(--avatar-xxsmall-width); height: var(--avatar-xxsmall-height); padding: var(--avatar-xxsmall-padding); } .tui-basket { color: var(--color-text); font-weight: normal; font-size: var(--font-body-size); line-height: var(--font-body-line-height); display: flex; flex-direction: column; flex-wrap: wrap; background-color: var(--color-neutral-3); border: var(--border-width-thin) solid var(--color-neutral-5); } @media (min-width: 768px) { .tui-basket { flex-direction: row; align-items: center; justify-content: space-between; } } .tui-basket__status, .tui-basket__actions { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; padding: var(--gap-2) var(--gap-3); } .tui-basket__status > *, .tui-basket__actions > * { margin-top: var(--gap-2); margin-left: var(--gap-4); } @media (min-width: 600px) { .tui-basket__status > *, .tui-basket__actions > * { margin-top: 0; margin-left: 0; } .tui-basket__status > .tui-formBtn--transparent, .tui-basket__status > .tui-iconBtn--transparent, .tui-basket__status > .tui-iconBtn--transparent-noPadding, .tui-basket__status > .tui-toggleSwitch__btn, .tui-basket__actions > .tui-formBtn--transparent, .tui-basket__actions > .tui-iconBtn--transparent, .tui-basket__actions > .tui-iconBtn--transparent-noPadding, .tui-basket__actions > .tui-toggleSwitch__btn { padding: var(--gap-1); } .tui-basket__status > * + *, .tui-basket__actions > * + * { margin-left: var(--gap-2); } .tui-basket--wideGap .tui-basket__status > * + *, .tui-basket--wideGap .tui-basket__actions > * + * { margin-left: var(--gap-4); } } .tui-basket__selected { font-weight: bold; } .tui-basket__selectedCount { font-size: var(--font-size-18); } .tui-formBtn, .tui-iconBtn, .tui-actionLink, .tui-toggleSwitch__btn { position: relative; display: inline-block; flex-shrink: 0; min-width: var(--btn-min-width); max-width: 100%; min-height: var(--btn-min-height); /* prettier-ignore*/ padding: calc((var(--btn-min-height) - var(--btn-font-size) * var(--btn-line-height)) / 2 - var(--btn-border-width)) var(--btn-padding-h); color: var(--btn-text-color); font-size: var(--btn-font-size); line-height: var(--btn-line-height); overflow-wrap: break-word; background: var(--btn-bg-color); border: var(--btn-border-width) solid; border-color: var(--btn-border-color); border-radius: var(--btn-radius); cursor: pointer; transition: background-color var(--transition-button-duration) var(--transition-button-function), border-color var(--transition-button-duration) var(--transition-button-function), box-shadow var(--transition-button-duration) var(--transition-button-function); } .tui-formBtn > .tui-formBtn__caret, .tui-iconBtn > .tui-formBtn__caret, .tui-actionLink > .tui-formBtn__caret, .tui-toggleSwitch__btn > .tui-formBtn__caret { margin-left: var(--gap-2); } .tui-formBtn .tui-formBtn__loading, .tui-iconBtn .tui-formBtn__loading, .tui-actionLink .tui-formBtn__loading, .tui-toggleSwitch__btn .tui-formBtn__loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: var(--btn-loader-color-disabled); } .tui-formBtn:focus, .tui-iconBtn:focus, .tui-actionLink:focus, .tui-toggleSwitch__btn:focus { color: var(--btn-text-color); text-decoration: none; background: var(--btn-bg-color); border-color: var(--btn-border-color); outline: none; box-shadow: var(--btn-shadow); } .tui-formBtn:focus-visible, .tui-iconBtn:focus-visible, .tui-actionLink:focus-visible, .tui-toggleSwitch__btn:focus-visible { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-formBtn:hover, .tui-iconBtn:hover, .tui-actionLink:hover, .tui-toggleSwitch__btn:hover { color: var(--btn-text-color-hover); text-decoration: none; background: var(--btn-bg-color-hover); border-color: var(--btn-border-color-hover); box-shadow: var(--btn-shadow-hover); } .tui-formBtn:active, .tui-iconBtn:active, .tui-actionLink:active, .tui-toggleSwitch__btn:active { color: var(--btn-text-color-active); background: var(--btn-bg-color-active); border: var(--btn-border-width) solid; border-color: var(--btn-border-color-active); box-shadow: var(--btn-shadow-active); } .tui-formBtn:disabled, .tui-iconBtn:disabled, .tui-actionLink:disabled, .tui-toggleSwitch__btn:disabled, .tui-formBtn[disabled], .tui-iconBtn[disabled], .tui-actionLink[disabled], .tui-toggleSwitch__btn[disabled], .tui-formBtn--loading { color: var(--btn-text-color-disabled); background-color: var(--btn-bg-color-disabled); border-color: var(--btn-border-color-disabled); cursor: default; opacity: 1; } .tui-formBtn:disabled:active, .tui-iconBtn:disabled:active, .tui-actionLink:disabled:active, .tui-toggleSwitch__btn:disabled:active, .tui-formBtn[disabled]:active, .tui-iconBtn[disabled]:active, .tui-actionLink[disabled]:active, .tui-toggleSwitch__btn[disabled]:active, .tui-formBtn--loading:active, .tui-formBtn:disabled:focus, .tui-iconBtn:disabled:focus, .tui-actionLink:disabled:focus, .tui-toggleSwitch__btn:disabled:focus, .tui-formBtn[disabled]:focus, .tui-iconBtn[disabled]:focus, .tui-actionLink[disabled]:focus, .tui-toggleSwitch__btn[disabled]:focus, .tui-formBtn--loading:focus, .tui-formBtn:disabled:hover, .tui-iconBtn:disabled:hover, .tui-actionLink:disabled:hover, .tui-toggleSwitch__btn:disabled:hover, .tui-formBtn[disabled]:hover, .tui-iconBtn[disabled]:hover, .tui-actionLink[disabled]:hover, .tui-toggleSwitch__btn[disabled]:hover, .tui-formBtn--loading:hover { color: var(--btn-text-color-disabled); background-color: var(--btn-bg-color-disabled); border-color: var(--btn-border-color-disabled); box-shadow: none; } .tui-formBtn--alert, .tui-iconBtn--alert, .tui-formBtn--alert:focus, .tui-iconBtn--alert:focus { color: var(--btn-alert-text-color); background: var(--btn-alert-bg-color); border-color: var(--btn-alert-border-color); } .tui-formBtn--alert:focus-visible, .tui-iconBtn--alert:focus-visible { outline-color: var(--btn-alert-border-color); } .tui-formBtn--alert:hover, .tui-iconBtn--alert:hover { color: var(--btn-alert-text-color-hover); background: var(--btn-alert-bg-color-hover); border-color: var(--btn-alert-border-color-hover); } .tui-formBtn--alert:active, .tui-iconBtn--alert:active { color: var(--btn-alert-text-color-active); background: var(--btn-alert-bg-color-active); border-color: var(--btn-alert-border-color-active); } .tui-formBtn--alert:disabled, .tui-iconBtn--alert:disabled, .tui-formBtn--alert[disabled], .tui-iconBtn--alert[disabled], .tui-formBtn--alert.tui-formBtn--loading, .tui-iconBtn--alert.tui-formBtn--loading { color: var(--btn-alert-text-color-disabled); background: var(--btn-alert-bg-color-disabled); border-color: var(--btn-alert-border-color-disabled); cursor: default; opacity: 1; } .tui-formBtn--alert:disabled:active, .tui-iconBtn--alert:disabled:active, .tui-formBtn--alert[disabled]:active, .tui-iconBtn--alert[disabled]:active, .tui-formBtn--alert.tui-formBtn--loading:active, .tui-iconBtn--alert.tui-formBtn--loading:active, .tui-formBtn--alert:disabled:focus, .tui-iconBtn--alert:disabled:focus, .tui-formBtn--alert[disabled]:focus, .tui-iconBtn--alert[disabled]:focus, .tui-formBtn--alert.tui-formBtn--loading:focus, .tui-iconBtn--alert.tui-formBtn--loading:focus, .tui-formBtn--alert:disabled:hover, .tui-iconBtn--alert:disabled:hover, .tui-formBtn--alert[disabled]:hover, .tui-iconBtn--alert[disabled]:hover, .tui-formBtn--alert.tui-formBtn--loading:hover, .tui-iconBtn--alert.tui-formBtn--loading:hover { color: var(--btn-alert-text-color-disabled); background: var(--btn-alert-bg-color-disabled); border-color: var(--btn-alert-border-color-disabled); box-shadow: none; } .tui-formBtn--prim, .tui-iconBtn--prim, .tui-actionLink--prim { font-weight: bold; } .tui-formBtn--prim, .tui-iconBtn--prim, .tui-actionLink--prim, .tui-formBtn--prim:focus, .tui-iconBtn--prim:focus, .tui-actionLink--prim:focus { color: var(--btn-prim-text-color); background: var(--btn-prim-bg-color); border-color: var(--btn-prim-border-color); } .tui-formBtn--prim:hover, .tui-iconBtn--prim:hover, .tui-actionLink--prim:hover { color: var(--btn-prim-text-color-hover); background: var(--btn-prim-bg-color-hover); border-color: var(--btn-prim-border-color-hover); } .tui-formBtn--prim:active, .tui-iconBtn--prim:active, .tui-actionLink--prim:active { color: var(--btn-prim-text-color-active); background: var(--btn-prim-bg-color-active); border-color: var(--btn-prim-border-color-active); } .tui-formBtn--prim:disabled, .tui-iconBtn--prim:disabled, .tui-actionLink--prim:disabled, .tui-formBtn--prim[disabled], .tui-iconBtn--prim[disabled], .tui-actionLink--prim[disabled], .tui-formBtn--prim.tui-formBtn--loading, .tui-iconBtn--prim.tui-formBtn--loading, .tui-actionLink--prim.tui-formBtn--loading { color: var(--btn-prim-text-color-disabled); background: var(--btn-prim-bg-color-disabled); border-color: var(--btn-prim-border-color-disabled); cursor: default; opacity: 1; } .tui-formBtn--prim:disabled:active, .tui-iconBtn--prim:disabled:active, .tui-actionLink--prim:disabled:active, .tui-formBtn--prim[disabled]:active, .tui-iconBtn--prim[disabled]:active, .tui-actionLink--prim[disabled]:active, .tui-formBtn--prim.tui-formBtn--loading:active, .tui-iconBtn--prim.tui-formBtn--loading:active, .tui-actionLink--prim.tui-formBtn--loading:active, .tui-formBtn--prim:disabled:focus, .tui-iconBtn--prim:disabled:focus, .tui-actionLink--prim:disabled:focus, .tui-formBtn--prim[disabled]:focus, .tui-iconBtn--prim[disabled]:focus, .tui-actionLink--prim[disabled]:focus, .tui-formBtn--prim.tui-formBtn--loading:focus, .tui-iconBtn--prim.tui-formBtn--loading:focus, .tui-actionLink--prim.tui-formBtn--loading:focus, .tui-formBtn--prim:disabled:hover, .tui-iconBtn--prim:disabled:hover, .tui-actionLink--prim:disabled:hover, .tui-formBtn--prim[disabled]:hover, .tui-iconBtn--prim[disabled]:hover, .tui-actionLink--prim[disabled]:hover, .tui-formBtn--prim.tui-formBtn--loading:hover, .tui-iconBtn--prim.tui-formBtn--loading:hover, .tui-actionLink--prim.tui-formBtn--loading:hover { color: var(--btn-prim-text-color-disabled); background: var(--btn-prim-bg-color-disabled); border-color: var(--btn-prim-border-color-disabled); box-shadow: none; } .tui-formBtn--prim .tui-formBtn__loading, .tui-iconBtn--prim .tui-formBtn__loading, .tui-actionLink--prim .tui-formBtn__loading { color: var(--btn-prim-loader-color-disabled); } .tui-formBtn--small, .tui-iconBtn--small, .tui-actionLink--small { min-height: var(--btn-sm-min-height); /* prettier-ignore*/ padding: calc((var(--btn-sm-min-height) - var(--btn-sm-font-size) * var(--btn-sm-line-height)) / 2 - var(--btn-border-width)) var(--btn-sm-padding-h); font-size: var(--btn-sm-font-size); line-height: var(--btn-sm-line-height); border-radius: var(--btn-sm-radius); } .tui-formBtn--transparent, .tui-iconBtn--transparent, .tui-iconBtn--transparent-noPadding, .tui-toggleSwitch__btn, .tui-formBtn--reveal { min-height: auto; padding: 0; line-height: 1; border-radius: 0; } .tui-formBtn--transparent, .tui-iconBtn--transparent, .tui-iconBtn--transparent-noPadding, .tui-toggleSwitch__btn, .tui-formBtn--reveal, .tui-formBtn--stealth, .tui-iconBtn--stealth { min-width: 0; color: var(--color-state); background: transparent; border: none; cursor: pointer; } .tui-formBtn--transparent:focus, .tui-iconBtn--transparent:focus, .tui-iconBtn--transparent-noPadding:focus, .tui-toggleSwitch__btn:focus, .tui-formBtn--reveal:focus, .tui-formBtn--stealth:focus, .tui-iconBtn--stealth:focus { color: var(--color-state-focus); text-decoration: none; background: transparent; border: none; box-shadow: none; } .tui-formBtn--transparent:hover, .tui-iconBtn--transparent:hover, .tui-iconBtn--transparent-noPadding:hover, .tui-toggleSwitch__btn:hover, .tui-formBtn--reveal:hover, .tui-formBtn--stealth:hover, .tui-iconBtn--stealth:hover { color: var(--color-state-hover); text-decoration: none; background: transparent; border: none; box-shadow: none; } .tui-formBtn--transparent:active, .tui-iconBtn--transparent:active, .tui-iconBtn--transparent-noPadding:active, .tui-toggleSwitch__btn:active, .tui-formBtn--reveal:active, .tui-formBtn--stealth:active, .tui-iconBtn--stealth:active { color: var(--color-state-active); text-decoration: none; background: transparent; border: none; box-shadow: none; } .tui-formBtn--transparent:focus-visible, .tui-iconBtn--transparent:focus-visible, .tui-iconBtn--transparent-noPadding:focus-visible, .tui-toggleSwitch__btn:focus-visible, .tui-formBtn--reveal:focus-visible, .tui-formBtn--stealth:focus-visible, .tui-iconBtn--stealth:focus-visible { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-formBtn--transparent:disabled, .tui-iconBtn--transparent:disabled, .tui-iconBtn--transparent-noPadding:disabled, .tui-toggleSwitch__btn:disabled, .tui-formBtn--reveal:disabled, .tui-formBtn--stealth:disabled, .tui-iconBtn--stealth:disabled, .tui-formBtn--transparent.tui-formBtn--loading, .tui-iconBtn--transparent.tui-formBtn--loading, .tui-iconBtn--transparent-noPadding.tui-formBtn--loading, .tui-toggleSwitch__btn.tui-formBtn--loading, .tui-formBtn--reveal.tui-formBtn--loading, .tui-formBtn--stealth.tui-formBtn--loading, .tui-iconBtn--stealth.tui-formBtn--loading { color: var(--color-state-disabled); background: transparent; opacity: 1; } .tui-formBtn--transparent:disabled:active, .tui-iconBtn--transparent:disabled:active, .tui-iconBtn--transparent-noPadding:disabled:active, .tui-toggleSwitch__btn:disabled:active, .tui-formBtn--reveal:disabled:active, .tui-formBtn--stealth:disabled:active, .tui-iconBtn--stealth:disabled:active, .tui-formBtn--transparent.tui-formBtn--loading:active, .tui-iconBtn--transparent.tui-formBtn--loading:active, .tui-iconBtn--transparent-noPadding.tui-formBtn--loading:active, .tui-toggleSwitch__btn.tui-formBtn--loading:active, .tui-formBtn--reveal.tui-formBtn--loading:active, .tui-formBtn--stealth.tui-formBtn--loading:active, .tui-iconBtn--stealth.tui-formBtn--loading:active, .tui-formBtn--transparent:disabled:focus, .tui-iconBtn--transparent:disabled:focus, .tui-iconBtn--transparent-noPadding:disabled:focus, .tui-toggleSwitch__btn:disabled:focus, .tui-formBtn--reveal:disabled:focus, .tui-formBtn--stealth:disabled:focus, .tui-iconBtn--stealth:disabled:focus, .tui-formBtn--transparent.tui-formBtn--loading:focus, .tui-iconBtn--transparent.tui-formBtn--loading:focus, .tui-iconBtn--transparent-noPadding.tui-formBtn--loading:focus, .tui-toggleSwitch__btn.tui-formBtn--loading:focus, .tui-formBtn--reveal.tui-formBtn--loading:focus, .tui-formBtn--stealth.tui-formBtn--loading:focus, .tui-iconBtn--stealth.tui-formBtn--loading:focus, .tui-formBtn--transparent:disabled:hover, .tui-iconBtn--transparent:disabled:hover, .tui-iconBtn--transparent-noPadding:disabled:hover, .tui-toggleSwitch__btn:disabled:hover, .tui-formBtn--reveal:disabled:hover, .tui-formBtn--stealth:disabled:hover, .tui-iconBtn--stealth:disabled:hover, .tui-formBtn--transparent.tui-formBtn--loading:hover, .tui-iconBtn--transparent.tui-formBtn--loading:hover, .tui-iconBtn--transparent-noPadding.tui-formBtn--loading:hover, .tui-toggleSwitch__btn.tui-formBtn--loading:hover, .tui-formBtn--reveal.tui-formBtn--loading:hover, .tui-formBtn--stealth.tui-formBtn--loading:hover, .tui-iconBtn--stealth.tui-formBtn--loading:hover { color: var(--color-state-disabled); background: transparent; box-shadow: none; } .tui-formBtn--reveal { color: currentColor; border-bottom: 1px dashed var(--color-state); } .tui-formBtn--reveal:focus, .tui-formBtn--reveal:hover, .tui-formBtn--reveal:active { color: currentColor; border-bottom: 1px dashed var(--color-state); } .tui-formBtn--reveal:disabled, .tui-formBtn--reveal.tui-formBtn--loading { color: currentColor; border-bottom: 1px dashed var(--color-state); opacity: 0.7; } .tui-formBtn--reveal:disabled:active, .tui-formBtn--reveal.tui-formBtn--loading:active, .tui-formBtn--reveal:disabled:focus, .tui-formBtn--reveal.tui-formBtn--loading:focus, .tui-formBtn--reveal:disabled:hover, .tui-formBtn--reveal.tui-formBtn--loading:hover { color: currentColor; border-bottom: 1px dashed var(--color-state); } .tui-formBtn--transparent .tui-formBtn__text, .tui-iconBtn--transparent .tui-formBtn__text, .tui-iconBtn--transparent-noPadding .tui-formBtn__text, .tui-toggleSwitch__btn .tui-formBtn__text { position: relative; } .tui-formBtn--loading .tui-formBtn__text { visibility: hidden; } .tui-formBtn--srOnly, .tui-actionLink--srOnly { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-formBtnGroup { display: flex; } .tui-formBtnGroup .tui-formBtn, .tui-formBtnGroup .tui-iconBtn, .tui-formBtnGroup .tui-actionLink, .tui-formBtnGroup .tui-toggleSwitch__btn { min-width: 80px; } .tui-formBtnGroup > :not(:first-child) { margin: auto 0 auto var(--gap-4); } .tui-iconBtn { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ display: inline-block; min-width: 0; padding: 0 var(--gap-2); /* in order to vertically center content in IE we need this display: flex*/ /* wrapping div because:*/ /* * putting `display: flex;` on .tui-iconBtn does not center vertically*/ /* due to an IE 11 flex bug*/ /* https://github.com/philipwalton/flexbugs#flexbug-3*/ /* * relying on vertical-align for centering instead is not good enough -*/ /* it's off by a px or two*/ } .tui-iconBtn__wrap { display: flex; align-items: center; justify-content: center; } .tui-iconBtn__wrap > .tui-iconBtn__caret { margin: 0 var(--gap-1); } .tui-iconBtn__wrap > .tui-iconBtn__loading { margin-left: var(--gap-1); } .tui-iconBtn__icon { display: flex; flex-shrink: 0; font-size: var(--font-size-16); } .tui-iconBtn__label { display: inline-flex; align-items: center; } .tui-iconBtn__text { word-break: break-word; -webkit-hyphens: none; hyphens: none; } .ie .tui-iconBtn__text { -ms-word-break: break-all; -ms-hyphens: none; } .tui-iconBtn--alert { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-iconBtn--prim { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-iconBtn--small { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ padding: 0 var(--gap-1); font-size: var(--font-size-13); } .tui-iconBtn--small .tui-iconBtn__icon { padding: 0 2px; font-size: var(--font-size-14); } .tui-iconBtn--xsmall { min-height: 2rem; padding: 0 0.1rem; font-size: var(--font-size-12); } .tui-iconBtn--xsmall .tui-iconBtn__icon { padding: 0 1px; font-size: var(--font-size-11); } .tui-iconBtn--small.tui-iconBtn--hasText .tui-iconBtn__icon, .tui-iconBtn--xsmall.tui-iconBtn--hasText .tui-iconBtn__icon { padding-right: 0; } .tui-iconBtn--xsmall.tui-iconBtn--transparent-noPadding { min-height: unset; } .tui-iconBtn--circle { width: 3.6rem; height: 3.6rem; padding: 0; border-radius: 50%; } .tui-iconBtn--circle.tui-iconBtn--small { width: 3rem; height: 3rem; } .tui-iconBtn--circle.tui-iconBtn--xsmall { width: 2rem; height: 2rem; } .tui-iconBtn--transparent { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-iconBtn--transparent-noPadding { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-iconBtn--transparent-noPadding.tui-iconBtn, .tui-iconBtn--transparent-noPadding.tui-iconBtn--small, .tui-iconBtn--transparent-noPadding.tui-iconBtn--xsmall { padding: 0; } .tui-iconBtn--stealth { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-iconBtn--textFirst .tui-iconBtn__label { flex-direction: row-reverse; } .tui-iconBtn--textFirst .tui-iconBtn__label .tui-iconBtn__text { padding: 0 var(--gap-1); } .tui-iconBtn__text { padding: 0 var(--gap-1); } .tui-infoIconButton.tui-iconBtn { width: auto; height: auto; vertical-align: -0.125em; } .tui-labelledButtonTrigger { display: inline-flex; flex-direction: column; align-items: center; } .tui-labelledButtonTrigger__label { color: var(--color-state); } .tui-labelledButtonTrigger__label:hover { text-decoration: underline; cursor: pointer; } .tui-actionCard { flex-direction: column; padding: var(--gap-4); } .tui-actionCard__body { display: flex; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; align-items: center; } .tui-actionCard__action { display: flex; flex-shrink: 0; align-items: normal; padding: var(--gap-4) 0 0; } .tui-actionCard--noPadding { padding: 0; } .tui-actionCard--noWrap { flex-direction: row; } .tui-actionCard--noWrap .tui-actionCard__action { flex-direction: row; padding: 0; } .tui-actionCard--shaded { background: var(--color-neutral-3); } @media screen and (min-width: 768px) { .tui-actionCard { flex-direction: row; } .tui-actionCard--stacked { flex-direction: column; } .tui-actionCard:not(.tui-actionCard--stacked) .tui-actionCard__action { align-items: center; padding: 0 0 0 var(--gap-4); } } .tui-card { position: relative; display: flex; border: 1px solid var(--card-border-color); border-radius: var(--card-border-radius); outline: none; } .tui-card__link { position: absolute; width: 100%; height: 100%; } .tui-card--noBorder { border: none; } .tui-card--noBorder:focus, .tui-card--noBorder:hover { border: none; } .tui-card--hasHoverShadow:focus, .tui-card--hasHoverShadow:hover { box-shadow: var(--shadow-2); } .tui-card--hasShadow { box-shadow: var(--shadow-2); } .tui-card--clickable { transition: box-shadow var(--transition-form-function) var(--transition-form-duration); } .tui-card--clickable.tui-focusWithin { box-shadow: var(--shadow-2); } .tui-card--clickable:hover { box-shadow: var(--shadow-2); cursor: pointer; } .tui-card--clickable:focus { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-collapsible__header { display: flex; background: var(--collapsible-header-bg-color); border: var(--border-width-thin) solid var(--collapsible-header-border-color); } .tui-collapsible__header-heading { display: flex; flex-grow: 1; margin: 0; } .tui-collapsible__header-button { word-break: break-word; -webkit-hyphens: none; hyphens: none; display: flex; flex-grow: 1; margin: 0; padding: var(--gap-2) var(--gap-2) var(--gap-2) 0; cursor: pointer; -webkit-user-select: none; user-select: none; } .ie .tui-collapsible__header-button { -ms-word-break: break-all; -ms-hyphens: none; } .tui-collapsible__header-button--excludeHeaderPadding { padding: 0; } .tui-collapsible__header-button:not(.tui-collapsible__header-button--hideFocus):focus-visible { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-collapsible__header-icon { flex-shrink: 0; margin: 0 var(--gap-4); /* 1.25 based on tui-font-heading-x-small line-height*/ margin-top: calc((var(--font-size-16) * 1.25 - 1.4rem) / 2); color: var(--color-state); font-size: 1.4rem; } .tui-collapsible__header-text { font-weight: bold; font-size: var(--font-heading-x-small-size); line-height: var(--font-heading-x-small-line-height); position: relative; margin: 0; } .tui-collapsible__header-sideContent { display: flex; flex-shrink: 0; padding: var(--gap-2); } .tui-collapsible__content > .tui-formRowStack { margin-top: var(--gap-4); /* line up with text of header*/ } .tui-collapsible__content--indented { padding-left: var(--gap-12); } .tui-collapsible--minimal .tui-collapsible__header { background: transparent; border-color: transparent; } .tui-collapsible--largePadding .tui-collapsible__header-button { padding: var(--gap-5) var(--gap-2) var(--gap-5) var(--gap-1); } .tui-collapsible--largePadding .tui-collapsible__header-sideContent { padding: var(--gap-2) var(--gap-4); } .tui-collapsible--largePadding .tui-collapsible__content { padding: var(--gap-3); padding-top: 0; } .tui-collapsible--largePadding .tui-collapsible__content--indented { padding-left: calc(var(--gap-12) + var(--gap-1)); } .tui-collapsibleGroupToggle { display: flex; } .tui-collapsibleGroupToggle--alignEnd .tui-collapsibleGroupToggle__button { margin-left: auto; } .tui-hideShow { display: flex; flex-direction: column; background: var(--color-neutral-1); } .tui-hideShow__content { display: none; } .tui-hideShow__content--show { display: block; outline: none; } .tui-hideShow__toggle { display: flex; padding: var(--gap-2) 0; } .tui-hideShow__toggle--narrowTrigger { padding: 0; } .tui-hideShow__toggle--sticky { position: sticky; top: 0; z-index: 1; background: inherit; } @media screen and (min-width: 768px) { .tui-hideShow--mobile > .tui-hideShow__toggle { display: none; } .tui-hideShow--mobile > .tui-hideShow__content { display: block; } } :root { --advanced-select-dropdown-trigger-width: 44px; --advanced-select-dropdown-trigger-width-large: 52px; --advanced-select-dropdown-trigger-height: 28px; --advanced-select-dropdown-trigger-height-large: 34px; --advanced-select-border-radius: var(--border-radius-small); --advanced-select-outline-width: var(--border-width-normal); --advanced-select-caret-top-offset: 1px; --advanced-select-caret-left-offset: calc(var(--gap-1) * -1); --advanced-select-caret-color: var(--color-neutral-7); --advanced-select-caret-icon-margin-left-stacked: 25px; --advanced-select-caret-left-stacked: -30px; --advanced-select-checkbox-padding-top: 6px; --advanced-select-checkbox-padding-bottom: 6px; --advanced-select-checkbox-padding-left: 5px; } .tui-advancedTableSelect__dropdownTrigger { display: flex; width: var(--advanced-select-dropdown-trigger-width); height: var(--advanced-select-dropdown-trigger-height); margin-right: var(--gap-1); } .tui-advancedTableSelect__dropdownTrigger--large { width: var(--advanced-select-dropdown-trigger-width-large); height: var(--advanced-select-dropdown-trigger-height-large); } .tui-advancedTableSelect__dropdownTrigger-checkbox { padding: var(--advanced-select-checkbox-padding-top) 0 var(--advanced-select-checkbox-padding-bottom) var(--advanced-select-checkbox-padding-left); } .tui-advancedTableSelect__dropdownTrigger-button { top: var(--advanced-select-caret-top-offset); left: var(--advanced-select-caret-left-offset); outline: none; } .tui-advancedTableSelect__dropdownTrigger-button:focus, .tui-advancedTableSelect__dropdownTrigger-button:hover, .tui-advancedTableSelect__dropdownTrigger-button:active, .tui-advancedTableSelect__dropdownTrigger-button:active:hover, .tui-advancedTableSelect__dropdownTrigger-button:active:focus { outline: none; } .tui-advancedTableSelect__dropdownTrigger-button-icon { color: var(--advanced-select-caret-color); } .tui-advancedTableSelect__dropdownTrigger-button-icon--stacked { margin-left: var(--advanced-select-caret-icon-margin-left-stacked); } .tui-advancedTableSelect__dropdownTrigger-button--stacked { left: var(--advanced-select-caret-left-stacked); /* Grey background*/ } .tui-advancedTableSelect__dropdownTrigger:focus, .tui-advancedTableSelect__dropdownTrigger:active, .tui-advancedTableSelect__dropdownTrigger:hover, .tui-advancedTableSelect__dropdownTrigger--isOpen { background: var(--color-neutral-4); border-radius: var(--advanced-select-border-radius); /* The green focus outline*/ } .tui-advancedTableSelect__dropdownTrigger:focus, .tui-advancedTableSelect__dropdownTrigger:active { outline: var(--advanced-select-outline-width) solid var(--color-state-focus); outline-offset: var(--advanced-select-outline-width); } .tui-advancedTableSelect__loader { width: var(--form-checkbox-size); height: var(--form-checkbox-size); margin-right: var(--gap-5); margin-left: var(--gap-1); } .tui-advancedTableSelect__loader--large { width: var(--form-checkbox-size-large); height: var(--form-checkbox-size-large); } .tui-dataTableCell, .tui-dataTableHeaderCell { display: flex; flex-basis: 0; flex-direction: column; flex-grow: 1; /* ensure excessively long words don't push out cell width */ min-width: 0; /* ensure excessively long words don't overflow */ word-wrap: break-word; } .tui-dataTableCell__label { display: none; margin-top: var(--gap-2); padding: var(--gap-1) 0 var(--gap-2); font-weight: bold; font-size: var(--font-body-small-size); line-height: var(--font-body-small-line-height); } .tui-dataTableCell--stacked .tui-dataTableCell__label { display: inline-block; } .tui-dataTableCell--repeatedHeader .tui-dataTableCell__content { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-dataTableCell--size_1 { flex-grow: 1; } .tui-dataTableCell--size_2 { flex-grow: 2; } .tui-dataTableCell--size_3 { flex-grow: 3; } .tui-dataTableCell--size_4 { flex-grow: 4; } .tui-dataTableCell--size_5 { flex-grow: 5; } .tui-dataTableCell--size_6 { flex-grow: 6; } .tui-dataTableCell--size_7 { flex-grow: 7; } .tui-dataTableCell--size_8 { flex-grow: 8; } .tui-dataTableCell--size_9 { flex-grow: 9; } .tui-dataTableCell--size_10 { flex-grow: 10; } .tui-dataTableCell--size_11 { flex-grow: 11; } .tui-dataTableCell--size_12 { flex-grow: 12; } .tui-dataTableCell--size_13 { flex-grow: 13; } .tui-dataTableCell--size_14 { flex-grow: 14; } .tui-dataTableCell--size_15 { flex-grow: 15; } .tui-dataTableCell--size_16 { flex-grow: 16; } .tui-dataTableCell--align-center { align-items: center; } .tui-dataTableCell--align-end { align-items: flex-end; } .tui-dataTableCell--heavy { font-weight: bold; } .tui-dataTableCell--valign-center { justify-content: center; } .tui-dataTableCell--valign-end { justify-content: flex-end; } .tui-dataTableCell--stacked { flex-basis: auto; align-items: initial; } .tui-dataTableExpandCell { display: flex; order: 0; width: var(--gap-9); margin: 0; } .tui-dataTableExpandCell .tui-iconBtn { margin: 0 auto; } .tui-dataTableExpandCell.tui-dataTableExpandCell--header { margin-left: 0; } .tui-dataTableExpandCell--stacked { order: 1; width: 100%; margin: var(--gap-2) 0; } .tui-dataTableExpandableRow { position: relative; margin: 0 0 var(--gap-2) calc(0px - var(--border-width-thin)); color: var(--datatable-expanded-text-color); background: var(--datatable-expanded-bg-color); border: var(--border-width-thin) solid var(--datatable-expanded-border-color); border-top: none; box-shadow: var(--shadow-2); } .tui-dataTableExpandableRow--stealth { border: none; box-shadow: none; } .tui-dataTableExpandableRow--stealth__content { padding: 0; } .tui-dataTableExpandableRow__content { padding: var(--gap-3); background: var(--datatable-expanded-bg-color); } .tui-dataTableExpandableRow--indented { padding-left: var(--gap-11); } .tui-dataTableExpandableRow--stacked { border-top: none; } .tui-dataTableExpandableRow--stacked.tui-dataTableExpandableRow--indented { padding-left: 0; } .tui-dataTableExpandableRow--indented .tui-dataTableExpandableRow__content { padding: var(--gap-3) 0 var(--gap-3) var(--gap-3); } .tui-dataTableHeaderCell { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ font-weight: bold; font-size: var(--font-body-size); line-height: var(--font-body-line-height); display: flex; color: var(--datatable-cell-header-text-color); font-weight: bold; } .tui-dataTableHeaderCell--stacked { display: none; } .tui-dataTableRowHeader { position: relative; display: flex; flex-direction: row; align-items: center; padding: var(--gap-3) var(--gap-1); } .tui-dataTableRowHeader--stacked { display: block; padding: 0; } .tui-dataTableRowHeader--stacked.tui-dataTableRowHeader--advancedSelectEnabled { padding: var(--gap-2) 0; } .tui-dataTableRowHeader--stackedGap { margin-top: var(--gap-2); } .tui-dataTableRowHeader--thin { padding: 0 var(--gap-1) var(--gap-2); } .tui-dataTableRowHeader--empty { display: none; } .tui-dataTableRowHeader > * + * { margin-left: var(--gap-4); } .tui-dataTableRowHeader--indented { padding-left: var(--gap-11); } .tui-dataTableRow { position: relative; display: flex; flex-direction: row; padding: var(--gap-3) var(--gap-1); background: var(--datatable-row-bg-color); border-top: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow > * + * { padding-left: var(--gap-4); } .tui-dataTableRow:first-child { border-top: var(--border-width-normal) solid var(--datatable-row-first-border-color); } .tui-dataTableRow:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow.tui-focusWithin, .tui-dataTableRow:active, .tui-dataTableRow:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--indented { padding-left: var(--gap-11); } .tui-dataTableRow--stealth { box-shadow: none; } .tui-dataTableRow--borderTopFirstOff:first-child { border-top: none; } .tui-dataTableRow--borderTopThin:first-child { border-top-width: var(--border-width-thin); } .tui-dataTableRow--borderBottomLastOff:last-child { border-bottom: none; } .tui-dataTableRow--borderSeparatorOff:not(:first-child) { border-top: none; } .tui-dataTableRow--selected { background: var(--datatable-row-bg-color-active); } .tui-dataTableRow--selected:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd) { background: var(--datatable-row-bg-color-odd); } .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd).tui-focusWithin, .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd):hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--hoverOff.tui-focusWithin, .tui-dataTableRow--hoverOff:active, .tui-dataTableRow--hoverOff:hover { background: var(--datatable-row-bg-color); } .tui-dataTableRow--hoverOff.tui-dataTableRow--colorOdd:nth-child(odd).tui-focusWithin, .tui-dataTableRow--hoverOff.tui-dataTableRow--colorOdd:nth-child(odd):hover { background: var(--datatable-row-bg-color-odd); } .tui-dataTableRow--inGroup { border-top: none; } .tui-dataTableRow--inGroup:first-child { border-top: none; } .tui-dataTableRow--inGroup:last-child { border-bottom: none; } .tui-dataTableRow--disabled { color: var(--color-neutral-6); /* don't show hover background when another item is being dragged over it*/ } [data-tui-droppable-any-active] .tui-dataTableRow:hover { background: var(--datatable-row-bg-color); } .tui-dataTableRow--draggable { /* apply a background so you don't see through the row when dragging*/ /* (default is transparent)*/ background: var(--color-background); -webkit-user-select: none; user-select: none; } .tui-dataTableRow--draggable.tui-focusWithin, .tui-dataTableRow--draggable:active, .tui-dataTableRow--draggable:hover { background: var(--color-background); } .tui-dataTableRow--draggable > .tui-dataTableCell, .tui-dataTableRow--draggable > .tui-dataTableHeaderCell { pointer-events: none; } .tui-dataTableRow--dragging { box-shadow: var(--shadow-3); } .tui-dataTableRow--expanded { margin-left: calc(0px - var(--border-width-thin)); background-color: var(--datatable-expanded-bg-color); border: var(--border-width-thin) solid var(--datatable-expanded-border-color); border-bottom: none; box-shadow: var(--shadow-2); } .tui-dataTableRow--stealthExpanded { border-right: none; border-left: none; box-shadow: none; } .tui-dataTableRow--stacked { flex-direction: column; padding: var(--gap-3) 0; } .tui-dataTableRow--stacked > * + * { padding-left: 0; } .tui-dataTableRow--stacked:first-child { border-top: var(--border-width-normal) solid var(--datatable-row-first-border-color); } .tui-dataTableRow--stacked:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow--stacked.tui-dataTableRow--borderBottomLastOff:last-child { border-bottom: none; } .tui-dataTableRow--stacked.tui-dataTableRow--borderTopThin:first-child { border-top-width: var(--border-width-thin); } .tui-dataTableRow--stacked.tui-dataTableRow--borderTopFirstOff:first-child { border-top: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup { border-top: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:first-child { border-top: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:last-child { border-bottom: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:nth-child(odd) { background: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:hover { background: none; } .tui-dataTableRowGroup { padding: 0; border-top: 2px solid var(--datatable-row-first-border-color); } .tui-dataTableRowGroup--stacked { padding: 0 var(--gap-2); } .tui-dataTableRowGroup + .tui-dataTableRowGroup { border-top: 1px solid var(--datatable-row-border-color); } .tui-dataTableRowGroup:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRowGroup.tui-focusWithin, .tui-dataTableRowGroup:active, .tui-dataTableRowGroup:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRowGroup--selected { background: var(--datatable-row-bg-color-active); } .tui-dataTableRowGroup--selected:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableSelectEveryRowToggle { padding: var(--gap-2); background-color: var(--datatable-select-everything-prompt-bg); } .tui-dataTableSelectRowCell { display: flex; flex-direction: column; } .tui-dataTableSelectRowCell--advancedSelectEnabled { padding-right: var(--gap-5); padding-left: calc(var(--gap-1) + 1px); } .tui-dataTableSelectRowCell--hidden { visibility: hidden; } .tui-dataTableSelectRowCell__loader { width: var(--form-checkbox-size); height: var(--form-checkbox-size); } .tui-dataTableSelectRowCell__loader--large { width: var(--form-checkbox-size-large); height: var(--form-checkbox-size-large); } .tui-dataTableSelectRowCell--stacked.tui-dataTableSelectRowCell--hidden { height: 0; } .tui-dataTableSelectRowCell--valign-start { justify-content: flex-start; } .tui-dataTableSelectRowCell--valign-center { justify-content: center; } .tui-dataTableSelectRowCell--valign-end { justify-content: flex-end; } .tui-dataTableSelectVisibleRowsCell { display: flex; } .tui-dataTableSelectVisibleRowsCell--hidden { visibility: hidden; } .tui-dataTableSelectVisibleRowsCell__loader { width: var(--form-checkbox-size); height: var(--form-checkbox-size); } .tui-dataTableSelectVisibleRowsCell__loader--large { width: var(--form-checkbox-size-large); height: var(--form-checkbox-size-large); } .tui-dataTableSelectVisibleRowsCell--stacked { margin: var(--gap-2) 0; } .tui-dataTableSelectVisibleRowsCell__label { display: none; font-weight: bold; font-size: var(--font-body-small-size); line-height: var(--font-body-small-line-height); padding: 0 0 var(--gap-1) var(--gap-1); } .tui-dataTableSelectVisibleRowsCell__label--stacked { display: inline-block; } .tui-dataTableSelectVisibleRowsCell__label--large { padding: var(--gap-1) 0 var(--gap-1) var(--gap-2); } .tui-dataTable--archived { background: var(--datatable-bg-archived); } .tui-dataTable__row-move-cell { flex-basis: var(--gap-5); flex-grow: 0; } .tui-dataTable__row-move-menu { position: absolute; top: 0; left: var(--gap-8); background: var(--color-background); } .tui-andBox { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-andBox__text { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-arrow { position: absolute; pointer-events: none; } .tui-arrow--normal.tui-arrow--top, .tui-arrow--normal.tui-arrow--bottom { /*!rtl:ignore*/ left: 50%; width: 20px; height: 20px; /*!rtl:ignore*/ margin-left: -10px; } .tui-arrow--normal.tui-arrow--top { top: -20px; } .tui-arrow--normal.tui-arrow--bottom { bottom: -20px; } .tui-arrow--normal.tui-arrow--left, .tui-arrow--normal.tui-arrow--right { top: 50%; width: 20px; height: 20px; margin-top: -10px; } .tui-arrow--normal.tui-arrow--left { left: -20px; } .tui-arrow--normal.tui-arrow--right { right: -20px; } .tui-arrow--normal.tui-arrow::before { position: absolute; display: block; border: 10px solid transparent; content: ''; } .tui-arrow--normal.tui-arrow--top::before { top: 0; left: 0; border-bottom-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow--bottom::before { bottom: 0; left: 0; border-top-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow--left::before { top: 0; left: 0; border-right-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow--right::before { top: 0; right: 0; border-left-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow::after { position: absolute; display: block; border: 8px solid transparent; content: ''; } .tui-arrow--normal.tui-arrow--top::after { top: 4px; left: 2px; border-bottom-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow--bottom::after { bottom: 4px; left: 2px; border-top-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow--left::after { top: 2px; left: 4px; border-right-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow--right::after { top: 2px; right: 4px; border-left-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--top, .tui-arrow--large.tui-arrow--bottom { /*!rtl:ignore*/ left: 50%; width: 28px; height: 28px; /*!rtl:ignore*/ margin-left: -14px; } .tui-arrow--large.tui-arrow--top { top: -28px; } .tui-arrow--large.tui-arrow--bottom { bottom: -28px; } .tui-arrow--large.tui-arrow--left, .tui-arrow--large.tui-arrow--right { top: 50%; width: 28px; height: 28px; margin-top: -14px; } .tui-arrow--large.tui-arrow--left { left: -28px; } .tui-arrow--large.tui-arrow--right { right: -28px; } .tui-arrow--large.tui-arrow::before { position: absolute; display: block; border: 14px solid transparent; content: ''; } .tui-arrow--large.tui-arrow--top::before { top: 0; left: 0; border-bottom-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow--bottom::before { bottom: 0; left: 0; border-top-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow--left::before { top: 0; left: 0; border-right-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow--right::before { top: 0; right: 0; border-left-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow::after { position: absolute; display: block; border: 12px solid transparent; content: ''; } .tui-arrow--large.tui-arrow--top::after { top: 4px; left: 2px; border-bottom-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--bottom::after { bottom: 4px; left: 2px; border-top-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--left::after { top: 2px; left: 4px; border-right-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--right::after { top: 2px; right: 4px; border-left-color: var(--arrow-bg-color); } .tui-caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .tui-orBox, .tui-andBox { display: inline-flex; margin: 0 auto; border: var(--border-width-thin) solid var(--color-neutral-6); border-radius: 6px; } .tui-orBox__text, .tui-andBox__text { margin: 0; padding: var(--gap-2) var(--gap-4); text-transform: uppercase; font-weight: bold; font-size: var(--font-body-size); line-height: var(--font-body-line-height); } .tui-separator { margin: var(--gap-4) 0; } .tui-separator--spread { margin: var(--gap-8) 0; /* simple implementation using a horizontal rule element*/ } .tui-separator-rule { height: var(--border-width-thin); line-height: var(--border-width-thin); background-color: var(--color-neutral-5); border: none; } .tui-separator-rule.tui-separator--thick { height: var(--border-width-thick); line-height: var(--border-width-thick); } .tui-separator-rule.tui-separator--normal { height: var(--border-width-normal); line-height: var(--border-width-normal); /* alternative implementation with wrapper markup to center slotted content*/ /* horizontal rule visible only to screen readers, the visual lines added with*/ /* pseudo selectors*/ } .tui-separator--wrapped { display: flex; align-items: center; } .tui-separator--wrapped .tui-separator-content { margin: 0 var(--gap-4); white-space: nowrap; text-align: center; } .tui-separator--wrapped:before, .tui-separator--wrapped:after { width: 50%; height: var(--border-width-thin); line-height: var(--border-width-thin); background-color: var(--color-neutral-5); content: ''; } .tui-separator--wrapped.tui-separator--thick:before, .tui-separator--wrapped.tui-separator--thick:after { height: var(--border-width-thick); line-height: var(--border-width-thick); } .tui-separator--wrapped.tui-separator--normal:before, .tui-separator--wrapped.tui-separator--normal:after { height: var(--border-width-normal); line-height: var(--border-width-normal); } .tui-performance__summary { list-style: none; } .tui-performance__container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .tui-performance__wrapper { margin-right: var(--gap-4); margin-bottom: var(--gap-4); border: 1px solid var(--color-neutral-5); border-radius: 3px; } .tui-performance__wrapper > * { padding-right: var(--gap-2); padding-left: var(--gap-2); } .tui-performance__wrapper > *:first-child { font-weight: bold; } .tui-performance__wrapper > *:not(:first-child) { background: var(--color-chart-transparent-3); } [data-tui-draggable][data-animated] { transition: transform 0.25s; } [data-tui-draggable][data-dragging] { position: fixed; z-index: var(--zindex-draggable); -webkit-user-select: none; user-select: none; /* required so droppable can get mouse events*/ pointer-events: none; } .tui-draggableMoveMenu__button:not(:focus):not([aria-expanded='true']) { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-droppable__dropLine { z-index: var(--zindex-draggable); background: var(--color-secondary); pointer-events: none; } .tui-droppable__dropLine--vertical { height: var(--border-width-normal); margin-top: calc(var(--border-width-normal) * -0.5); } .tui-droppable__dropLine--horizontal { width: var(--border-width-normal); margin-left: calc(var(--border-width-normal) * -0.5); } [data-tui-droppable-location-indicator] { background-color: var(--color-neutral-5); } .tui-dropdown__menu { z-index: var(--zindex-dropdown-menu); min-width: 15rem; max-width: 32rem; max-height: 40vh; padding: calc(max(var(--gap-2), var(--dropdown-border-radius))) 0; overflow-y: auto; background-color: var(--dropdown-menu-bg-color); background-clip: padding-box; border: var(--border-width-thin) solid var(--dropdown-menu-border-color); border-radius: var(--dropdown-border-radius); box-shadow: var(--shadow-2); } .tui-dropdown--separator .tui-dropdown__menu { padding: 0; } .tui-dropdown--flexibleWidth .tui-dropdown__menu { min-width: 0; max-width: none; } .tui-dropdown--fixedWidth .tui-dropdown__menu { width: 32rem; } .tui-dropdown__content { display: flex; flex-direction: column; } .tui-dropdown__content--separator > *:first-child { border-top-left-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); border-top-right-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); } .tui-dropdown__content--separator > *:last-child { border-bottom-right-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); border-bottom-left-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); } .tui-dropdown__content--separator > * + *, .tui-dropdown__content--separator > * + .tui-dropdownButton, .tui-dropdown__content--separator > * + .tui-dropdownButton:hover, .tui-dropdown__content--separator > * + .tui-dropdownButton:focus, .tui-dropdown__content--separator > * + .tui-dropdownButton:active, .tui-dropdown__content--separator > * + .tui-dropdownButton:focus:active { /* work around specificity issues with button*/ border-top: var(--border-width-thin) solid var(--dropdown-menu-border-color); } .tui-dropdown--fixedHeight .tui-dropdown__content { height: 100%; } .tui-dropdown--fixedHeight .tui-dropdown__menu { height: 38vh; overflow-y: visible; } .tui-dropdown--disabled { cursor: not-allowed; } .tui-dropdown--disabled .tui-dropdown__trigger { pointer-events: none; } /* override