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: $gray-200;
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: $gray-200;
58 
    color: $body-color;
59 
  }
60 
  .tox-mbtn:focus:not(:disabled),
61 
  .tox-mbtn--active {
62 
    background: $gray-200;
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: $input-disabled-bg;
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: $gray-200;
79 
  }
80 
  .tox-tbtn--enabled,
81 
  .tox-tbtn--enabled:hover,
82 
  .tox-tbtn:focus {
83 
    background: $gray-200;
84 
  }
85 
}
86 
 
87 
 
88 
div.tox {
89 
  .tox-menu {
90 
    background-color: $dropdown-bg;
91 
    border-color: $dropdown-border-color;
92 
  }
93 
  .tox-collection__item {
94 
    color: $dropdown-color;
95 
  }
96 
  .tox-collection--list .tox-collection__item--enabled {
97 
    background-color: $primary;
98 
    color: $white;
99 
  }
100 
  .tox-collection--list .tox-collection__group {
101 
    border-color: $border-color;
102 
  }
103 
  .tox-collection--toolbar .tox-collection__item--active {
104 
    background-color: $gray-200;
105 
  }
106 
  .tox-collection--list .tox-collection__item--active {
107 
    background-color: $gray-200;
108 
  }
109 
  .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
110 
    color: $body-color;
111 
  }
112 
  .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
113 
    color: $body-color;
114 
  }
115 
 
116 
 
117 
  .tox-dialog-wrap__backdrop {
118 
    background-color: rgba(0,0,0,.75);
119 
  }
120 
  .tox-dialog,
121 
  .tox-dialog__header,
122 
  .tox-dialog__footer {
123 
    background-color: $input-bg;
124 
    border-color: $border-color;
125 
    color: $body-color;
126 
  }
127 
  .tox-button--secondary {
128 
    @extend .btn-secondary;
129 
  }
130 
  .tox-button {
131 
    @extend .btn;
132 
    &:not(.tox-button--naked):not(.tox-button--secondary) {
133 
      @extend .btn-primary;
134 
    }
135 
  }
136 
  .tox-button--secondary:hover:not(:disabled) {
137 
    background-color: $secondary;
138 
    border-color: $secondary;
139 
    color: $white;
140 
  }
141 
  .tox-button--naked:hover:not(:disabled) {
142 
    background-color: transparent;
143 
    border-color: transparent;
144 
  }
145 
  .tox-button--naked.tox-button--icon:hover:not(:disabled) {
146 
    color: lighten($body-color, 20%);
147 
  }
148 
  .tox-listboxfield .tox-listbox--select,
149 
  .tox-textarea,
150 
  .tox-textfield,
151 
  .tox-toolbar-textfield {
152 
    background-color: $input-bg;
153 
    border-color: $input-border-color;
154 
    color: $body-color;
155 
  }
156 
  .tox-listboxfield .tox-listbox--select:focus,
157 
  .tox-textarea:focus,
158 
  .tox-textfield:focus {
159 
    background-color: $input-bg;
160 
    border-color: $input-focus-border-color;
161 
  }
162 
  .tox-dialog__table tbody tr {
163 
    border-color: $border-color;
164 
  }
165 
  .tox-dialog__body {
166 
    color: $body-color;
167 
  }
168 
}