LICENSE.txt

+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.

README.txt

-Bootstrap sub-theme for Drupal
+Bootstrap theme for Drupal 8
 
-Bootstrap Barrio is a sub-theme of the Bootstrap Theme, theme based on 
-Twitter Bootstrap, a sleek, intuitive, and powerful front-end framework 
+Bootstrap Barrio is a theme based on 
+Bootstrap 4, a sleek, intuitive, and powerful front-end framework 
 for faster and easier web development.
-While Bootstrap Theme add Twitter Bootstrap functionallity, 
 Bootstrap Barrio focus on layout flexibility 
-and customization using theme parameters and the Skinr module.
+and customization using theme parameters.
 
 - Layout is handle by Bootstrap.
 - Two columns, with configurable widths.
 - Fixed and fluid layouts.
-- Responsive features turn on and off.
-- Fixed and fluid layouts.
 - Configurable header behavior, using Bootstrap "fixed to top".
 - Any block could be defined as "modal" with one click using Skinr.
 - Full screen width slider region.
-- Skinr controlled, collapse, fixed, row, content and span over blocks.
-- Flexible blocks layout using span over row defined regions.
-
-Following modules and themes are required:
-
-- Bootstrap Theme
-- Skinr
 
 Installation
 
-Unpack and upload Bootstrap Theme on sites/all/themes.
-Installing Boostrap Theme in default will throw errors.
- Unpack and upload Bootstrap Barrio within your default's themes folder 
-(usually sites/default/themes).
-No need to dowload Twitter Bootstrap, could be load via CVN. 
-Download and enable the Skinr module, set permissions if you're not uid 1
+Unpack and upload Bootstrap Theme on /themes folder.
+Install Bootstrap Library module to load the libraries.

bootstrap_barrio.breakpoints.yml

+bootstrap_barrio.small:
+  label: small
+  mediaQuery: 'all and (min-width: 34em) and (max-width: 47.99em)'
+  weight: 0
+  multipliers:
+    - 1x
+bootstrap_barrio.medium:
+  label: medium
+  mediaQuery: 'all and (min-width: 48em) and (max-width: 61.99em)'
+  weight: 1
+  multipliers:
+    - 1x
+bootstrap_barrio.large:
+  label: large
+  mediaQuery: 'all and (min-width: 62em) and (max-width: 74.99em)'
+  weight: 2
+  multipliers:
+    - 1x
+bootstrap_barrio.extra:
+  label: extra
+  mediaQuery: 'all and (min-width: 75em)'
+  weight: 3
+  multipliers:
+    - 1x

bootstrap_barrio.info

-name = Bootstrap Barrio
-description = Built to use Bootstrap, a sleek, intuitive, and powerful front-end framework for faster and easier web development.
-core = 7.x
-base theme = bootstrap
-
-regions[top]            = 'Top Header'
-regions[header]         = 'Header'
-regions[navigation]     = 'Navigation'
-regions[yamm]           = 'Yamm'
-regions[slider]         = 'Slider'
-regions[highlighted]    = 'Highlighted'
-regions[help]           = 'Help'
-regions[preface]        = 'Preface'
-regions[sidebar_first]  = 'Primary Column'
-regions[sidebar_second] = 'Secondary Column'
-regions[content_top]    = 'Content Top'
-regions[content]        = 'Content'
-regions[content_bottom] = 'Content Bottom'
-regions[postcript_top]  = 'Postcript Top'
-regions[postcript_bottom] = 'Postcript Bottom'
-regions[footer]         = 'Footer'
-
-stylesheets[all][] = css/style.css
-stylesheets[all][] = css/yamm.css
-scripts[] = js/script.js
-
-; --------------------------------------------------------------------------------
-; Enable Skinr integration.
-; --------------------------------------------------------------------------------
-
-skinr[api]                                  = 2
-skinr[directory]                            = skins
-
-settings[toggle_name] = 0
-settings[toggle_search] = 1
-settings[toggle_responsive] = 1
-settings[sidebar_first_width] = 3
-settings[sidebar_second_width] = 3
-settings[print_content] = 1
-settings[nav_style] = 0
-settings[collapse] = 1
-settings[container] = 0
-settings[row] = 0

bootstrap_barrio.info.yml

+name: Bootstrap Barrio
+type: theme
+description: 'A flexible Booststrap based theme, with many regions and a responsive, mobile-first layout.'
+core_version_requirement: ^10.3 || ^11
+base theme: false
+
+libraries:
+  - bootstrap_barrio/global-styling
+
+libraries-extend:
+  core/drupal.dropbutton:
+    - bootstrap_barrio/dropbutton
+  file/drupal.file:
+    - bootstrap_barrio/file
+  views/views.ajax:
+    - bootstrap_barrio/views.ajax
+  node/drupal.node.preview:
+    - bootstrap_barrio/drupal.node.preview
+  core/drupal.message:
+    - bootstrap_barrio/messages
+
+ckeditor_stylesheets:
+  - css/components/table.css
+
+regions:
+  top_header: 'Top header'
+  top_header_form: 'Top header form'
+  header: Header
+  header_form: 'Header form'
+  primary_menu: 'Primary menu'
+  secondary_menu: 'Secondary menu'
+  page_top: 'Page top'
+  page_bottom: 'Page bottom'
+  highlighted: Highlighted
+  featured_top: 'Featured top'
+  breadcrumb: Breadcrumb
+  content: Content
+  sidebar_first: 'Sidebar first'
+  sidebar_second: 'Sidebar second'
+  featured_bottom_first: 'Featured bottom first'
+  featured_bottom_second: 'Featured bottom second'
+  featured_bottom_third: 'Featured bottom third'
+  footer_first: 'Footer first'
+  footer_second: 'Footer second'
+  footer_third: 'Footer third'
+  footer_fourth: 'Footer fourth'
+  footer_fifth: 'Footer fifth'

bootstrap_barrio.layouts.yml

+barrio_cardbasic:
+  label: Card basic
+  category: Barrio Cards
+  path: layouts
+  template: card-basic
+  default_region: first
+  icon_map:
+    - [first]
+  regions:
+    first:
+      label: Content
+barrio_cardtopimage:
+  label: Card top image
+  category: Barrio Cards
+  path: layouts
+  template: card-top-image
+  default_region: second
+  icon_map:
+    - [top]
+    - [middle]
+  regions:
+    first:
+      label: Image
+    second:
+      label: Content
+barrio_cardimageoverlay:
+  label: Card image overlay
+  category: Barrio Cards
+  path: layouts
+  template: card-image-overlay
+  default_region: second
+  icon_map:
+    - [top]
+    - [middle]
+  regions:
+    first:
+      label: Image
+    second:
+      label: Content
+barrio_cardheaderfooter:
+  label: Card header footer
+  category: Barrio Cards
+  path: layouts
+  template: card-header-footer
+  default_region: second
+  icon_map:
+    - [top]
+    - [middle]
+    - [bottom]
+  regions:
+    first:
+      label: Header
+    second:
+      label: Content
+    third:
+      label: Footer
+barrio_card3stack:
+  label: Card three block stacked
+  category: Barrio Cards
+  path: layouts
+  template: card-3stack
+  default_region: second
+  icon_map:
+    - [top]
+    - [middle]
+    - [bottom]
+  regions:
+    first:
+      label: First
+    second:
+      label: Image
+    third:
+      label: Second
+barrio_media:
+  label: Media
+  category: Barrio Media
+  path: layouts
+  template: bootstrap-media
+  default_region: second
+  icon_map:
+    - [first, second]
+  regions:
+    first:
+      label: Image
+    second:
+      label: Content
+barrio_col2-equal:
+  label: 2 Columns Equal
+  category: Barrio Columns
+  path: layouts
+  template: col2-equal
+  default_region: first
+  icon_map:
+    - [top]
+    - [first, second]
+    - [bottom]
+  regions:
+    top:
+      label: Top
+    first:
+      label: First
+    second:
+      label: Second
+    bottom:
+      label: Bottom
+barrio_col2-3-9:
+  label: 2 Columns 3 and 9
+  category: Barrio Columns
+  path: layouts
+  template: col2-3-9
+  default_region: first
+  icon_map:
+    - [top]
+    - [first, second]
+    - [bottom]
+  regions:
+    top:
+      label: Top
+    first:
+      label: First
+    second:
+      label: Second
+    bottom:
+      label: Bottom
+barrio_col2-9-3:
+  label: 2 Columns 9 and 3
+  category: Barrio Columns
+  path: layouts
+  template: col2-9-3
+  default_region: first
+  icon_map:
+    - [top]
+    - [first, second]
+    - [bottom]
+  regions:
+    top:
+      label: Top
+    first:
+      label: First
+    second:
+      label: Second
+    bottom:
+      label: Bottom
+barrio_col3-equal:
+  label: 3 Columns Equal
+  category: Barrio Columns
+  path: layouts
+  template: col3-equal
+  default_region: first
+  icon_map:
+    - [top]
+    - [first, second, third]
+    - [bottom]
+  regions:
+    top:
+      label: Top
+    first:
+      label: First
+    second:
+      label: Second
+    third:
+      label: Third
+    bottom:
+      label: Bottom
+barrio_col4-equal:
+  label: 4 Columns Equal
+  category: Barrio Columns
+  path: layouts
+  template: col4-equal
+  default_region: first
+  icon_map:
+    - [top]
+    - [first, second, third, fourth]
+    - [bottom]
+  regions:
+    top:
+      label: Top
+    first:
+      label: First
+    second:
+      label: Second
+    third:
+      label: Third
+    fourth:
+      label: Fourth
+    bottom:
+      label: Bottom

bootstrap_barrio.libraries.yml

+global-styling:
+  version: VERSION
+  js:
+    js/barrio.js: {}
+    js/affix.js: {}
+  css:
+    component:
+      css/components/affix.css: {}
+      css/components/book.css: {}
+      css/components/contextual.css: {}
+      # @see https://www.drupal.org/node/2389735
+      css/components/feed-icon.css: {}
+      css/components/field.css: {}
+      css/components/header.css: {}
+      css/components/help.css: {}
+      css/components/icons.css: {}
+      css/components/image-button.css: {}
+      css/components/item-list.css: {}
+      css/components/list-group.css: {}
+      css/components/media.css: {}
+      css/components/page.css: {}
+      css/components/search-form.css: {}
+      css/components/shortcut.css: {}
+      css/components/sidebar.css: {}
+      css/components/site-footer.css: {}
+      css/components/skip-link.css: {}
+      css/components/table.css: {}
+      css/components/tabledrag.css: {}
+      css/components/tableselect.css: {}
+      css/components/tablesort-indicator.css: {}
+      css/components/ui.widget.css: {}
+      css/components/tabs.css: {}
+      css/components/toolbar.css: {}
+      css/components/user.css: { weight: -10 }
+      # @see https://www.drupal.org/node/2389735
+      css/components/vertical-tabs.css: {}
+      css/components/views.css: {}
+      css/components/ui-dialog.css: {}
+      css/components/progress.css: { weight: -10 }
+    theme:
+      css/print.css: { media: print }
+  dependencies:
+    - core/jquery
+    - core/once
+    - core/drupal
+
+affix:
+  version: VERSION
+  js:
+    js/affix.js: {}
+  css:
+    component:
+      css/components/affix.css: {}
+  dependencies:
+    - core/jquery
+    - core/once
+alerts:
+  version: VERSION
+  css:
+    component:
+      css/components/alerts.css: {}
+book-navigation:
+  version: VERSION
+  css:
+    component:
+      css/components/book-navigation.css: {}
+
+bootstrap-icons:
+  version: VERSION
+  css:
+    component:
+      css/components/bootstrap-icons.css: {}
+
+breadcrumb:
+  version: VERSION
+  css:
+    component:
+      css/components/breadcrumb.css: {}
+
+comments:
+  css:
+    component:
+      css/components/comments.css: {}
+
+dropbutton:
+  version: VERSION
+  css:
+    component:
+      css/components/dropbutton.component.css: {}
+      css/components/dropbutton.css: { weight: -10 }
+
+file:
+  version: VERSION
+  css:
+    component:
+      css/components/file.css: { weight: -10 }
+
+form:
+  version: VERSION
+  css:
+    component:
+      css/components/form.css: {}
+
+forum:
+  version: VERSION
+  css:
+    component:
+      css/components/forum.css: { weight: -10 }
+
+image-widget:
+  version: VERSION
+  css:
+    component:
+      css/components/image-widget.css: {}
+
+image_fluid:
+  version: VERSION
+  css:
+    component:
+      css/components/img-fluid.css: {}
+
+indented:
+  version: VERSION
+  css:
+    component:
+      css/components/indented.css: {}
+
+maintenance_page:
+  version: VERSION
+  css:
+    theme:
+      css/maintenance-page.css: {}
+  dependencies:
+    - system/maintenance
+    - bootstrap_barrio/global-styling
+
+messages:
+  js:
+    js/messages.js: {}
+
+navigation:
+  version: VERSION
+  css:
+    theme:
+      css/components/navigation.css: {}
+
+node:
+  version: VERSION
+  css:
+    component:
+      css/components/node.css: { weight: -10 }
+
+slide_nav:
+  version: VERSION
+  css:
+    theme:
+      css/components/slide-nav.css: {}
+
+sidebar_collapse:
+  version: VERSION
+  js:
+    js/sidebar-collapse.js: { external: true }
+  css:
+    component:
+      css/components/sidebar-collapse.css: {}
+
+tabs:
+  version: VERSION
+  css:
+    component:
+      css/components/tabs.css: {}
+
+tabs_full:
+  version: VERSION
+  css:
+    component:
+      css/components/tabs-full.css: {}
+
+toast:
+  version: VERSION
+  js:
+    js/toast.js: {}
+
+verticaltabs:
+  version: VERSION
+  css:
+    component:
+      css/components/vertical-tabs.css: {}
+
+commerce:
+  version: VERSION
+  css:
+    component:
+      css/components/commerce.css: {}
+
+# Core
+
+drupal.node.preview:
+  css:
+    component:
+      css/components/node-preview.css: {}
+
+# Fonts
+
+roboto:
+  version: VERSION
+  css:
+    component:
+      fonts/roboto.css: {}
+      //fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:700: {}
+
+alegreya_roboto:
+  version: VERSION
+  css:
+    component:
+      fonts/alegreya_roboto.css: {}
+      //fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Alegreya:700: {}
+
+dancing_garamond:
+  version: VERSION
+  css:
+    component:
+      fonts/dancing_garamond.css: {}
+      //fonts.googleapis.com/css?family=Dancing+Script:700|EB+Garamond: {}
+
+amatic_josefin:
+  version: VERSION
+  css:
+    component:
+      fonts/amatic_josefin.css: {}
+      //fonts.googleapis.com/css?family=Josefin+Sans:700|Amatic+SC:700: {}
+
+oswald_droid:
+  version: VERSION
+  css:
+    component:
+      fonts/oswald_droid.css: {}
+      //fonts.googleapis.com/css?family=Oswald:700|Droid+Serif:400,700italic: {}
+
+playfair_alice:
+  version: VERSION
+  css:
+    component:
+      fonts/playfair_alice.css: {}
+      //fonts.googleapis.com/css?family=Alice|Playfair+Display:900: {}
+
+dosis_opensans:
+  version: VERSION
+  css:
+    component:
+      fonts/dosis_opensans.css: {}
+      //fonts.googleapis.com/css?family=Open+Sans|Dosis:400,800: {}
+
+lato_hotel:
+  version: VERSION
+  css:
+    component:
+      fonts/lato_hotel.css: {}
+      //fonts.googleapis.com/css?family=Lato:300|Grand+Hotel: {}
+
+medula_abel:
+  version: VERSION
+  css:
+    component:
+      fonts/medula_abel.css: {}
+      //fonts.googleapis.com/css?family=Abel|Medula+One: {}
+
+fjalla_cantarell:
+  version: VERSION
+  css:
+    component:
+      fonts/fjalla_cantarell.css: {}
+      //fonts.googleapis.com/css?family=Fjalla+One|Cantarell:400,400italic,700italic,700: {}
+
+coustard_leckerli:
+  version: VERSION
+  css:
+    component:
+      fonts/coustard_leckerli.css: {}
+      //fonts.googleapis.com/css?family=Leckerli+One|Coustard:900: {}
+
+philosopher_muli:
+  version: VERSION
+  css:
+    component:
+      fonts/philosopher_muli.css: {}
+      //fonts.googleapis.com/css?family=Philosopher|Muli:300: {}
+
+vollkorn_exo:
+  version: VERSION
+  css:
+    component:
+      fonts/vollkorn_exo.css: {}
+      //fonts.googleapis.com/css?family=Vollkorn:700italic,700|Exo:400,400italic: {}
+
+monserrat_lato:
+  version: VERSION
+  css:
+    component:
+      fonts/monserrat_lato.css: {}
+      //fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic: {}
+      //fonts.googleapis.com/css?family=Montserrat:400,700: {}
+
+# Colors
+
+messages_white:
+  version: VERSION
+  css:
+    component:
+      css/colors/messages/messages-white.css: {}
+
+messages_gray:
+  version: VERSION
+  css:
+    component:
+      css/colors/messages/messages-gray.css: {}
+
+messages_light:
+  version: VERSION
+  css:
+    component:
+      css/colors/messages/messages-light.css: {}
+
+messages_dark:
+  version: VERSION
+  css:
+    component:
+      css/colors/messages/messages-dark.css: {}
+
+# icons
+
+material_design_icons:
+  version: VERSION
+  css:
+    component:
+      //fonts.googleapis.com/icon?family=Material+Icons: {}
+
+fontawesome:
+  version: VERSION
+  css:
+    component:
+      //use.fontawesome.com/releases/v5.13.0/css/all.css: {}
+
+# Material Design for Bootstrap
+
+mdb:
+  remote: http://mdbootstrap.com
+  license:
+    name: MIT
+    gpl-compatible: false
+  js:
+    //mdbootstrap.com/mdbcdn/mdbcdn/mdb.min.js: { external: true }
+  css:
+    theme:
+      //mdbootstrap.com/mdbcdn/mdb.min.css: {}
+  dependencies:
+    - core/jquery
+    - bootstrap_barrio/material_design_icons
+
+views.ajax:
+  js:
+    js/modules/views/ajax_view.js: {}
+
+# Bootstrap
+
+bootstrap:
+  js:
+    /libraries/bootstrap/dist/js/bootstrap.min.js: {}
+  css:
+    component:
+      /libraries/bootstrap/dist/css/bootstrap.min.css: {}
+  dependencies:
+    - core/popperjs
+bootstrap_cdn:
+  js:
+    //cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js: {}
+    //stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js: {}
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css: {}
+boostrap_js:
+  js:
+    //cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js: {}
+    //stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js: {}
+
+# Bootswatch
+
+bootswatch_cosmo:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/cosmo/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_cyborg:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/cyborg/bootstrap.min.css: {}
+bootswatch_darkly:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/darkly/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_flatly:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/flatly/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_journal:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/journal/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_litera:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/litera/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_lumen:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/lumen/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_lux:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/lux/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_materia:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/materia/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_minty:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/minty/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_pulse:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/pulse/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_sandstone:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/sandstone/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_simplex:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/simplex/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_sketchy:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/sketchy/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_slate:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/slate/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_solar:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/solar/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_spacelab:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/spacelab/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_superhero:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/superhero/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_united:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/united/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js
+bootswatch_yeti:
+  css:
+    component:
+      //stackpath.bootstrapcdn.com/bootswatch/4.5.2/yeti/bootstrap.min.css: {}
+  dependencies:
+    - bootstrap_barrio/bootstrap_js

composer.json

+{
+  "name": "drupal/bootstrap_barrio",
+  "description": "Bootstrap 4 base theme.",
+  "type": "drupal-theme",
+  "license": "GPL-2.0-or-later",
+  "homepage": "https://www.drupal.org/project/bootstrap_barrio",
+  "require": {
+    "twbs/bootstrap": "^4.4.1"
+  },
+  "authors": [{
+    "name": "Alberto Siles",
+    "email": "alberto@siles.pe"
+  }]
+}
\ No newline at end of file

config/install/bootstrap_barrio.settings.yml

+# Library.
+# ----------------------------
+bootstrap_barrio_library: 'production'
+# Layout.
+# ----------------------------
+bootstrap_barrio_sidebar_position: 'both'
+bootstrap_barrio_content_offset: 0
+bootstrap_barrio_sidebar_first_width: 4
+bootstrap_barrio_sidebar_first_offset: 0
+bootstrap_barrio_sidebar_second_width: 3
+bootstrap_barrio_sidebar_second_offset: 0
+
+# Container.
+# ----------------------------
+bootstrap_barrio_fluid_container: 0
+
+# Buttons.
+# ----------------------------
+bootstrap_barrio_button: 1
+bootstrap_barrio_button_size: ''
+bootstrap_barrio_button_outline: 0
+
+# Navbar.
+# ----------------------------
+bootstrap_barrio_navbar_toggle: 'navbar-toggleable-lg'
+bootstrap_barrio_navbar_container: 'navbar-toggleable-md'
+bootstrap_barrio_navbar_top_position: ''
+bootstrap_barrio_navbar_top_color: 'navbar-dark'
+bootstrap_barrio_navbar_top_background: 'bg-secondary'
+bootstrap_barrio_navbar_position: ''
+bootstrap_barrio_navbar_color: 'navbar-dark'
+bootstrap_barrio_navbar_background: 'bg-primary'
+
+# Messages.
+# ----------------------------
+bootstrap_barrio_messages_widget: 'toasts'
+
+# Form.
+# ----------------------------
+bootstrap_barrio_radio: 'custom'
+bootstrap_barrio_checkbox: 'switch'
+bootstrap_barrio_select: 'custom'
+bootstrap_barrio_file: 'custom'
+
+# Colors.
+# ----------------------------
+bootstrap_barrio_system_messages: 'messages_white'
+
+# Tables.
+# ----------------------------
+bootstrap_barrio_table_hover: 1
+bootstrap_barrio_table_style: 'table-striped'
+
+# Icons.
+# ----------------------------
+bootstrap_barrio_bootstrap_icons: 1

config/schema/bootstrap_barrio.schema.yml

+# Schema for the configuration files of the Bootstrap Barrio Subtheme.
+
+bootstrap_barrio.settings:
+  type: theme_settings
+  label: 'Bootstrap Barrio settings'
+  mapping:
+
+    # Library.
+    # ----------------------------
+    bootstrap_barrio_library:
+      type: string
+      label: 'Load library'
+    bootstrap_barrio_source:
+      type: string
+      label: 'Load library'
+
+    # Container.
+    # ----------------------------
+    bootstrap_barrio_fluid_container:
+      type: integer
+      label: 'Fluid container'
+
+    # Region.
+    # ----------------------------
+    bootstrap_barrio_region_clean_top_header:
+      type: string
+      label: 'Clean wrapper for Top header region'
+    bootstrap_barrio_region_clean_top_header_form:
+      type: string
+      label: 'Clean wrapper for Top header form region'
+    bootstrap_barrio_region_clean_header:
+      type: string
+      label: 'Clean wrapper for Header region'
+    bootstrap_barrio_region_class_header_form:
+      type: string
+      label: 'Classes for Header form region'
+    bootstrap_barrio_region_clean_primary_menu:
+      type: string
+      label: 'Clean wrapper for Primary menu region'
+    bootstrap_barrio_region_class_secondary_menu:
+      type: string
+      label: 'Classes for Secondary menu region'
+    bootstrap_barrio_region_clean_page_top:
+      type: string
+      label: 'Clean wrapper for Page top region'
+    bootstrap_barrio_region_class_page_bottom:
+      type: string
+      label: 'Classes for Page bottom region'
+    bootstrap_barrio_region_clean_highlighted:
+      type: string
+      label: 'Clean wrapper for Highlighted region'
+    bootstrap_barrio_region_class_featured_top:
+      type: string
+      label: 'Classes for Featured top region'
+    bootstrap_barrio_region_clean_breadcrumb:
+      type: string
+      label: 'Clean wrapper for Breadcrumb region'
+    bootstrap_barrio_region_class_content:
+      type: string
+      label: 'Classes for Content region'
+    bootstrap_barrio_region_clean_sidebar_first:
+      type: string
+      label: 'Clean wrapper for Sidebar first region'
+    bootstrap_barrio_region_class_sidebar_second:
+      type: string
+      label: 'Classes for Sidebar second region'
+    bootstrap_barrio_region_clean_featured_bottom_first:
+      type: string
+      label: 'Clean wrapper for Featured bottom first region'
+    bootstrap_barrio_region_class_featured_bottom_second:
+      type: string
+      label: 'Classes for Featured bottom second region'
+    bootstrap_barrio_region_clean_featured_bottom_third:
+      type: string
+      label: 'Clean wrapper for Featured bottom third region'
+    bootstrap_barrio_region_class_footer_first:
+      type: string
+      label: 'Classes for Footer first region'
+    bootstrap_barrio_region_clean_footer_second:
+      type: string
+      label: 'Clean wrapper for Footer second region'
+    bootstrap_barrio_region_class_footer_third:
+      type: string
+      label: 'Classes for Footer third region'
+    bootstrap_barrio_region_clean_footer_fourth:
+      type: string
+      label: 'Clean wrapper for Footer fourth region'
+    bootstrap_barrio_region_class_footer_fifth:
+      type: string
+      label: 'Classes for Footer fifth region'
+
+    # Sidebar position.
+    # ----------------------------
+    bootstrap_barrio_sidebar_position:
+      type: string
+      label: 'Sidebar position'
+    bootstrap_barrio_content_offset:
+      type: integer
+      label: 'Content offset'
+
+    # Sidebar first layout.
+    # ----------------------------
+    bootstrap_barrio_sidebar_collapse:
+      type: integer
+      label: 'Sidebar collapse'
+    bootstrap_barrio_sidebar_first_width:
+      type: integer
+      label: 'Sidebar first width'
+    bootstrap_barrio_sidebar_first_offset:
+      type: integer
+      label: 'Sidebar first offset'
+
+    # Sidebar second layout.
+    # ----------------------------
+    bootstrap_barrio_sidebar_second_width:
+      type: integer
+      label: 'Sidebar second width'
+    bootstrap_barrio_sidebar_second_offset:
+      type: integer
+      label: 'Sidebar second layout'
+
+    # Buttons.
+    # ----------------------------
+    bootstrap_barrio_button:
+      type: integer
+      label: 'Convert input submit to button element'
+    bootstrap_barrio_button_size:
+      type: string
+      label: 'Default button size'
+    bootstrap_barrio_button_outline:
+      type: integer
+      label: 'Button with outline format'
+
+    # Navbar.
+    # ----------------------------
+    bootstrap_barrio_navbar_container:
+      type: string
+      label: 'Navbar width container'
+    bootstrap_barrio_navbar_toggle:
+      type: string
+      label: 'Navbar toggle size'
+    bootstrap_barrio_navbar_top_navbar:
+      type: integer
+      label: 'Navbar top is navbar'
+    bootstrap_barrio_navbar_top_class:
+      type: string
+      label: 'Class for navbar top'
+    bootstrap_barrio_navbar_class:
+      type: string
+      label: 'Class for navbar'
+    bootstrap_barrio_navbar_top_position:
+      type: string
+      label: 'Navbar top position'
+    bootstrap_barrio_navbar_top_color:
+      type: string
+      label: 'Navbar top link color'
+    bootstrap_barrio_navbar_top_background:
+      type: string
+      label: 'Navbar top background color'
+    bootstrap_barrio_navbar_position:
+      type: string
+      label: 'Navbar position'
+    bootstrap_barrio_navbar_color:
+      type: string
+      label: 'Navbar link color'
+    bootstrap_barrio_navbar_background:
+      type: string
+      label: 'Navbar background color'
+    bootstrap_barrio_navbar_flyout:
+      type: boolean
+      label: 'Flyout style main menu'
+    bootstrap_barrio_navbar_slide:
+      type: boolean
+      label: 'Sliding navbar'
+
+    # Messages.
+    # ----------------------------
+    bootstrap_barrio_messages_widget:
+      type: string
+      label: 'Messages widget'
+
+    # Form.
+    # ----------------------------
+    bootstrap_barrio_radio:
+      type: string
+      label: 'Radio widget'
+    bootstrap_barrio_checkbox:
+      type: string
+      label: 'Checkbox widget'
+    bootstrap_barrio_select:
+      type: string
+      label: 'Select widget'
+    bootstrap_barrio_file:
+      type: string
+      label: 'File widget'
+
+    # Affix.
+    # ----------------------------
+    bootstrap_barrio_navbar_top_affix:
+      type: integer
+      label: 'Affix navbar top'
+    bootstrap_barrio_navbar_affix:
+      type: integer
+      label: 'Affix navbar'
+    bootstrap_barrio_sidebar_first_affix:
+      type: integer
+      label: 'Affix sidebar first'
+    bootstrap_barrio_sidebar_second_affix:
+      type: integer
+      label: 'Affix sidebar first'
+
+    # Scrollspy.
+    # ----------------------------
+    bootstrap_barrio_scroll_spy:
+      type: string
+      label: 'Scrollspy element ID'
+
+    # Fonts.
+    # ----------------------------
+    bootstrap_barrio_google_fonts:
+      type: string
+      label: 'Google Fonts combination'
+
+    # Icons.
+    # ----------------------------
+    bootstrap_barrio_bootstrap_icons:
+      type: integer
+      label: 'Use Bootstrap icons'
+    bootstrap_barrio_icons:
+      type: string
+      label: 'Icon set'
+
+    # System messages.
+    # ----------------------------
+    bootstrap_barrio_system_messages:
+      type: string
+      label: 'System messages color scheme'
+
+    # Tables.
+    # ----------------------------
+    bootstrap_barrio_table_style:
+      type: string
+      label: 'Table cell style'
+    bootstrap_barrio_table_hover:
+      type: integer
+      label: 'Hover effect over table cells'
+    bootstrap_barrio_table_head:
+      type: string
+      label: 'Table header color scheme'
+
+    # Image fluid.
+    # ----------------------------
+    bootstrap_barrio_image_fluid:
+      type: boolean
+      label: 'Apply img-fluid style to all content images'
+
+    # Tabs.
+    # ----------------------------
+    bootstrap_barrio_tabs_style:
+      type: string
+      label: 'Tabs style'

css/colors/messages/messages-dark.css

+/**
+ * @file
+ * Visual styles for Bootstrap Barrio's system messages.
+ */
+
+.alert-success {
+  color: white;
+  background-color: #007e33;
+  border-color: #012911;
+}
+.alert-success::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-check-box" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.alert-warning {
+  color: white;
+  background-color: #ff8800;
+  border-color: #e07903;
+}
+.alert-warning::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"/><path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/><circle cx="8" cy="4.5" r="1"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.alert-danger {
+  color: white;
+  background-color: #cc0000;
+  border-color: #7a0c0c;
+}
+.alert-danger::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-exclamation-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 00-.054.057L1.027 13.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L8.12 2.073a.146.146 0 00-.054-.057A.13.13 0 008.002 2a.13.13 0 00-.064.016zm1.044-.45a1.13 1.13 0 00-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z" clip-rule="evenodd"/><path d="M7.002 12a1 1 0 112 0 1 1 0 01-2 0zM7.1 5.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 5.995z"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.alert-dismissible .close {
+  opacity: 0.6;
+}

css/colors/messages/messages-gray.css

+/**
+ * @file
+ * Visual styles for Bootstrap Barrio's system messages.
+ */
+
+.alert-success {
+  color: white;
+  background-color: #333;
+  border-left: #28a745 15px solid;
+}
+.alert-success::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-check-box" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+          background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-warning {
+  color: white;
+  background-color: #333;
+  border-left: #ff8800 15px solid;
+}
+.alert-warning::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"/><path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/><circle cx="8" cy="4.5" r="1"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+          background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-danger {
+  color: white;
+  background-color: #333;
+  border-left: #cc0000 15px solid;
+}
+.alert-danger::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-exclamation-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 00-.054.057L1.027 13.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L8.12 2.073a.146.146 0 00-.054-.057A.13.13 0 008.002 2a.13.13 0 00-.064.016zm1.044-.45a1.13 1.13 0 00-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z" clip-rule="evenodd"/><path d="M7.002 12a1 1 0 112 0 1 1 0 01-2 0zM7.1 5.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 5.995z"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+          background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-dismissible .close {
+  opacity: 0.6;
+}

css/colors/messages/messages-light.css

+/**
+ * @file
+ * Visual styles for Bootstrap Barrio's system messages.
+ */
+
+.alert-success {
+  color: white;
+  background-color: #00c851;
+  border-color: #007e33;
+}
+.alert-success::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-check-box" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-warning {
+  color: white;
+  background-color: #ffbb33;
+  border-color: #ff8800;
+}
+.alert-warning::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"/><path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/><circle cx="8" cy="4.5" r="1"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-danger::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-exclamation-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 00-.054.057L1.027 13.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L8.12 2.073a.146.146 0 00-.054-.057A.13.13 0 008.002 2a.13.13 0 00-.064.016zm1.044-.45a1.13 1.13 0 00-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z" clip-rule="evenodd"/><path d="M7.002 12a1 1 0 112 0 1 1 0 01-2 0zM7.1 5.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 5.995z"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.alert-danger {
+  color: white;
+  background-color: #ff4444;
+  border-color: #cc0000;
+}
+.alert-dismissible .close {
+  opacity: 0.6;
+}

css/colors/messages/messages-white.css

+/**
+ * @file
+ * Visual styles for Bootstrap Barrio's system messages.
+ */
+
+.alert-success {
+  color: #333;
+  background-color: white;
+  border-left: #28a745 15px solid;
+}
+.alert-success::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-check-box" width="1em" height="1em" viewBox="0 0 16 16" fill="green" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+          background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-warning {
+  color: #333;
+  background-color: white;
+  border-left: #ff8800 15px solid;
+}
+.alert-warning::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="orange" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"/><path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/><circle cx="8" cy="4.5" r="1"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+          background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-danger {
+  color: #333;
+  background-color: white;
+  border-left: #cc0000 15px solid;
+}
+.alert-danger::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-exclamation-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="red" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 00-.054.057L1.027 13.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L8.12 2.073a.146.146 0 00-.054-.057A.13.13 0 008.002 2a.13.13 0 00-.064.016zm1.044-.45a1.13 1.13 0 00-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z" clip-rule="evenodd"/><path d="M7.002 12a1 1 0 112 0 1 1 0 01-2 0zM7.1 5.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 5.995z"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+          background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-dismissible .close {
+  opacity: 0.6;
+}

css/components/affix.css

+/**
+ * @file
+ * Styles for Bootstrap Barrio affix effect.
+ */
+
+.affix {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  z-index: 1035;
+  left: 0;
+}

css/components/alerts.css

+/**
+ * @file
+ * Visual styles for comments in Bootstrap Barrio.
+ */
+
+.alert-wrapper {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 75vh;
+  z-index: 9999;
+}
+
+.alert-wrapper .alert {
+  overflow-y: auto;
+  margin-bottom: 0;
+}
+
+.toast-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 9999;
+}
+
+.alert-success::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-check-box" width="1em" height="1em" viewBox="0 0 16 16" fill="darkgreen" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-warning::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="brown" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"/><path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/><circle cx="8" cy="4.5" r="1"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.alert-danger::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-exclamation-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="darkred" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 00-.054.057L1.027 13.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L8.12 2.073a.146.146 0 00-.054-.057A.13.13 0 008.002 2a.13.13 0 00-.064.016zm1.044-.45a1.13 1.13 0 00-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z" clip-rule="evenodd"/><path d="M7.002 12a1 1 0 112 0 1 1 0 01-2 0zM7.1 5.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 5.995z"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}

css/components/book-navigation.css

+/**
+ * @file
+ * Styling for the Book module.
+ */
+
+.book-navigation .menu {
+  padding-bottom: 0;
+  padding-top: 1em;
+}
+.book-navigation .book-pager {
+  margin: 0;
+  overflow: auto;
+  padding: 0.5em 0;
+}
+.book-pager__item {
+  display: inline-block;
+  list-style-type: none;
+  vertical-align: top;
+}
+.book-pager__item--previous {
+  text-align: left; /* LTR */
+  width: 45%;
+}
+[dir="rtl"] .book-pager__item--previous {
+  float: right;
+  text-align: right;
+}
+.book-pager__item--center {
+  text-align: center;
+  width: 8%;
+}
+.book-pager__item--next {
+  float: right; /* LTR */
+  text-align: right; /* LTR */
+  width: 45%;
+}
+[dir="rtl"] .book-pager__item--next {
+  float: left;
+  text-align: left;
+}

css/components/book.css

+/**
+ * @file
+ * Bootstrap Barrio specific styling for the Book module.
+ */
+
+.book-navigation .menu {
+  border-top: 1px solid #d6d6d6;
+}
+.book-navigation .book-pager {
+  border-bottom: 1px solid #d6d6d6;
+  border-top: 1px solid #d6d6d6;
+  margin: 0;
+}

css/components/bootstrap-icons.css

+.user-pass .form-item-name label::before,
+.user-register-form .form-item-name label::before,
+.user-login-form .form-item-name label::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-person" width="1em" height="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM3.022 13h9.956a.274.274 0 00.014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 00.022.004zm9.974.056v-.002.002zM8 7a2 2 0 100-4 2 2 0 000 4zm3-2a3 3 0 11-6 0 3 3 0 016 0z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.user-pass .form-type-password label::before,
+.user-register-form .form-type-password label::before,
+.user-login-form .form-type-password label::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 00-1 1v5a1 1 0 001 1h7a1 1 0 001-1V9a1 1 0 00-1-1zm-7-1a2 2 0 00-2 2v5a2 2 0 002 2h7a2 2 0 002-2V9a2 2 0 00-2-2h-7zm0-3a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.25rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.user-pass .form-type-email label::before,
+.user-register-form .form-type-email label::before,
+.user-login-form .form-type-email label::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-envelope" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14 3H2a1 1 0 00-1 1v8a1 1 0 001 1h12a1 1 0 001-1V4a1 1 0 00-1-1zM2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M.071 4.243a.5.5 0 01.686-.172L8 8.417l7.243-4.346a.5.5 0 01.514.858L8 9.583.243 4.93a.5.5 0 01-.172-.686z" clip-rule="evenodd"/><path d="M6.752 8.932l.432-.252-.504-.864-.432.252.504.864zm-6 3.5l6-3.5-.504-.864-6 3.5.504.864zm8.496-3.5l-.432-.252.504-.864.432.252-.504.864zm6 3.5l-6-3.5.504-.864 6 3.5-.504.864z"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.4rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.user-pass .form-item-user-picture-0 label::before,
+.user-register-form .form-item-user-picture-0 label::before,
+.user-login-form .form-item-user-picture-0 label::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-person-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14 1H2a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1V2a1 1 0 00-1-1zM2 0a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2H2z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 15v-1c0-1 1-4 6-4s6 3 6 4v1H2zm6-6a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1.5rem 1.5rem;
+  background-size: 1.5rem 1.5rem;
+  background-position: 0 0.25rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.form-submit::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-check" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3.5-3.5a.5.5 0 11.708-.708L6.5 10.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.25rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+.search-form .form-submit::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-search" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.25rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+a.nav-link--::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-house" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 13.5V7h1v6.5a.5.5 0 00.5.5h9a.5.5 0 00.5-.5V7h1v6.5a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 012 13.5zm11-11V6l-2-2V2.5a.5.5 0 01.5-.5h1a.5.5 0 01.5.5z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.293 1.5a1 1 0 011.414 0l6.647 6.646a.5.5 0 01-.708.708L8 2.207 1.354 8.854a.5.5 0 11-.708-.708L7.293 1.5z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.25rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+a.nav-link--user-login::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-unlock" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9.655 8H2.333c-.264 0-.398.068-.471.121a.73.73 0 00-.224.296 1.626 1.626 0 00-.138.59V14c0 .342.076.531.14.635.064.106.151.18.256.237a1.122 1.122 0 00.436.127l.013.001h7.322c.264 0 .398-.068.471-.121a.73.73 0 00.224-.296 1.627 1.627 0 00.138-.59V9c0-.342-.076-.531-.14-.635a.658.658 0 00-.255-.237A1.122 1.122 0 009.655 8zm.012-1H2.333C.5 7 .5 9 .5 9v5c0 2 1.833 2 1.833 2h7.334c1.833 0 1.833-2 1.833-2V9c0-2-1.833-2-1.833-2zM8.5 4a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.20rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+a.nav-link--user-logout::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 00-1 1v5a1 1 0 001 1h7a1 1 0 001-1V9a1 1 0 00-1-1zm-7-1a2 2 0 00-2 2v5a2 2 0 002 2h7a2 2 0 002-2V9a2 2 0 00-2-2h-7zm0-3a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.20rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+a.nav-link--user::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-person-check" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 00.014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 00.022.004zm9.974.056v-.002.002zM6 7a2 2 0 100-4 2 2 0 000 4zm3-2a3 3 0 11-6 0 3 3 0 016 0zm6.854.146a.5.5 0 010 .708l-3 3a.5.5 0 01-.708 0l-1.5-1.5a.5.5 0 01.708-.708L12.5 7.793l2.646-2.647a.5.5 0 01.708 0z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.25rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+a.nav-link--contact::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-envelope" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14 3H2a1 1 0 00-1 1v8a1 1 0 001 1h12a1 1 0 001-1V4a1 1 0 00-1-1zM2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M.071 4.243a.5.5 0 01.686-.172L8 8.417l7.243-4.346a.5.5 0 01.514.858L8 9.583.243 4.93a.5.5 0 01-.172-.686z" clip-rule="evenodd"/><path d="M6.752 8.932l.432-.252-.504-.864-.432.252.504.864zm-6 3.5l6-3.5-.504-.864-6 3.5.504.864zm8.496-3.5l-.432-.252.504-.864.432.252-.504.864zm6 3.5l-6-3.5.504-.864 6 3.5-.504.864z"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.25rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+a.nav-link--user-register::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-person-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 00.014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 00.022.004zm9.974.056v-.002.002zM6 7a2 2 0 100-4 2 2 0 000 4zm3-2a3 3 0 11-6 0 3 3 0 016 0zm4.5 0a.5.5 0 01.5.5v2a.5.5 0 01-.5.5h-2a.5.5 0 010-1H13V5.5a.5.5 0 01.5-.5z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M13 7.5a.5.5 0 01.5-.5h2a.5.5 0 010 1H14v1.5a.5.5 0 01-1 0v-2z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.25rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+a.nav-link--user-password::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 00-1 1v5a1 1 0 001 1h7a1 1 0 001-1V9a1 1 0 00-1-1zm-7-1a2 2 0 00-2 2v5a2 2 0 002 2h7a2 2 0 002-2V9a2 2 0 00-2-2h-7zm0-3a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.20rem;
+  width: 1.5rem;
+  height: 1.2rem;
+}
+
+.tabs a.nav-link--user-login::before {
+  background-image: url('data:image/svg+xml,<svg class="bi bi-unlock" width="1em" height="1em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9.655 8H2.333c-.264 0-.398.068-.471.121a.73.73 0 00-.224.296 1.626 1.626 0 00-.138.59V14c0 .342.076.531.14.635.064.106.151.18.256.237a1.122 1.122 0 00.436.127l.013.001h7.322c.264 0 .398-.068.471-.121a.73.73 0 00.224-.296 1.627 1.627 0 00.138-.59V9c0-.342-.076-.531-.14-.635a.658.658 0 00-.255-.237A1.122 1.122 0 009.655 8zm.012-1H2.333C.5 7 .5 9 .5 9v5c0 2 1.833 2 1.833 2h7.334c1.833 0 1.833-2 1.833-2V9c0-2-1.833-2-1.833-2zM8.5 4a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
+}
+.tabs a.nav-link--user-register::before {
+  background-image: url('data:image/svg+xml,<svg class="bi bi-person-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 00.014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 00.022.004zm9.974.056v-.002.002zM6 7a2 2 0 100-4 2 2 0 000 4zm3-2a3 3 0 11-6 0 3 3 0 016 0zm4.5 0a.5.5 0 01.5.5v2a.5.5 0 01-.5.5h-2a.5.5 0 010-1H13V5.5a.5.5 0 01.5-.5z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M13 7.5a.5.5 0 01.5-.5h2a.5.5 0 010 1H14v1.5a.5.5 0 01-1 0v-2z" clip-rule="evenodd"/></svg>');
+}
+.tabs a.nav-link--user-password::before {
+  background-image: url('data:image/svg+xml,<svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 00-1 1v5a1 1 0 001 1h7a1 1 0 001-1V9a1 1 0 00-1-1zm-7-1a2 2 0 00-2 2v5a2 2 0 002 2h7a2 2 0 002-2V9a2 2 0 00-2-2h-7zm0-3a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
+}
+
+
+ol.breadcrumb li:first-child a::before {
+  display: inline-block;
+  content: "";
+  background-image: url('data:image/svg+xml,<svg class="bi bi-house" width="1em" height="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 13.5V7h1v6.5a.5.5 0 00.5.5h9a.5.5 0 00.5-.5V7h1v6.5a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 012 13.5zm11-11V6l-2-2V2.5a.5.5 0 01.5-.5h1a.5.5 0 01.5.5z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.293 1.5a1 1 0 011.414 0l6.647 6.646a.5.5 0 01-.708.708L8 2.207 1.354 8.854a.5.5 0 11-.708-.708L7.293 1.5z" clip-rule="evenodd"/></svg>');
+  background-repeat: no-repeat;
+  -webkit-background-size: 1rem 1rem;
+  background-size: 1rem 1rem;
+  background-position: 0 0.15rem;
+  width: 1.5rem;
+  height: 1.1rem;
+}