Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4564466
commit 57e0812
Showing
10 changed files
with
281 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,243 @@ | ||
| <!doctype html> | ||
| <html class="no-js" lang=""> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="x-ua-compatible" content="ie=edge"> | ||
| <title>actions-file-text - Actions - @typo3/icons SVG icons for the TYPO3 CMS backend</title> | ||
| <meta name="description" content="SVG icons for the TYPO3 CMS backend"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="../../assets/css/docs.css"> | ||
| <link rel="stylesheet" href="../../dist/icons.css"> | ||
| <link rel="stylesheet" href="../../dist/icons-bootstrap.css"> | ||
| <link rel="shortcut icon" href="../../assets/favicon.ico" type="image/x-icon"> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="navbar navbar-dark sticky-top bg-dark shadow-sm"> | ||
| <div class="container-fluid"> | ||
| <a href="../../index.html" class="navbar-brand d-flex align-items-center"> | ||
| <strong>@typo3/icons</strong> | ||
| </a> | ||
| <button class="navbar-toggler d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#mainnav" aria-controls="mainnav" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-fluid"> | ||
| <div class="row"> | ||
| <nav class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse" id="mainnav"> | ||
| <div class="sidebar-sticky pt-3"> | ||
| <ul class="nav flex-column"> | ||
| <li class="nav-item"><a class="nav-link" href="../../index.html">Home</a></li> | ||
| <li class="nav-item"><a class="nav-link" href="../../guide.html">Guide</a></li> | ||
| </ul> | ||
| <hr> | ||
| <ul class="nav flex-column"><li class="nav-item"> | ||
| <a class="nav-link active d-flex justify-content-between align-items-center" href="../../icons/actions.html"> | ||
| Actions | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/apps.html"> | ||
| Apps | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/avatar.html"> | ||
| Avatar | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/content.html"> | ||
| Content | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/default.html"> | ||
| Default | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/files.html"> | ||
| Files | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/form.html"> | ||
| Form | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/information.html"> | ||
| Information | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/install.html"> | ||
| Install | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/mimetypes.html"> | ||
| Mimetypes | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/miscellaneous.html"> | ||
| Miscellaneous | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/module.html"> | ||
| Module | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/modulegroup.html"> | ||
| Modulegroup | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/overlay.html"> | ||
| Overlay | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/spinner.html"> | ||
| Spinner | ||
| </a> | ||
| </li><li class="nav-item"> | ||
| <a class="nav-link d-flex justify-content-between align-items-center" href="../../icons/status.html"> | ||
| Status | ||
| </a> | ||
| </li></ul> | ||
| <hr> | ||
| <ul class="nav flex-column"> | ||
| <li class="nav-item"><a class="nav-link" href="https://github.com/typo3/typo3.icons" target="_blank" rel="noopener">GitHub</a></li> | ||
| <li class="nav-item"><a class="nav-link" href="https://www.npmjs.com/package/@typo3/icons" target="_blank" rel="noopener">NPM</a></li> | ||
| </ul> | ||
| <a class="sidebar-version" href="https://github.com/TYPO3/TYPO3.Icons/releases/tag/v2.2.3" target="_blank" rel="noopener">Current Version: v2.2.3</a> | ||
| </div> | ||
| </nav> | ||
| <main class="col-md-9 ms-sm-auto col-lg-10 py-4 p-md-4" role="main"> | ||
| <div style="max-width: 1110px; margin: 0 auto;"> | ||
| <nav> | ||
| <ul class="breadcrumb mb-0 text-muted bg-transparent p-0"> | ||
| <li class="breadcrumb-item"><a href="../../index.html">Home</a></li> | ||
| <li class="breadcrumb-item"><a href="../../icons/actions.html">Actions</a></li> | ||
| <li class="breadcrumb-item">actions-file-text</li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| <div class="mb-4"> | ||
| <h1 class="h2 mb-2">actions-file-text</h1> | ||
| <div class="d-sm-flex"> | ||
| <div class="my-2 flex-grow-1"></div> </div> | ||
| </div><div class="section"><div class="preview"><div class="preview-item" data-color="light" data-size="mega"><span class="icon icon-size-mega icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="light" data-size="large"><span class="icon icon-size-large icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="light" data-size="default"><span class="icon icon-size-default icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="light" data-size="small"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="light" data-size="auto"><span class="icon icon-size-auto icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div></div><div class="preview"><div class="preview-item" data-color="dark" data-size="mega"><span class="icon icon-size-mega icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="dark" data-size="large"><span class="icon icon-size-large icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="dark" data-size="default"><span class="icon icon-size-default icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="dark" data-size="small"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div><div class="preview-item" data-color="dark" data-size="auto"><span class="icon icon-size-auto icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </div></div></div><div class="section"> | ||
| <h2 class="mb-3">Buttons</h2> | ||
| <p> | ||
| <span class="btn btn-default"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </span> | ||
| <span class="btn btn-dark"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| </span> | ||
| </p> | ||
| <p> | ||
| <span class="btn btn-default"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| Button Label | ||
| </span> | ||
| <span class="btn btn-dark"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="../../dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span> | ||
| Button Label | ||
| </span> | ||
| </p> | ||
| </div><div class="section"> | ||
| <h2 class="mb-3">Usage</h2> | ||
|
|
||
| <h3 class="my-3">Markup</h3> | ||
| <pre class="p-3 rounded bg-light"><code class="language-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g class="icon-color"><path d="M13.7 3.2l-1.9-1.9c-.2-.2-.4-.3-.7-.3H2.5c-.3 0-.5.2-.5.5v13c0 .3.2.5.5.5h11c.3 0 .5-.2.5-.5V3.9c0-.3-.1-.5-.3-.7zM13 14H3V2h7v2.5c0 .3.2.5.5.5H13v9zM11 4V2l2 2h-2z"/><path d="M10.8 10H5.2c-.1 0-.2-.1-.2-.2v-.6c0-.1.1-.2.2-.2h5.5c.2 0 .3.1.3.2v.5c0 .2-.1.3-.2.3zM10.8 8H5.2c-.1 0-.2-.1-.2-.2v-.6c0-.1.1-.2.2-.2h5.5c.2 0 .3.1.3.2v.5c0 .2-.1.3-.2.3zM10.8 12H5.2c-.1 0-.2-.1-.2-.2v-.5c0-.2.1-.3.2-.3h5.5c.1 0 .2.1.2.2v.5c.1.2 0 .3-.1.3z"/></g></svg></code></pre> | ||
|
|
||
|
|
||
| <h3 class="my-3">Inline</h3> <pre class="p-3 rounded bg-light"><code class="language-html"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g class="icon-color"><path d="M13.7 3.2l-1.9-1.9c-.2-.2-.4-.3-.7-.3H2.5c-.3 0-.5.2-.5.5v13c0 .3.2.5.5.5h11c.3 0 .5-.2.5-.5V3.9c0-.3-.1-.5-.3-.7zM13 14H3V2h7v2.5c0 .3.2.5.5.5H13v9zM11 4V2l2 2h-2z"/><path d="M10.8 10H5.2c-.1 0-.2-.1-.2-.2v-.6c0-.1.1-.2.2-.2h5.5c.2 0 .3.1.3.2v.5c0 .2-.1.3-.2.3zM10.8 8H5.2c-.1 0-.2-.1-.2-.2v-.6c0-.1.1-.2.2-.2h5.5c.2 0 .3.1.3.2v.5c0 .2-.1.3-.2.3zM10.8 12H5.2c-.1 0-.2-.1-.2-.2v-.5c0-.2.1-.3.2-.3h5.5c.1 0 .2.1.2.2v.5c.1.2 0 .3-.1.3z"/></g></svg> | ||
| </span> | ||
| </span></code></pre> | ||
|
|
||
|
|
||
| <h3 class="my-3">Sprite</h3> <pre class="p-3 rounded bg-light"><code class="language-html"><span class="icon icon-size-small icon-state-default"> | ||
| <span class="icon-markup"> | ||
| <svg class="icon-color" role="img"><use xlink:href="dist/sprites/actions.svg#actions-file-text" /></svg> | ||
| </span> | ||
| </span></code></pre> | ||
|
|
||
|
|
||
| <h3 class="my-3">TYPO3 ViewHelper</h3> <pre class="p-3 rounded bg-light"><code class="language-html"><core:icon identifier="actions-file-text" size="small" /></code></pre> | ||
| </div><div class="section"> | ||
| <h2 class="mb-3">Download</h2> | ||
| <p> | ||
| <a class="btn btn-primary" href="../../dist/svgs/actions/actions-file-text.svg">Download</a> | ||
| </p> | ||
| </div> | ||
|
|
||
| </div> | ||
| </main> | ||
| </div> | ||
| </div> | ||
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script> | ||
| <script src="../../assets/js/main.js"></script> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.