@toreda/strong-types/dist/css/display.d.ts

Better TypeScript code in fewer lines.

/**
 *	MIT License
 *
 *	Copyright (c) 2019 - 2021 Toreda, Inc.
 *
 *	Permission is hereby granted, free of charge, to any person obtaining a copy
 *	of this software and associated documentation files (the "Software"), to deal
 *	in the Software without restriction, including without limitation the rights
 *	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *	copies of the Software, and to permit persons to whom the Software is
 *	furnished to do so, subject to the following conditions:

 * 	The above copyright notice and this permission notice shall be included in all
 * 	copies or substantial portions of the Software.
 *
 * 	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * 	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * 	SOFTWARE.
 *
 */
/**
 * CSS Property descriptions from w3 schools:
 * https://www.w3schools.com/cssref/pr_class_display.asp
 */
/**
 * Supported values for CSS property 'display'.
 * The display property specifies the display behavior (the type of
 * rendering box) of an element.
 *
 * @category CSS
 */
export declare type CSSDisplay = 
/**  Displays an element as a block element (like <p>). Starts on
 *   new line, and takes up the whole width */
'block'
/**  Makes the container disappear, making the child elements children
 *   of the element the next level up in the DOM */
 | 'contents'
/**  Displays an element as a block-level flex container */
 | 'flex'
/**  Displays an element as a block-level grid container */
 | 'grid'
/**  Inherits this property from its parent element. */
 | 'inherit'
/**  Sets this property to its default value. */
 | 'initial'
/**  Displays an element as an inline-level block container. The element
 *   itself is formatted as an inline element, but you can apply height
 *   and width values */
 | 'inline-block'
/**  Displays an element as an inline-level flex container */
 | 'inline-flex'
/**  Displays an element as an inline-level grid container */
 | 'inline-grid'
/**  The element is displayed as an inline-level table */
 | 'inline-table'
/**  Displays an element as an inline element (like <span>). Any height and
 *   width properties will have no effect. */
 | 'inline'
/**  Let the element behave like a <li> element */
 | 'list-item'
/**  The element is completely removed */
 | 'none'
/**  Displays an element as either block or inline, depending on context */
 | 'run-in'
/**  Let the element behave like a <caption> element */
 | 'table-caption'
/**  Let the element behave like a <td> element */
 | 'table-cell'
/**  Let the element behave like a <colgroup> element */
 | 'table-column-group'
/**  Let the element behave like a <col> element */
 | 'table-column'
/**  Let the element behave like a <tfoot> element */
 | 'table-footer-group'
/**  Let the element behave like a <thead> element */
 | 'table-header-group'
/**  Let the element behave like a <tbody> element */
 | 'table-row-group'
/**  Let the element behave like a <tr> element */
 | 'table-row'
/**  Let the element behave like a <table> element */
 | 'table'
/** Empty with no value. Default value will be used. */
 | '';