Skip to content
This repository has been archived by the owner on Aug 21, 2024. It is now read-only.

[Story] Tailwind works in XRUI Shadow DOM #8135

Closed
Tracked by #6485
HexaField opened this issue Jun 26, 2023 · 3 comments · Fixed by #9241
Closed
Tracked by #6485

[Story] Tailwind works in XRUI Shadow DOM #8135

HexaField opened this issue Jun 26, 2023 · 3 comments · Fixed by #9241
Assignees
Milestone

Comments

@HexaField
Copy link
Member

No description provided.

@HexaField HexaField changed the title Tailwind works in XRUI Shadow Dom Tailwind works in XRUI Shadow DOM Jun 26, 2023
@HexaField HexaField modified the milestones: XRUI Optimisation, XRUI Toolkit Aug 20, 2023
@HexaField HexaField changed the title Tailwind works in XRUI Shadow DOM [Story] Tailwind works in XRUI Shadow DOM Aug 20, 2023
@DanielBelmes
Copy link
Contributor

Putting my eyes on this because it would be nice.

@DanielBelmes
Copy link
Contributor

Here is a demo on how to use tailwind in an xrui comp

import base from '@etherealengine/client/src/themes/base.css'
import components from '@etherealengine/client/src/themes/components.css'
import utilities from '@etherealengine/client/src/themes/utilities.css'
import React from 'react'

const GalleryUI: React.FC = () => {
  return (
    <>
      <style type="text/css">{base.toString()}</style>
      <style type="text/css">{components.toString()}</style>
      <style type="text/css">{utilities.toString()}</style>
      <div className="flex w-56 h-56 text-9xl text-white">Hello World</div>
    </>
  )
}
export default GalleryUI

@DanielBelmes
Copy link
Contributor

Pr incoming to make this work fully

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
3 participants