---
title: "Bundling TinyMCE content CSS using module loading"
description: "Information on bundling the editor content CSS using module loading"
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/bundling-content-css/"
md_url: "https://www.tiny.cloud/docs/tinymce/6/bundling-content-css/index.md"
version: "6"
last_updated: "2024-04-16T02:53:31Z"
tokens: 564
---
Important This page documents TinyMCE 6. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/bundling-content-css/).
# Bundling TinyMCE content CSS using module loading

## Overview

This section shows the files required for each TinyMCE content CSS. The file paths shown are relative to the root TinyMCE package directory, where `tinymce.min.js` is stored. For example:

```
./
├── icons/
├── langs/
├── license.txt
├── models/
├── plugins/
├── readme.txt
├── skins/
├── themes/
├── tinymce.d.ts
├── tinymce.js
├── tinymce.min.js
└── version.txt
```
The following table shows examples of the syntax used to bundle the following content CSS file:

```
./skins/content/example/content.css
```
Example syntax for including the example content CSS in a bundle:

**Module Syntax:** ES6+ · **Source:** npm

**Example:**

```js
import contentCSS from 'tinymce/skins/content/example/content.css';
```
**Module Syntax:** ES6+ · **Source:** `.zip`

**Example:**

```js
import contentCSS from '../tinymce/skins/content/example/content.css';
```
**Module Syntax:** Common JS · **Source:** npm

**Example:**

```js
const contentCSS = require('tinymce/skins/content/example/content.css');
```
**Module Syntax:** Common JS · **Source:** `.zip`

**Example:**

```js
const contentCSS = require('../tinymce/skins/content/example/content.css');
```

> **Important:** The handling of content CSS files (such as `content.css` or `content.min.css`) varies between bundling tools. View the relevant guide for the required syntax at [Bundling TinyMCE with a module loader](../introduction-to-bundling-tinymce/).

## Community

Default
```
./skins/content/default/content.css
```
Dark
```
./skins/content/dark/content.css
```
Document
```
./skins/content/document/content.css
```
Writer
```
./skins/content/writer/content.css
```

## Premium

For information on premium content CSS, see: [Tiny Skins and Icon Packs](../enhanced-skins-and-icon-packs/).

Fabric
```
./skins/content/fabric/content.css
```
Fluent
```
./skins/content/fluent/content.css
```
Material (Classic)
```
./skins/content/material-classic/content.css
```
Material (Outline)
```
./skins/content/material-outline/content.css
```