moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-06 09:26:35 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-69117 theme_boost: deprecate the autoprefixer

Browse source
This commit is contained in:
Bas Brands 2020-09-02 10:48:20 +02:00 • committed by Andrew Nicols
parent 4ca7232b1f
commit 74160de2cb
7 changed files with 188 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
theme/boost/classes/autoprefixer.php
View file

@ -104,6 +104,8 @@ class autoprefixer {
* @param Document $tree The CSS tree.
*/
public function __construct(Document $tree) {
debugging('theme_boost\autoprefixer() is deprecated. Required prefixes for Bootstrap ' .
'are now in theme/boost/scss/moodle/prefixes.scss', DEBUG_DEVELOPER);
$this->tree = $tree;
$pseudos = array_map(function($pseudo) {

1
theme/boost/config.php
View file

@ -148,7 +148,6 @@ $THEME->layouts = [
$THEME->parents = [];
$THEME->enable_dock = false;
$THEME->csstreepostprocessor = 'theme_boost_css_tree_post_processor';
$THEME->extrascsscallback = 'theme_boost_get_extra_scss';
$THEME->prescsscallback = 'theme_boost_get_pre_scss';
$THEME->precompiledcsscallback = 'theme_boost_get_precompiled_css';

2
theme/boost/lib.php
View file

@ -31,6 +31,8 @@ defined('MOODLE_INTERNAL') || die();
* @param theme_config $theme The theme config object.
*/
function theme_boost_css_tree_post_processor($tree, $theme) {
error_log('theme_boost_css_tree_post_processor() is deprecated. Required' .
'prefixes for Bootstrap are now in theme/boost/scss/moodle/prefixes.scss');
$prefixer = new theme_boost\autoprefixer($tree);
$prefixer->prefix();
}

1
theme/boost/scss/moodle.scss
View file

@ -40,3 +40,4 @@ $breadcrumb-divider-rtl: "◀" !default;
@import "moodle/print";
@import "moodle/modal";
@import "moodle/layout";
@import "moodle/prefixes";

65
theme/boost/scss/moodle/prefixes.scss Normal file
View file

@ -0,0 +1,65 @@
.form-control:-ms-input-placeholder {
color: $input-placeholder-color;
}
.custom-select {
-webkit-appearance: none;
-moz-appearance: none;
}
.custom-range {
-webkit-appearance: none;
-moz-appearance: none;
&::-webkit-slider-thumb,
&::-moz-range-thumb,
&::-ms-thumb {
-webkit-appearance: none;
-moz-appearance: none;
}
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
&.form-control {
-webkit-appearance: none;
-moz-appearance: none;
}
}
.card-columns {
@include media-breakpoint-up(sm) {
-webkit-column-gap: $card-columns-gap;
-moz-column-gap: $card-columns-gap;
}
}
.carousel-item {
-webkit-backface-visibility: hidden;
}
.card {
-webkit-background-clip: border-box;
}
.carousel-indicators li,
.dropdown-menu,
.form-control,
.modal-content,
.popover,
.toast {
-webkit-background-clip: padding-box;
}
.btn {
-webkit-user-select: none;
-ms-user-select: none;
}
@each $value in $user-selects {
.user-select-#{$value} {
-webkit-user-select: $value !important; /* stylelint-disable-line declaration-no-important */
-ms-user-select: none;
}
}

59
theme/boost/style/moodle.css
View file

@ -19101,6 +19101,65 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
height: 1em;
font-size: 4em; }
.form-control:-ms-input-placeholder {
color: #6c757d; }
.custom-select {
-webkit-appearance: none;
-moz-appearance: none; }
.custom-range {
-webkit-appearance: none;
-moz-appearance: none; }
.custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
-webkit-appearance: none;
-moz-appearance: none; }
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
-webkit-appearance: none;
-moz-appearance: none; }
@media (min-width: 576px) {
.card-columns {
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem; } }
.carousel-item {
-webkit-backface-visibility: hidden; }
.card {
-webkit-background-clip: border-box; }
.carousel-indicators li,
.dropdown-menu,
.form-control,
.modal-content,
.popover,
.toast {
-webkit-background-clip: padding-box; }
.btn {
-webkit-user-select: none;
-ms-user-select: none; }
.user-select-all {
-webkit-user-select: all !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none; }
.user-select-auto {
-webkit-user-select: auto !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none; }
.user-select-none {
-webkit-user-select: none !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

59
theme/classic/style/moodle.css
View file

@ -19284,6 +19284,65 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
height: 1em;
font-size: 4em; }
.form-control:-ms-input-placeholder {
color: #6c757d; }
.custom-select {
-webkit-appearance: none;
-moz-appearance: none; }
.custom-range {
-webkit-appearance: none;
-moz-appearance: none; }
.custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
-webkit-appearance: none;
-moz-appearance: none; }
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
-webkit-appearance: none;
-moz-appearance: none; }
@media (min-width: 576px) {
.card-columns {
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem; } }
.carousel-item {
-webkit-backface-visibility: hidden; }
.card {
-webkit-background-clip: border-box; }
.carousel-indicators li,
.dropdown-menu,
.form-control,
.modal-content,
.popover,
.toast {
-webkit-background-clip: padding-box; }
.btn {
-webkit-user-select: none;
-ms-user-select: none; }
.user-select-all {
-webkit-user-select: all !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none; }
.user-select-auto {
-webkit-user-select: auto !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none; }
.user-select-none {
-webkit-user-select: none !important;
/* stylelint-disable-line declaration-no-important */
-ms-user-select: none; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }