analytics/templates/notification_styles.mustache

   1 {{!
   2     This file is part of Moodle - http://moodle.org/
   3
   4     Moodle is free software: you can redistribute it and/or modify
   5     it under the terms of the GNU General Public License as published by
   6     the Free Software Foundation, either version 3 of the License, or
   7     (at your option) any later version.
   8
   9     Moodle is distributed in the hope that it will be useful,
  10     but WITHOUT ANY WARRANTY; without even the implied warranty of
  11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12     GNU General Public License for more details.
  13
  14     You should have received a copy of the GNU General Public License
  15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
  16 }}
  17 {{!
  18     @template core_analytics/notification_styles
  19
  20     Styles for insights' notifications (only for email).
  21
  22     These styles are not applied to Moodle's web UI as there is a body:not(.dir-ltr):not(.dir-rtl)
  23
  24     Classes required for JS:
  25     * none
  26
  27     Data attributes required for JS:
  28     * none
  29
  30     Example context (json):
  31     {
  32     }
  33 }}
  34
  35 {{! The styles defined here will be included in the Moodle web UI and in emails. Emails do not include Moodle
  36 stylesheets so we want these styles to be applied to emails. However, they will also be included in the Moodle web UI.
  37 We use the not(.dir-ltr):not(.dir-rtl) so that this style is not applied to the Moodle UI.
  38 Note that gmail strips out HTML styles which selector includes the caracters (), so the font-family rule
  39 is not applied in gmail.}}
  40 <head><style>
  41 body:not(.dir-ltr):not(.dir-rtl) {
  42     font-family: 'Open Sans', sans-serif;
  43 }
  44 .btn-insight {
  45     color: #007bff;
  46     background-color: transparent;
  47     display: inline-block;
  48     font-weight: 400;
  49     text-align: center;
  50     white-space: nowrap;
  51     vertical-align: middle;
  52     user-select: none;
  53     border: 1px solid #007bff;
  54     padding: .375rem .75rem;
  55     line-height: 1.5;
  56     border-radius: 0;
  57     text-decoration: none;
  58     cursor: pointer;
  59 }
  60 </style></head>