Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
$h5p-tutorial-url-label-color: #415702;
2 
$h5p-tutorial-icon-color: #eaffab;
3 
$h5p-tutorial-icon-bg-color: #749e00;
4 
 
5 
$h5p-example-url-label-color: #422447;
6 
$h5p-example-icon-color: #f8d4ff;
7 
$h5p-example-icon-bg-color: #8f4f9c;
8 
 
9 
$h5p-tutorial-icon-diameter: 2rem;
10 
 
11 
@mixin h5p-tutorial-focus-shadow() {
12 
  box-shadow: 0px 0px 5px rgba(22,52,247,1);
13 
}
14 
 
15 
.h5p-tutorial-url,
16 
.h5p-example-url {
17 
  font-size: 1em;
18 
  display: inline-flex;
19 
  align-items: center;
20 
  line-height: 1;
21 
  margin-right: 1em;
22 
  margin-bottom: 0.5em;
23 
  margin-left: 0.25em;
24 
  height: $h5p-tutorial-icon-diameter;
25 
  border-radius: $h5p-tutorial-icon-diameter / 2;
26 
 
27 
  &:focus {
28 
    @include h5p-tutorial-focus-shadow;
29 
  }
30 
 
31 
  &:active {
32 
    border-color: #1C70BA;
33 
  }
34 
 
35 
  &::before {
36 
    font-family: $icon-font-family;
37 
    font-size: 1.25em;
38 
    border-radius: 50%;
39 
    width: $h5p-tutorial-icon-diameter;
40 
    height: $h5p-tutorial-icon-diameter;
41 
    position: absolute;
42 
    display: flex;
43 
    justify-content: center;
44 
    align-items: center;
45 
  }
46 
 
47 
  .h5p-tutorial-url-label,
48 
  .h5p-example-url-label {
49 
    font-style: italic;
50 
    font-weight: bold;
51 
    text-decoration: underline;
52 
    margin: 0.25em 0.5em;
53 
    margin-left: $h5p-tutorial-icon-diameter;
54 
    padding-left: 0.5em;
55 
    padding-right: 1em;
56 
  }
57 
}
58 
 
59 
.h5p-tutorial-url {
60 
  &:active,
61 
  &:hover {
62 
    background-color: $h5p-tutorial-icon-color;
63 
  }
64 
 
65 
  &::before {
66 
    content: "\e93e";
67 
    color: $h5p-tutorial-icon-color;
68 
    background-color: $h5p-tutorial-icon-bg-color;
69 
  }
70 
 
71 
  .h5p-tutorial-url-label {
72 
    color: $h5p-tutorial-url-label-color;
73 
  }
74 
}
75 
 
76 
.h5p-example-url {
77 
  &:active,
78 
  &:hover {
79 
    background-color: $h5p-example-icon-color;
80 
  }
81 
 
82 
  &::before {
83 
    content: "\e93d";
84 
    font-size: 1em;
85 
    color: $h5p-example-icon-color;
86 
    background-color: $h5p-example-icon-bg-color;
87 
  }
88 
 
89 
  .h5p-example-url-label {
90 
    color: $h5p-example-url-label-color;
91 
  }
92 
}