Issue #3146707: Start a 9.0.x branch for Webtheme to work with Drupal 9 Based...

# Webtheme

Webtheme is a Bootstrap 4 dynamic sub theme of the Radix theme.

---

[![VDO](https://www.drupal.org/files/project-images/webtheme.png)](https://www.drupal.org/project/webtheme)

Based on Bootstrap 4 framework using SASS, and extending [Vartheme](https://github.com/Vardot/vartheme_bs4) (Bootstrap 4 - SASS).

# Installation

A SASS base theme for [Webship](https://www.drupal.org/project/webship) standard websites.

 Based on Bootstrap 4 framework using SASS,

  and extending [Vartheme BS4](https://www.drupal.org/project/vartheme_bs4) contrib theme.

  and extending [Barrio (Bootstrap 4)](https://www.drupal.org/project/bootstrap_barrio) contrib theme.

Webtheme theme uses [Webpack](https://webpack.js.org) to compile and bundle

 SASS and JS.

#### Step 1

Make sure you have Node and npm installed. 

You can read a guide on how to install node here:

 https://docs.npmjs.com/getting-started/installing-node

If you prefer to use [Yarn](https://yarnpkg.com) instead of npm, install Yarn

 by following the guide [here](https://yarnpkg.com/docs/install).

#### Step 2

Go to the root of Webtheme theme and run the following commands: `npm install`

 or `yarn install`.

#### Step 3

Update `proxy` in **webpack.mix.json**.

#### Step 4

Run the following command to compile Sass and watch for changes:

 `npm run watch` or `yarn watch`.

### Install with Composer:

```

 $ composer require 'drupal/webship:~9.0'

```

{

    "/js/webtheme.script.js": "/js/webtheme.script.js",

    "/css/webtheme.style.css": "/css/webtheme.style.css"

}

{

  "name": "drupal/webtheme",

  "description": "Webtheme is a dynamic sub theme of the Radix theme.",

  "description": "Based on Bootstrap 4 framework using SASS, and extending Vartheme (Bootstrap 4 - SASS).",

  "type": "drupal-theme",

  "license": "GPL-2.0-or-later",

  "authors": [

    }

  ],

  "require": {

    "drupal/radix": "^4.8",

    "drupal/radix_layouts": "@stable"

    "drupal/core": "~9.0"

    "drupal/vartheme_bs4": "~6.0"

  }

}

bootstrap_barrio_library: 'production'

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

bootstrap_barrio_fluid_container: 0

bootstrap_barrio_button: 1

bootstrap_barrio_button_size: ''

bootstrap_barrio_button_outline: 0

bootstrap_barrio_navbar_toggle: 'navbar-toggleable-md'

bootstrap_barrio_navbar_container: 'navbar-toggleable-md'

bootstrap_barrio_navbar_top_position: ''

bootstrap_barrio_navbar_top_color: 'navbar-light'

bootstrap_barrio_navbar_top_background: 'bg-light'

bootstrap_barrio_navbar_position: ''

bootstrap_barrio_navbar_color: 'navbar-light'

bootstrap_barrio_navbar_background: 'bg-light'

bootstrap_barrio_system_messages: ''

bootstrap_barrio_table_hover: 1

bootstrap_barrio_region_clean_navigation: 0

bootstrap_barrio_region_class_navigation: 'row'

bootstrap_barrio_region_clean_navigation_collapsible: 0

bootstrap_barrio_region_class_navigation_collapsible: 'row'

bootstrap_barrio_region_clean_header: 1

bootstrap_barrio_region_class_header: ''

bootstrap_barrio_region_clean_hero_slider: 0

bootstrap_barrio_region_class_hero_slider: 'row'

bootstrap_barrio_region_clean_highlighted: 1

bootstrap_barrio_region_class_highlighted: ''

bootstrap_barrio_region_clean_help: 0

bootstrap_barrio_region_class_help: 'row'

bootstrap_barrio_region_clean_content: 1

bootstrap_barrio_region_class_content: ''

bootstrap_barrio_region_clean_sidebar_first: 1

bootstrap_barrio_region_class_sidebar_first: ''

bootstrap_barrio_region_clean_sidebar_second: 1

bootstrap_barrio_region_class_sidebar_second: ''

bootstrap_barrio_region_clean_footer: 0

bootstrap_barrio_region_class_footer: 'row'

bootstrap_barrio_region_clean_page_top: 0

bootstrap_barrio_region_class_page_top: 'row'

bootstrap_barrio_region_clean_page_bottom: 0

bootstrap_barrio_region_class_page_bottom: 'row'

bootstrap_barrio_sidebar_collapse: 0

bootstrap_barrio_navbar_top_navbar: 0

bootstrap_barrio_messages_widget: 'alerts'

bootstrap_barrio_radio: 'standard'

bootstrap_barrio_checkbox: 'standard'

bootstrap_barrio_select: 'standard'

bootstrap_barrio_file: 'standard'

bootstrap_barrio_navbar_top_affix: 0

bootstrap_barrio_navbar_affix: 0

bootstrap_barrio_sidebar_first_affix: 0

bootstrap_barrio_sidebar_second_affix: 0

bootstrap_barrio_scroll_spy: ''

bootstrap_barrio_google_fonts: ''

bootstrap_barrio_icons: 'fontawesome'

bootstrap_barrio_table_style: ''

bootstrap_barrio_table_head: ''

bootstrap_barrio_bootstrap_icons: 0

features:

  node_user_picture: true

  comment_user_picture: true

  comment_user_verification: true

  favicon: true

logo:

  use_default: true

favicon:

  use_default: true