add theming via css custom properties
[oweals/peertube.git] / client / src / app / shared / misc / help.component.scss
1 @import '_variables';
2 @import '_mixins';
3
4 .help-tooltip-button {
5   @include icon(17px);
6
7   position: relative;
8   top: -2px;
9   background-image: url('../../../assets/images/global/help.svg');
10   border: none;
11   margin: 5px;
12 }
13
14 /deep/ {
15   .popover-body {
16     text-align: left;
17     padding: 10px;
18     max-width: 300px;
19
20     font-size: 13px;
21     font-family: $main-fonts;
22     background-color: #fff;
23     color: #000;
24     box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
25
26     ul {
27       padding-left: 20px;
28     }
29   }
30 }