Template:Achievements/doc

__NOWYSIWYG__

Notes about this doc-template

 * 1) Replace all occurences of &ldquo; ©TriMoon™/Sandbox/⋯ &rdquo; with the actual template name.
 * 2) Because the editor hides some parts and makes it impossible to copy from source;
 * 3) * DON'T forget  to make the end of the documentation has this code:
 * 4) When in main Template namespace:
 * 5) *Remove the leading &ldquo; :User: &rdquo; from the actual template name.
 * 6) *Remove the &ldquo; |ns=User &rdquo; argument from the template-name calls.
 * 7) For the whole documentation:
 * 8) *Change all &ldquo; templatename- &rdquo; parts into the unique name for the template. (See the template self)
 * 9) For the Examples section:
 * 10) *Set &ldquo; templatename-preview &rdquo; to a non-empty value when needed to activate preview presets.
 * 11) Remove this section from the actual documentation⋯

Description

 * This template is used to display ⋯
 * It uses CSS-Grid technology to create the output.

Usage

 * Type parameters anywhere you want it displayed.


 * As noted most parameters are  progressive , eg. they stay that value when not explicitly changed in successive calls on the same displayed page.
 * This allows you to set certain aspects in one call and not have to repeat them in successive calls to keep the needed wiki code smaller


 * For best visual use it inside a CSS-Grid container.
 * Eg. one that has a &ldquo;display: grid;&rdquo; declaration in it's CSS-style.

Syntax

 * parameters
 * Where parameters are one or more of the following named-parameters in any order.
 * Where parameters are one or more of the following named-parameters in any order.


 * param-name:(Required|Optional, Progressive)
 * Explanation


 * quite:(Optional,  NOT Progressive )
 * Disables visual output when set to a non-empty value.
 * This can be used to import the variables with their default, or changed in same call, values without showing any visual output.
 * This functionality is used inside this documentation to automatically display current defaults for the parameters and do some calculations with them.

CSS Tweaks

 * You can use one or more of the following named-parameters, in any order, to tweak the CSS values used for generating the output.
 * You can use one or more of the following named-parameters, in any order, to tweak the CSS values used for generating the output.


 * noinline:(Optional,  NOT Progressive )
 * Makes the output become block-level instead of inline


 * bg-color:(Optional, Progressive)
 * Default = 
 * Sets the background color.


 * caption-bg-color:(Optional, Progressive)
 * Default = 
 * Sets the background color of the caption.


 * header-bg-color:(Optional, Progressive)
 * Default = 
 * Sets the background color of the header.


 * border-color:(Optional, Progressive)
 * Default = 
 * Sets the background color of the border.


 * border-style:(Optional, Progressive)
 * Default = 
 * Sets the style of the border.


 * border-width:(Optional, Progressive)
 * Default = 
 * Sets the width of the border.


 * border-radius:(Optional, Progressive)
 * Default = 
 * Sets the radius of the border.


 * header-border-style:(Optional, Progressive)
 * Default = 
 * Sets the style of the header border.


 * header-border-width:(Optional, Progressive)
 * Default = 
 * Sets the width of the header border.


 * seperator-border-style:(Optional, Progressive)
 * Default = 
 * Sets the style of the seperator border.


 * seperator-border-width:(Optional, Progressive)
 * Default = 
 * Sets the width of the seperator border.


 * margin:(Optional, Progressive)
 * Default = 
 * Sets the left margin outside the output.


 * padding:(Optional, Progressive)
 * Default = 
 * Sets the padding inside the output.


 * gap:(Optional, Progressive)
 * Default = 
 * Sets the grid-gap inside the output.


 * text_shadow:(Optional, Progressive)
 * Default = 
 * Sets the text shadow inside the output.

Examples
The output is shown on a green background. 1=xxxxxxxxxxxxxxxxxx 2=xxxxxxxxxxxx