Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(tabs): Refactors tabs styles, to get rid of the class text-auto #187

Merged
merged 11 commits into from
Aug 10, 2022

Conversation

oliverschuerch
Copy link
Contributor

No description provided.

…round mixin

So components can ad styles, if there is set a background-class on any parent element
Levels up the tab-title specificity, so nav-item styles do not overwrite color, etc.
Gets rid of @supports media-query, because it's no longer needed
@oliverschuerch oliverschuerch linked an issue Jul 22, 2022 that may be closed by this pull request
@changeset-bot
Copy link

changeset-bot bot commented Jul 22, 2022

🦋 Changeset detected

Latest commit: 87bf2bd

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@swisspost/web-demo Patch
@swisspost/web-styles Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@gfellerph gfellerph self-requested a review July 22, 2022 13:16
@gfellerph gfellerph closed this Jul 26, 2022
@gfellerph gfellerph reopened this Jul 26, 2022
@gfellerph
Copy link
Member

@gfellerph gfellerph mentioned this pull request Jul 29, 2022
3 tasks
@@ -33,13 +34,20 @@
}

.tabs {
--tabs-title-bg-opacity: 1;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we want to declare default variables for components within the :root { } selector (but inside this file)? This would enable the whole page to make use of that variable if tabs are included (might be necessary for the page to use this var somewhere else, in this case I don't see it as very useful but I would like to set a precedent).

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't see the point, why should anyone use this variable outside the tabs-component?
I would rather discuss why this is not a scss-variable.
Otherwise I would always prefer to declare css-variables like this in the component itself and not pollute the :root selector with it.
But maybe your arguments will make sense to me if you explain them.

packages/web-styles/src/variables/_color.scss Outdated Show resolved Hide resolved
@gfellerph gfellerph self-requested a review August 10, 2022 13:54
@sonarcloud
Copy link

sonarcloud bot commented Aug 10, 2022

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Refactor tab colors
2 participants