View all @pluralsight/ps-design-system-theme analysis

ps-design-system-theme

To help you get started, we’ve selected a few @pluralsight/ps-design-system-theme examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

pluralsight / design-system / packages / switch / src / css / index.js View on Github

[`.psds-switch__label--size-${vars.sizes.large}`]: {
    fontSize: core.type.fontSizeSmall
  },
  [`.psds-switch__label--size-${vars.sizes.small}.psds-switch__label--labelAlign-${vars.labelAligns.left}`]: {
    marginRight: core.layout.spacingXSmall
  },
  [`.psds-switch__label--size-${vars.sizes.large}.psds-switch__label--labelAlign-${vars.labelAligns.left}`]: {
    marginRight: core.layout.spacingMedium
  },
  [`.psds-switch__label--size-${vars.sizes.small}.psds-switch__label--labelAlign-${vars.labelAligns.right}`]: {
    marginLeft: core.layout.spacingXSmall
  },
  [`.psds-switch__label--size-${vars.sizes.large}.psds-switch__label--labelAlign-${vars.labelAligns.right}`]: {
    marginLeft: core.layout.spacingMedium
  },
  [`.psds-switch__label.psds-theme--${themeNames.light}`]: {
    color: core.colors.gray05
  },
  [`.psds-switch__label.psds-theme--${themeDefaultName}`]: {
    color: core.colors.bone
  },

  '.psds-switch__checkbox': core.accessibility.screenReaderOnly
}

How to use the @pluralsight/ps-design-system-theme/react.js.names.light function in @pluralsight/ps-design-system-theme

To help you get started, we’ve selected a few @pluralsight/ps-design-system-theme examples, based on popular ways it is used in public projects.

@pluralsight/ps-design-system-theme

Package Health Score

Popular @pluralsight/ps-design-system-theme functions

Similar packages