make font helper llike si-body behave as other utilities

Open Beginner friendly
#2,997 1 comment 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
angular, css, typescript
Domain
design, frontend

Research direction

Start by reading the styles for si-body and list-item-title, then compare how the related utilities handle property precedence. The issue asks for font helpers such as si-body to override conflicting styles with !important; use the example pull request to understand the reported case. Done when the font helper behaves like the other utilities and the list item title use case needs no extra adjustment.

Written by the indexing model from the issue text.

Description

Prerequisites
  • I have read the Contributing Guidelines.
  • I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.
Feature request

Currently, si-body and others are used like utilities. Yet, they are not overriding properties with important.
I think they should.

Use case

See https://github.com/siemens/element/pull/2996 as an example.

A real utility could have been applied without adjustment in the actual source.
But since list-item-title has a higher specificity than si-body we need to add extra code to respect si-body there.

Dominant language
TypeScript
Stars
85
Forks
28
Avg merge
1d 23h
Merged PRs (30d)
162

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from siemens/element

All issues in siemens/element

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.