DLx Pattern Library
Welcome to the DLx Pattern Library! This website demonstrates CSS styles used across DLx projects, along with example HTML markup and usage notes.
View the GitHub repository for this pattern library.
All DLx assets and stylesheets are available to download from the DLx blob storage:
To use DLx styles in a project, you should import the following LESS files at the root of your project, in order. The DLx pattern library uses the flexbox-reset. DLx components assume that these stylesheets have already been applied.
Fonts: Font declarations for fonts used by DLx projects are available in
Variables: Global variables are available in the
/globals/variables.lessfile. These are high-level CSS variable declarations that are reused across element and component styling. All styles in the project assume that this stylesheet has already been applied, so that the global CSS variables are available.
Colors: Assigns the Semantic UI default color scheme and other DLx colors to global CSS variables (instead of LESS variables).
Reset: DLx projects use the flexbox-reset.
Components: Each component (located in the
/componentsfolder) has an associated LESS file. You can also import
components.lessinto your project, which contains styling for all components.
Fonts used by DLx projects are available in the
Images and icons used by DLx projects are available in the