influxdata / influxdata/giraffe

CSS: bundle everything into one file

Open
#686 0 comments 0 reactions 0 assignees View on GitHub
kind/feature request team/dumplings team/ui
Dominant language
TypeScript
Stars
189
Forks
33
Avg merge
3d 15h
Merged PRs (30d)
4

Description

Giraffe should provide one **.css** file that includes all CSS for all of its components.

There are consuming apps which may want to use a single **.css** file from their libraries in order to generate assets during their build processes. For example, the `ui` repository pulls in a single **index.css** for one of its other libraries (Clockface). By doing this, the `ui` repository is able put any assets that are included in the **.css** files into a folder for static assets during build time. Giraffe should do the same thing.

Doing this may have an impact on performance, so this request should also be considered from an performance standpoint.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing how Giraffe currently produces its CSS and compare the requested single index.css pattern with the ui repository's Clockface integration. Confirm that one output file contains all component CSS and assess the performance impact before considering the work complete.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
build-system, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.