theme/boost/readme_moodle.txt

   1 Description of Twitter bootstrap import into Moodle
   2
   3 Twitter bootstrap
   4 -----------------
   5
   6 Sass:
   7 This theme uses the version 4.0.0 Twitter bootstrap sass files.
   8 The bootstrap repository is available on:
   9
  10 https://github.com/twitter/bootstrap.git
  11
  12 To update to the latest release of twitter bootstrap:
  13
  14 * remove all files from scss/bootstrap,
  15 * download the new scss files and store them in scss/bootstrap
  16 * re-apply /* rtl:begin:ignore */ on the top of _popover.scss before .popover rule and /* rtl:end:ignore */ before
  17   .popover-arrow::after rule. See MDL-56763 commit (1a4faf9b).
  18 * comment out all uses of the @supports syntax in SCSS (see https://github.com/sabberworm/PHP-CSS-Parser/issues/127). In Bootstrap 4.0 The @supports rules are used for carousal transitions (nice sliding) and the .sticky-top helper class. The carousel bootstrap component will still be functional.
  19 * update ./thirdpartylibs.xml
  20
  21 Javascript:
  22
  23 This theme uses the transpiled javascript from bootstrap4 as amd modules.
  24
  25 To update the javascript files:
  26 Checkout the latest branch of bootstrap to a folder, Run the follwing inside the cloned Bootstrap repository:
  27
  28 ```
  29 $ npm install @babel/cli@7.0.0-beta.37 @babel/preset-env@7.0.0-beta.37 babel-plugin-transform-es2015-modules-amd @babel/plugin-proposal-object-rest-spread
  30 $ mkdir out
  31 $ ./node_modules/@babel/cli/bin/babel.js --presets @babel/preset-env --plugins transform-es2015-modules-amd,@babel/plugin-proposal-object-rest-spread -d ./out/ js/src/
  32 ```
  33
  34 Copy the transpiled files from out/ into the amd/src/ folder for the theme.
  35 Run grunt to re-compile the JS files. (thanks to Joby Harding)