import Form from '@components/atoms/forms/form'; import AckeeSelect, { type AckeeSelectProps, } from '@components/molecules/forms/ackee-select'; import MotionToggle from '@components/molecules/forms/motion-toggle'; import PrismThemeToggle from '@components/molecules/forms/prism-theme-toggle'; import ThemeToggle from '@components/molecules/forms/theme-toggle'; import Modal, { type ModalProps } from '@components/molecules/modals/modal'; import { FC } from 'react'; import { useIntl } from 'react-intl'; import styles from './settings-modal.module.scss'; export type SettingsModalProps = { /** * Set additional classnames to the modal wrapper. */ className?: ModalProps['className']; /** * Set additional classnames to the tooltip wrapper. */ tooltipClassName?: AckeeSelectProps['tooltipClassName']; }; /** * SettingsModal component * * Render a modal with settings options. */ const SettingsModal: FC = ({ className = '', tooltipClassName = '', }) => { const intl = useIntl(); const title = intl.formatMessage({ defaultMessage: 'Settings', description: 'SettingsModal: title', id: 'gPfT/K', }); return (
null}>
); }; export default SettingsModal; 0422494e3806fba3d1c5ad5c3e98bd6e67e5'>commitdiffstats
path: root/src/styles/pages/home.module.scss
blob: 873a5a9bfae8a1e2c0230866e6b2f19d391adf7a (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

@use "@styles/abstracts/functions" as fun;
@use "@styles/abstracts/mixins" as mix;

.section {
  --card-width: 25ch;

  &:last-of-type {
    border-bottom: none;
  }
}

.columns {
  margin: 0 0 var(--spacing-sm);
}

.list {
  margin: 0 0 var(--spacing-sm);

  &--cards {
    @include mix.media("screen") {
      @include mix.dimensions("md") {
        margin: 0 calc(var(--spacing-sm) * -1) var(--spacing-sm);
      }
    }
  }
}

.icon {
  --icon-size: #{fun.convert-px(20)};

  margin-right: var(--spacing-2xs);

  &--feed {
    width: var(--icon-size);
  }
}