mirror of
https://github.com/bitwarden/browser
synced 2025-12-17 16:53:34 +00:00
[PM-2237] Add tailwind to desktop & browser (#5326)
* Add tailwind to desktop * Add tailwind to browser * Toy around with using CL in desktop * Move custom css into the tailwind theme * Revert component experiment * Add components to browser tsconfig * Fix build
This commit is contained in:
@@ -3,41 +3,3 @@
|
||||
@tailwind utilities;
|
||||
|
||||
@import "../../../../libs/components/src/tw-theme.css";
|
||||
|
||||
/**
|
||||
* tw-break-words does not work with table cells:
|
||||
* https://github.com/tailwindlabs/tailwindcss/issues/835
|
||||
*/
|
||||
td.tw-break-words {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
/**
|
||||
* tw-list-none hides summary arrow in Firefox & Chrome but not Safari:
|
||||
* https://github.com/tailwindlabs/tailwindcss/issues/924#issuecomment-915509785
|
||||
*/
|
||||
summary.tw-list-none::marker,
|
||||
summary.tw-list-none::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Arbitrary values can't be used with `text-align`:
|
||||
* https://github.com/tailwindlabs/tailwindcss/issues/802#issuecomment-849013311
|
||||
*/
|
||||
.tw-text-unset {
|
||||
text-align: unset;
|
||||
}
|
||||
|
||||
/**
|
||||
* Bootstrap uses z-index: 1050 for modals, dialogs should appear above them.
|
||||
* Remove once bootstrap is removed from our codebase.
|
||||
* CL-XYZ
|
||||
*/
|
||||
.cdk-overlay-container,
|
||||
.cdk-global-overlay-wrapper,
|
||||
.cdk-overlay-connected-position-bounding-box,
|
||||
.cdk-overlay-backdrop,
|
||||
.cdk-overlay-pane {
|
||||
z-index: 2000 !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user