Website : rimsha.abasa.com
backdoor
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
canvas
/
node_modules
/
@canvas
/
planner
/
components
/
Day
/
Filename :
style.js
back
Copy
/* * 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} }