ComboStrap UI - Console

1 - About

The console component is just a semantic layer above the prism component.

It's to indicate that this is the output of a command line (and not a file).

You can create block like this one:



total 32
drwxrwx---  4 www-user www-user  156 Jun 10  2020 acl
-rwxrwx---  1 www-user www-user   71 Jun 10  2020 action.php
-rwxrwx---  1 www-user www-user   71 Jun 10  2020 admin.php
drwxrwx---  5 www-user www-user  101 Jun 10  2020 authad
drwxrwx---  4 www-user www-user   69 Jun 10  2020 authldap
drwxrwx---  4 www-user www-user   30 Jun 10  2020 authmysql


3 - Syntax

This is a Prism component and follows its syntax

See prism syntax

4 - Configuration

4.1 - Theme

This component:

  • gets the theme chosen
  • and all userstyle applied to the elements pre and code with the class combo_console

Example:



code.combo_console{
    color: #333 !important;
}
pre.combo_console{
    background-color: #e9ecef !important;
}