SWAMPy

✎ CARVE FLESH

EDITING: style.js

/*
 * Copyright (C) 2023 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import {getThemeVars} from '../../getThemeVars'

export default function buildStyle() {
  /*
   * If the theme variables to be used when generating the styles below
   * are dependent on the actual theme in use, you can also pull out the
   * `key` property from the return from `getThemeVars()` and do a bit of
   * if or switch statement logic to get the result you want.
   */
  const {variables} = getThemeVars()

const classNames = {
    root: 'BadgeList-styles__root',
    item: 'BadgeList-styles__item',
  }

const css = `
  .${classNames.root} {
    line-height: ${variables.typography.lineHeightCondensed};
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
  }

.${classNames.item} {
    display: inline-block;
    vertical-align: middle;
    margin: 0.0625rem;
  `
  return {css, classNames}
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📄 index.js	JS	1.4 KB	2023-09-24 03:39	EDIT
📄 style.js	JS	1.5 KB	2023-09-24 03:39	EDIT