Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16825 efrain 1 
// npm package: tinymce
2 
// github link: https://github.com/tinymce/tinymce
3 
 
4 
.tox.tox-tinymce {
5 
  border: 1px solid $input-border-color;
6 
  border-radius: $input-border-radius;
7 
  .tox-menubar,
8 
  .tox-toolbar-overlord,
9 
  .tox-toolbar,
10 
  .tox-toolbar__overflow,
11 
  .tox-toolbar__primary {
12 
    background-color: $input-bg;
13 
    background-image: none;
14 
    border-bottom: 1px solid $input-border-color;
15 
  }
16 
  .tox-toolbar-overlord {
17 
    border-bottom: none;
18 
  }
19 
  &:not(.tox-tinymce-inline) .tox-editor-header {
20 
    padding: 0;
21 
    box-shadow: none;
22 
  }
23 
  .tox-edit-area__iframe {
24 
    background-color: $input-bg;
25 
  }
26 
  &.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
27 
    border-right-color: $input-border-color;
28 
    border-left-color: $input-border-color; // RTL
29 
  }
30 
  .tox-statusbar {
31 
    background-color: $input-bg;
32 
    border-color: $input-border-color;
33 
    color: $text-muted;
34 
  }
35 
  .tox-statusbar a,
36 
  .tox-statusbar__path-item,
37 
  .tox-statusbar__wordcount {
38 
    color: $text-muted;
39 
  }
40 
  .tox-mbtn {
41 
    color: $body-color;
42 
  }
43 
  .tox-tbtn {
44 
    color: rgba($body-color, .7);
45 
  }
46 
  .tox-tbtn:hover {
47 
    background: lighten($input-bg, 10%);
48 
    color: $body-color;
49 
    svg {
50 
      fill: $body-color;
51 
    }
52 
  }
53 
  .tox-tbtn:focus:not(.tox-tbtn--disabled) {
54 
    color: $body-color;
55 
  }
56 
  .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
57 
    background: lighten($input-bg, 10%);
58 
    color: $body-color;
59 
  }
60 
  .tox-mbtn:focus:not(:disabled),
61 
  .tox-mbtn--active {
62 
    background: lighten($input-bg, 10%);
63 
    color: $body-color;
64 
  }
65 
  .tox-tbtn svg {
66 
    fill: rgba($body-color, .7);
67 
  }
68 
  .tox-tbtn--disabled svg,
69 
  .tox-tbtn--disabled:hover svg,
70 
  .tox-tbtn:disabled svg,
71 
  .tox-tbtn:disabled:hover svg {
72 
    fill: lighten($input-bg, 10%);
73 
  }
74 
  .tox-split-button:hover {
75 
    box-shadow: 0 0 0 1px $input-border-color inset;
76 
  }
77 
  .tox-split-button:focus {
78 
    background: lighten($input-bg, 10%);
79 
  }
80 
  .tox-tbtn--enabled,
81 
  .tox-tbtn--enabled:hover,
82 
  .tox-tbtn:focus {
83 
    background: lighten($input-bg, 10%);
84 
  }
85 
}
86 
 
87 
div.tox {
88 
  .tox-menu {
89 
    background-color: $dropdown-bg;
90 
    border-color: $dropdown-border-color;
91 
  }
92 
  .tox-collection__item {
93 
    color: $dropdown-color;
94 
  }
95 
  .tox-collection--list .tox-collection__item--enabled {
96 
    background-color: $primary;
97 
    color: $body-color;
98 
  }
99 
  .tox-collection--list .tox-collection__group {
100 
    border-color: $border-color;
101 
  }
102 
  .tox-collection--toolbar .tox-collection__item--active {
103 
    background-color: lighten($input-bg, 10%);
104 
  }
105 
  .tox-collection--list .tox-collection__item--active {
106 
    background-color: lighten($input-bg, 10%);
107 
  }
108 
  .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
109 
    color: $body-color;
110 
  }
111 
  .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
112 
    color: $body-color;
113 
  }
114 
 
115 
 
116 
  .tox-dialog-wrap__backdrop {
117 
    background-color: rgba(0,0,0,.75);
118 
  }
119 
  .tox-dialog,
120 
  .tox-dialog__header,
121 
  .tox-dialog__footer {
122 
    background-color: $input-bg;
123 
    border-color: $border-color;
124 
    color: $body-color;
125 
  }
126 
  .tox-button--secondary {
127 
    @extend .btn-secondary;
128 
  }
129 
  .tox-button {
130 
    @extend .btn;
131 
    &:not(.tox-button--naked):not(.tox-button--secondary) {
132 
      @extend .btn-primary;
133 
    }
134 
  }
135 
  .tox-button--secondary:hover:not(:disabled) {
136 
    background-color: $secondary;
137 
    border-color: $secondary;
138 
    color: $body-color;
139 
  }
140 
  .tox-button--naked:hover:not(:disabled) {
141 
    background-color: transparent;
142 
    border-color: transparent;
143 
  }
144 
  .tox-button--naked.tox-button--icon:hover:not(:disabled) {
145 
    color: darken($body-color, 20%);
146 
  }
147 
  .tox-listboxfield .tox-listbox--select,
148 
  .tox-textarea,
149 
  .tox-textfield,
150 
  .tox-toolbar-textfield {
151 
    background-color: $input-bg;
152 
    border-color: $input-border-color;
153 
    color: $body-color;
154 
  }
155 
  .tox-listboxfield .tox-listbox--select:focus,
156 
  .tox-textarea:focus,
157 
  .tox-textfield:focus {
158 
    background-color: $input-bg;
159 
    border-color: $input-focus-border-color;
160 
  }
161 
  .tox-dialog__table tbody tr {
162 
    border-color: $border-color;
163 
  }
164 
  .tox-dialog__body {
165 
    color: $body-color;
166 
  }
167 
}