package ppx_css

You can search for identifiers within the package.

in-package search v0.2.0

ppx_css.css_jane
- Css_jane
  - At_rule
  - Brace_block
  - Component_value
  - Declaration
  - Declaration_list
  - Dimension
  - Rule
  - Style_rule
  - Stylesheet
  - Traverse
    
    map
ppx_css.css_parser
- Css_parser
  - Lex_buffer
  - Lexer
  - Menhir_parser
  - Parser
  - Types
    
    At_rule
    
    Brace_block
    
    Component_value
    
    Declaration
    
    Declaration_list
    
    Rule
    
    Style_rule
    
    Stylesheet
ppx_css.css_printer
- Css_printer
  - Merge
  - Print
ppx_css.inline_css
- Inline_css
  - For_testing
  - Private
    
    Dynamic
ppx_css.syntax
- Ppx_css_syntax

Legend:
Library
Module
Module type
Parameter
Class
Class type

This library allows for "dynamic" use of the CSS Constructed Stylesheet API. It is more powerful than inline_css, but can be much less performant.

Tl;dr: you should try as hard as possible for the input to attr to be a constant, not a string Value.t.

inline_css registers the provided string as a constructed stylesheet as a side effect. It will never change or remove the string.

In contrast, this library's produces a Vdom.Attr.t, which will also remove the stylesheet when it is removed from the DOM, and will update the stylesheet whenever the provided string changes, e.g. if the attr is produced by a Bonsai Value.t. Every such update will trigger a browser style recomputation, which can be very expensive if many DOM elements are affected.

val attr : string -> Virtual_dom.Vdom.Attr.t