Anjing Webshells

Website : rimsha.abasa.com
: / var / canvas / node_modules / @canvas / planner / components / Day /
Filename : style.js
back
/*
 * 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: 'Day-styles__root',
    secondary: 'Day-styles__secondary',
  }

  const theme = {
    fontSize: variables.typography.fontSizeMedium,
    fontFamily: variables.typography.fontFamily,
    fontWeight: variables.typography.fontWeightNormal,
    lineHeight: variables.typography.lineHeightCondensed,

    secondaryFontSize: variables.typography.fontSizeMedium,
    secondaryFontWeight: variables.typography.fontWeightBold,
    secondaryLineHeight: variables.typography.lineHeightCondensed,

    color: variables.colors.oxford,
    background: variables.colors.white,

    marginTop: variables.spacing.large,
  }

  const css = `
  .${classNames.root} {
    font-size: ${theme.fontSize};
    font-family: ${theme.fontFamily};
    font-weight: ${theme.fontWeight};
    line-height: ${theme.lineHeight};
    color: ${theme.color};
    background: ${theme.background};
    margin-top: ${theme.marginTop};
  }
  
  .${classNames.secondary} {
    font-size: ${theme.secondaryFontSize};
    font-weight: ${theme.secondaryFontWeight};
    line-height: ${theme.lineHeight};
  }
  `

  return {css, classNames, theme}
}