Skip to content

C
coopwire-hypothesis
Switch branch/tag
  1. 13 Jan, 2023 2 commits
  3. 12 Jan, 2023 6 commits
    • Lyza Danger Gardner's avatar
      Update text sizes `sm` and `lg` · b4e5f084
      Lyza Danger Gardner authored 
      Nothing is using these at present. The `sm` size is the same as the
`base` size and helps to show that this app's "base" font size is small.

`lg` will be used by some updated components coming from the shared
component library. The updated scale allows an interim size between
the app's (small) base font and `text-lg`.
      b4e5f084
    • Lyza Danger Gardner's avatar
      Update the `xl` text size and remove the `2xl` size · 97720330
      Lyza Danger Gardner authored 
      Nothing was using the previous `xl` size.
      97720330
    • Lyza Danger Gardner's avatar
      Introduce `xs` text size and update `text-sm` to `text-xs` in components · 211cccd4
      Lyza Danger Gardner authored 
      Add `xs` as a new text size equal to the existing `sm` text size and
update components using `text-sm` to use `text-xs`.

This will allow us to change the `sm` size to be the same as the `base`
size.
      211cccd4
    • Lyza Danger Gardner's avatar
      Add `md` text size and apply to components currently using `lg` · f53c61c6
      Lyza Danger Gardner authored 
      Update all cases using `text-lg` to use `text-md` (a new text size).
This allows a text size between `base` and `lg`.
      f53c61c6
    • Lyza Danger Gardner's avatar
      Remove the `tiny` text size token from tailwind · 369fbba9
      Lyza Danger Gardner authored 
      There are a few places in the app where we want to size things to 10px,
typically for teeny-tiny icons, but also in one case, some `<sup>` text.

This isn't really a text size, in terms of the relative text-size scale.
Remove the token from the Tailwind config and use a direct pixel size in
the one remaining usage.
      369fbba9
    • Lyza Danger Gardner's avatar
      Avoid using named text-size classes to set specific icon dimensions · e8f12d32
      Lyza Danger Gardner authored 
      In some cases icons are sized relative to local text or containers
(em-based sizing) and that's fine, but using a named text-size
utility directly on an icon can add a layer of unhelpful abstraction if
our intent is simply to size the icon to particular pixel dimensions. It
also entangles icon sizing with text sizing in an unintended way.

In cases where we want to size icons to specific dimensions,
irrespective of local text size, use size utility classes, not text-size
utility classes.

In cases where icons use em-based sizing (e.g. we want to set a text
size on a container such that descendant icons, which are sized at 1em,
have desired dimensions), use arbitrary text sizing classes (e.g.
`text-[16px]` instead of `text-lg`) to be explicit about the intent.
      e8f12d32
  5. 11 Jan, 2023 7 commits
  7. 10 Jan, 2023 15 commits
  9. 09 Jan, 2023 10 commits