editor.scss 28 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063
  1. /**
  2. * Skipped minification because the original files appears to be already minified.
  3. * Original file: /npm/react-quill-new@3.4.6/dist/quill.snow.css
  4. *
  5. * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
  6. */
  7. /*!
  8. * Quill Editor v2.0.2
  9. * https://quilljs.com
  10. * Copyright (c) 2017-2024, Slab
  11. * Copyright (c) 2014, Jason Chen
  12. * Copyright (c) 2013, salesforce.com
  13. */
  14. .ql-container {
  15. box-sizing: border-box;
  16. font-family: Helvetica, Arial, sans-serif;
  17. font-size: 13px;
  18. height: 100%;
  19. margin: 0;
  20. position: relative;
  21. }
  22. .ql-container.ql-disabled .ql-tooltip {
  23. visibility: hidden;
  24. }
  25. .ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui,
  26. .ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {
  27. cursor: pointer;
  28. }
  29. .ql-clipboard {
  30. left: -100000px;
  31. height: 1px;
  32. overflow-y: hidden;
  33. position: absolute;
  34. top: 50%;
  35. }
  36. .ql-clipboard p {
  37. margin: 0;
  38. padding: 0;
  39. }
  40. .ql-editor {
  41. box-sizing: border-box;
  42. counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  43. line-height: 1.42;
  44. height: 100%;
  45. outline: none;
  46. overflow-y: auto;
  47. padding: 12px 15px;
  48. tab-size: 4;
  49. -moz-tab-size: 4;
  50. text-align: left;
  51. white-space: pre-wrap;
  52. word-wrap: break-word;
  53. }
  54. .ql-editor > * {
  55. cursor: text;
  56. }
  57. .ql-editor p,
  58. .ql-editor ol,
  59. .ql-editor pre,
  60. .ql-editor blockquote,
  61. .ql-editor h1,
  62. .ql-editor h2,
  63. .ql-editor h3,
  64. .ql-editor h4,
  65. .ql-editor h5,
  66. .ql-editor h6 {
  67. margin: 0;
  68. padding: 0;
  69. }
  70. @supports (counter-set: none) {
  71. .ql-editor p,
  72. .ql-editor h1,
  73. .ql-editor h2,
  74. .ql-editor h3,
  75. .ql-editor h4,
  76. .ql-editor h5,
  77. .ql-editor h6 {
  78. counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  79. }
  80. }
  81. @supports not (counter-set: none) {
  82. .ql-editor p,
  83. .ql-editor h1,
  84. .ql-editor h2,
  85. .ql-editor h3,
  86. .ql-editor h4,
  87. .ql-editor h5,
  88. .ql-editor h6 {
  89. counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  90. }
  91. }
  92. .ql-editor table {
  93. border-collapse: collapse;
  94. }
  95. .ql-editor td {
  96. border: 1px solid #000;
  97. padding: 2px 5px;
  98. }
  99. .ql-editor ol {
  100. padding-left: 1.5em;
  101. }
  102. .ql-editor li {
  103. list-style-type: none;
  104. padding-left: 1.5em;
  105. position: relative;
  106. }
  107. .ql-editor li > .ql-ui:before {
  108. display: inline-block;
  109. margin-left: -1.5em;
  110. margin-right: 0.3em;
  111. text-align: right;
  112. white-space: nowrap;
  113. width: 1.2em;
  114. }
  115. .ql-editor li[data-list="checked"] > .ql-ui,
  116. .ql-editor li[data-list="unchecked"] > .ql-ui {
  117. color: #777;
  118. }
  119. .ql-editor li[data-list="bullet"] > .ql-ui:before {
  120. content: "\2022";
  121. }
  122. .ql-editor li[data-list="checked"] > .ql-ui:before {
  123. content: "\2611";
  124. }
  125. .ql-editor li[data-list="unchecked"] > .ql-ui:before {
  126. content: "\2610";
  127. }
  128. @supports (counter-set: none) {
  129. .ql-editor li[data-list] {
  130. counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  131. }
  132. }
  133. @supports not (counter-set: none) {
  134. .ql-editor li[data-list] {
  135. counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  136. }
  137. }
  138. .ql-editor li[data-list="ordered"] {
  139. counter-increment: list-0;
  140. }
  141. .ql-editor li[data-list="ordered"] > .ql-ui:before {
  142. content: counter(list-0, decimal) ". ";
  143. }
  144. .ql-editor li[data-list="ordered"].ql-indent-1 {
  145. counter-increment: list-1;
  146. }
  147. .ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {
  148. content: counter(list-1, lower-alpha) ". ";
  149. }
  150. @supports (counter-set: none) {
  151. .ql-editor li[data-list].ql-indent-1 {
  152. counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  153. }
  154. }
  155. @supports not (counter-set: none) {
  156. .ql-editor li[data-list].ql-indent-1 {
  157. counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  158. }
  159. }
  160. .ql-editor li[data-list="ordered"].ql-indent-2 {
  161. counter-increment: list-2;
  162. }
  163. .ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {
  164. content: counter(list-2, lower-roman) ". ";
  165. }
  166. @supports (counter-set: none) {
  167. .ql-editor li[data-list].ql-indent-2 {
  168. counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  169. }
  170. }
  171. @supports not (counter-set: none) {
  172. .ql-editor li[data-list].ql-indent-2 {
  173. counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  174. }
  175. }
  176. .ql-editor li[data-list="ordered"].ql-indent-3 {
  177. counter-increment: list-3;
  178. }
  179. .ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {
  180. content: counter(list-3, decimal) ". ";
  181. }
  182. @supports (counter-set: none) {
  183. .ql-editor li[data-list].ql-indent-3 {
  184. counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  185. }
  186. }
  187. @supports not (counter-set: none) {
  188. .ql-editor li[data-list].ql-indent-3 {
  189. counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  190. }
  191. }
  192. .ql-editor li[data-list="ordered"].ql-indent-4 {
  193. counter-increment: list-4;
  194. }
  195. .ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {
  196. content: counter(list-4, lower-alpha) ". ";
  197. }
  198. @supports (counter-set: none) {
  199. .ql-editor li[data-list].ql-indent-4 {
  200. counter-set: list-5 list-6 list-7 list-8 list-9;
  201. }
  202. }
  203. @supports not (counter-set: none) {
  204. .ql-editor li[data-list].ql-indent-4 {
  205. counter-reset: list-5 list-6 list-7 list-8 list-9;
  206. }
  207. }
  208. .ql-editor li[data-list="ordered"].ql-indent-5 {
  209. counter-increment: list-5;
  210. }
  211. .ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {
  212. content: counter(list-5, lower-roman) ". ";
  213. }
  214. @supports (counter-set: none) {
  215. .ql-editor li[data-list].ql-indent-5 {
  216. counter-set: list-6 list-7 list-8 list-9;
  217. }
  218. }
  219. @supports not (counter-set: none) {
  220. .ql-editor li[data-list].ql-indent-5 {
  221. counter-reset: list-6 list-7 list-8 list-9;
  222. }
  223. }
  224. .ql-editor li[data-list="ordered"].ql-indent-6 {
  225. counter-increment: list-6;
  226. }
  227. .ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {
  228. content: counter(list-6, decimal) ". ";
  229. }
  230. @supports (counter-set: none) {
  231. .ql-editor li[data-list].ql-indent-6 {
  232. counter-set: list-7 list-8 list-9;
  233. }
  234. }
  235. @supports not (counter-set: none) {
  236. .ql-editor li[data-list].ql-indent-6 {
  237. counter-reset: list-7 list-8 list-9;
  238. }
  239. }
  240. .ql-editor li[data-list="ordered"].ql-indent-7 {
  241. counter-increment: list-7;
  242. }
  243. .ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {
  244. content: counter(list-7, lower-alpha) ". ";
  245. }
  246. @supports (counter-set: none) {
  247. .ql-editor li[data-list].ql-indent-7 {
  248. counter-set: list-8 list-9;
  249. }
  250. }
  251. @supports not (counter-set: none) {
  252. .ql-editor li[data-list].ql-indent-7 {
  253. counter-reset: list-8 list-9;
  254. }
  255. }
  256. .ql-editor li[data-list="ordered"].ql-indent-8 {
  257. counter-increment: list-8;
  258. }
  259. .ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {
  260. content: counter(list-8, lower-roman) ". ";
  261. }
  262. @supports (counter-set: none) {
  263. .ql-editor li[data-list].ql-indent-8 {
  264. counter-set: list-9;
  265. }
  266. }
  267. @supports not (counter-set: none) {
  268. .ql-editor li[data-list].ql-indent-8 {
  269. counter-reset: list-9;
  270. }
  271. }
  272. .ql-editor li[data-list="ordered"].ql-indent-9 {
  273. counter-increment: list-9;
  274. }
  275. .ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {
  276. content: counter(list-9, decimal) ". ";
  277. }
  278. .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  279. padding-left: 3em;
  280. }
  281. .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  282. padding-left: 4.5em;
  283. }
  284. .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  285. padding-right: 3em;
  286. }
  287. .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  288. padding-right: 4.5em;
  289. }
  290. .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  291. padding-left: 6em;
  292. }
  293. .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  294. padding-left: 7.5em;
  295. }
  296. .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  297. padding-right: 6em;
  298. }
  299. .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  300. padding-right: 7.5em;
  301. }
  302. .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  303. padding-left: 9em;
  304. }
  305. .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  306. padding-left: 10.5em;
  307. }
  308. .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  309. padding-right: 9em;
  310. }
  311. .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  312. padding-right: 10.5em;
  313. }
  314. .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  315. padding-left: 12em;
  316. }
  317. .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  318. padding-left: 13.5em;
  319. }
  320. .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  321. padding-right: 12em;
  322. }
  323. .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  324. padding-right: 13.5em;
  325. }
  326. .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  327. padding-left: 15em;
  328. }
  329. .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  330. padding-left: 16.5em;
  331. }
  332. .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  333. padding-right: 15em;
  334. }
  335. .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  336. padding-right: 16.5em;
  337. }
  338. .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  339. padding-left: 18em;
  340. }
  341. .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  342. padding-left: 19.5em;
  343. }
  344. .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  345. padding-right: 18em;
  346. }
  347. .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  348. padding-right: 19.5em;
  349. }
  350. .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  351. padding-left: 21em;
  352. }
  353. .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  354. padding-left: 22.5em;
  355. }
  356. .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  357. padding-right: 21em;
  358. }
  359. .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  360. padding-right: 22.5em;
  361. }
  362. .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  363. padding-left: 24em;
  364. }
  365. .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  366. padding-left: 25.5em;
  367. }
  368. .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  369. padding-right: 24em;
  370. }
  371. .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  372. padding-right: 25.5em;
  373. }
  374. .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  375. padding-left: 27em;
  376. }
  377. .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  378. padding-left: 28.5em;
  379. }
  380. .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  381. padding-right: 27em;
  382. }
  383. .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  384. padding-right: 28.5em;
  385. }
  386. .ql-editor li.ql-direction-rtl {
  387. padding-right: 1.5em;
  388. }
  389. .ql-editor li.ql-direction-rtl > .ql-ui:before {
  390. margin-left: 0.3em;
  391. margin-right: -1.5em;
  392. text-align: left;
  393. }
  394. .ql-editor table {
  395. table-layout: fixed;
  396. width: 100%;
  397. }
  398. .ql-editor table td {
  399. outline: none;
  400. }
  401. .ql-editor .ql-code-block-container {
  402. font-family: monospace;
  403. }
  404. .ql-editor .ql-video {
  405. display: block;
  406. max-width: 100%;
  407. }
  408. .ql-editor .ql-video.ql-align-center {
  409. margin: 0 auto;
  410. }
  411. .ql-editor .ql-video.ql-align-right {
  412. margin: 0 0 0 auto;
  413. }
  414. .ql-editor .ql-bg-black {
  415. background-color: #000;
  416. }
  417. .ql-editor .ql-bg-red {
  418. background-color: #e60000;
  419. }
  420. .ql-editor .ql-bg-orange {
  421. background-color: #f90;
  422. }
  423. .ql-editor .ql-bg-yellow {
  424. background-color: #ff0;
  425. }
  426. .ql-editor .ql-bg-green {
  427. background-color: #008a00;
  428. }
  429. .ql-editor .ql-bg-blue {
  430. background-color: #06c;
  431. }
  432. .ql-editor .ql-bg-purple {
  433. background-color: #93f;
  434. }
  435. .ql-editor .ql-color-white {
  436. color: #fff;
  437. }
  438. .ql-editor .ql-color-red {
  439. color: #e60000;
  440. }
  441. .ql-editor .ql-color-orange {
  442. color: #f90;
  443. }
  444. .ql-editor .ql-color-yellow {
  445. color: #ff0;
  446. }
  447. .ql-editor .ql-color-green {
  448. color: #008a00;
  449. }
  450. .ql-editor .ql-color-blue {
  451. color: #06c;
  452. }
  453. .ql-editor .ql-color-purple {
  454. color: #93f;
  455. }
  456. .ql-editor .ql-font-serif {
  457. font-family:
  458. Georgia,
  459. Times New Roman,
  460. serif;
  461. }
  462. .ql-editor .ql-font-monospace {
  463. font-family:
  464. Monaco,
  465. Courier New,
  466. monospace;
  467. }
  468. .ql-editor .ql-size-small {
  469. font-size: 0.75em;
  470. }
  471. .ql-editor .ql-size-large {
  472. font-size: 1.5em;
  473. }
  474. .ql-editor .ql-size-huge {
  475. font-size: 2.5em;
  476. }
  477. .ql-editor .ql-direction-rtl {
  478. direction: rtl;
  479. text-align: inherit;
  480. }
  481. .ql-editor .ql-align-center {
  482. text-align: center;
  483. }
  484. .ql-editor .ql-align-justify {
  485. text-align: justify;
  486. }
  487. .ql-editor .ql-align-right {
  488. text-align: right;
  489. }
  490. .ql-editor .ql-ui {
  491. position: absolute;
  492. }
  493. .ql-editor.ql-blank::before {
  494. color: rgba(0, 0, 0, 0.6);
  495. content: attr(data-placeholder);
  496. font-style: italic;
  497. left: 15px;
  498. pointer-events: none;
  499. position: absolute;
  500. right: 15px;
  501. }
  502. .ql-snow.ql-toolbar:after,
  503. .ql-snow .ql-toolbar:after {
  504. clear: both;
  505. content: "";
  506. display: table;
  507. }
  508. .ql-snow.ql-toolbar button,
  509. .ql-snow .ql-toolbar button {
  510. background: none;
  511. border: none;
  512. cursor: pointer;
  513. display: inline-block;
  514. float: left;
  515. height: 24px;
  516. padding: 3px 5px;
  517. width: 28px;
  518. }
  519. .ql-snow.ql-toolbar button svg,
  520. .ql-snow .ql-toolbar button svg {
  521. float: left;
  522. height: 100%;
  523. }
  524. .ql-snow.ql-toolbar button:active:hover,
  525. .ql-snow .ql-toolbar button:active:hover {
  526. outline: none;
  527. }
  528. .ql-snow.ql-toolbar input.ql-image[type="file"],
  529. .ql-snow .ql-toolbar input.ql-image[type="file"] {
  530. display: none;
  531. }
  532. .ql-snow.ql-toolbar button:hover,
  533. .ql-snow .ql-toolbar button:hover,
  534. .ql-snow.ql-toolbar button:focus,
  535. .ql-snow .ql-toolbar button:focus,
  536. .ql-snow.ql-toolbar button.ql-active,
  537. .ql-snow .ql-toolbar button.ql-active,
  538. .ql-snow.ql-toolbar .ql-picker-label:hover,
  539. .ql-snow .ql-toolbar .ql-picker-label:hover,
  540. .ql-snow.ql-toolbar .ql-picker-label.ql-active,
  541. .ql-snow .ql-toolbar .ql-picker-label.ql-active,
  542. .ql-snow.ql-toolbar .ql-picker-item:hover,
  543. .ql-snow .ql-toolbar .ql-picker-item:hover,
  544. .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
  545. .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  546. color: #06c;
  547. }
  548. .ql-snow.ql-toolbar button:hover .ql-fill,
  549. .ql-snow .ql-toolbar button:hover .ql-fill,
  550. .ql-snow.ql-toolbar button:focus .ql-fill,
  551. .ql-snow .ql-toolbar button:focus .ql-fill,
  552. .ql-snow.ql-toolbar button.ql-active .ql-fill,
  553. .ql-snow .ql-toolbar button.ql-active .ql-fill,
  554. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
  555. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
  556. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  557. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  558. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
  559. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
  560. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  561. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  562. .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
  563. .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
  564. .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
  565. .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
  566. .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  567. .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  568. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  569. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  570. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  571. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  572. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  573. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  574. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  575. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  576. fill: #06c;
  577. }
  578. .ql-snow.ql-toolbar button:hover .ql-stroke,
  579. .ql-snow .ql-toolbar button:hover .ql-stroke,
  580. .ql-snow.ql-toolbar button:focus .ql-stroke,
  581. .ql-snow .ql-toolbar button:focus .ql-stroke,
  582. .ql-snow.ql-toolbar button.ql-active .ql-stroke,
  583. .ql-snow .ql-toolbar button.ql-active .ql-stroke,
  584. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
  585. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
  586. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  587. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  588. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
  589. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
  590. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  591. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  592. .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
  593. .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
  594. .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
  595. .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
  596. .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
  597. .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
  598. .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  599. .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  600. .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  601. .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  602. .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  603. .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  604. .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  605. .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  606. stroke: #06c;
  607. }
  608. @media (pointer: coarse) {
  609. .ql-snow.ql-toolbar button:hover:not(.ql-active),
  610. .ql-snow .ql-toolbar button:hover:not(.ql-active) {
  611. color: #444;
  612. }
  613. .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  614. .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  615. .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  616. .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
  617. fill: #444;
  618. }
  619. .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  620. .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  621. .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  622. .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
  623. stroke: #444;
  624. }
  625. }
  626. .ql-snow {
  627. box-sizing: border-box;
  628. }
  629. .ql-snow * {
  630. box-sizing: border-box;
  631. }
  632. .ql-snow .ql-hidden {
  633. display: none;
  634. }
  635. .ql-snow .ql-out-bottom,
  636. .ql-snow .ql-out-top {
  637. visibility: hidden;
  638. }
  639. .ql-snow .ql-tooltip {
  640. position: absolute;
  641. transform: translateY(10px);
  642. }
  643. .ql-snow .ql-tooltip a {
  644. cursor: pointer;
  645. text-decoration: none;
  646. }
  647. .ql-snow .ql-tooltip.ql-flip {
  648. transform: translateY(-10px);
  649. }
  650. .ql-snow .ql-formats {
  651. display: inline-block;
  652. vertical-align: middle;
  653. }
  654. .ql-snow .ql-formats:after {
  655. clear: both;
  656. content: "";
  657. display: table;
  658. }
  659. .ql-snow .ql-stroke {
  660. fill: none;
  661. stroke: #444;
  662. stroke-linecap: round;
  663. stroke-linejoin: round;
  664. stroke-width: 2;
  665. }
  666. .ql-snow .ql-stroke-miter {
  667. fill: none;
  668. stroke: #444;
  669. stroke-miterlimit: 10;
  670. stroke-width: 2;
  671. }
  672. .ql-snow .ql-fill,
  673. .ql-snow .ql-stroke.ql-fill {
  674. fill: #444;
  675. }
  676. .ql-snow .ql-empty {
  677. fill: none;
  678. }
  679. .ql-snow .ql-even {
  680. fill-rule: evenodd;
  681. }
  682. .ql-snow .ql-thin,
  683. .ql-snow .ql-stroke.ql-thin {
  684. stroke-width: 1;
  685. }
  686. .ql-snow .ql-transparent {
  687. opacity: 0.4;
  688. }
  689. .ql-snow .ql-direction svg:last-child {
  690. display: none;
  691. }
  692. .ql-snow .ql-direction.ql-active svg:last-child {
  693. display: inline;
  694. }
  695. .ql-snow .ql-direction.ql-active svg:first-child {
  696. display: none;
  697. }
  698. .ql-snow .ql-editor h1 {
  699. font-size: 2em;
  700. }
  701. .ql-snow .ql-editor h2 {
  702. font-size: 1.5em;
  703. }
  704. .ql-snow .ql-editor h3 {
  705. font-size: 1.17em;
  706. }
  707. .ql-snow .ql-editor h4 {
  708. font-size: 1em;
  709. }
  710. .ql-snow .ql-editor h5 {
  711. font-size: 0.83em;
  712. }
  713. .ql-snow .ql-editor h6 {
  714. font-size: 0.67em;
  715. }
  716. .ql-snow .ql-editor a {
  717. text-decoration: underline;
  718. }
  719. .ql-snow .ql-editor blockquote {
  720. border-left: 4px solid #ccc;
  721. margin-bottom: 5px;
  722. margin-top: 5px;
  723. padding-left: 16px;
  724. }
  725. .ql-snow .ql-editor code,
  726. .ql-snow .ql-editor .ql-code-block-container {
  727. background-color: #f0f0f0;
  728. border-radius: 3px;
  729. }
  730. .ql-snow .ql-editor .ql-code-block-container {
  731. margin-bottom: 5px;
  732. margin-top: 5px;
  733. padding: 5px 10px;
  734. }
  735. .ql-snow .ql-editor code {
  736. font-size: 85%;
  737. padding: 2px 4px;
  738. }
  739. .ql-snow .ql-editor .ql-code-block-container {
  740. background-color: #23241f;
  741. color: #f8f8f2;
  742. overflow: visible;
  743. }
  744. .ql-snow .ql-editor img {
  745. max-width: 100%;
  746. }
  747. .ql-snow .ql-picker {
  748. color: #444;
  749. display: inline-block;
  750. float: left;
  751. font-size: 14px;
  752. font-weight: 500;
  753. height: 24px;
  754. position: relative;
  755. vertical-align: middle;
  756. }
  757. .ql-snow .ql-picker-label {
  758. cursor: pointer;
  759. display: inline-block;
  760. height: 100%;
  761. padding-left: 8px;
  762. padding-right: 2px;
  763. position: relative;
  764. width: 100%;
  765. }
  766. .ql-snow .ql-picker-label::before {
  767. display: inline-block;
  768. line-height: 22px;
  769. }
  770. .ql-snow .ql-picker-options {
  771. background-color: #fff;
  772. display: none;
  773. min-width: 100%;
  774. padding: 4px 8px;
  775. position: absolute;
  776. white-space: nowrap;
  777. }
  778. .ql-snow .ql-picker-options .ql-picker-item {
  779. cursor: pointer;
  780. display: block;
  781. padding-bottom: 5px;
  782. padding-top: 5px;
  783. }
  784. .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  785. color: #ccc;
  786. z-index: 2;
  787. }
  788. .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  789. fill: #ccc;
  790. }
  791. .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  792. stroke: #ccc;
  793. }
  794. .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  795. display: block;
  796. margin-top: -1px;
  797. top: 100%;
  798. z-index: 1;
  799. }
  800. .ql-snow .ql-color-picker,
  801. .ql-snow .ql-icon-picker {
  802. width: 28px;
  803. }
  804. .ql-snow .ql-color-picker .ql-picker-label,
  805. .ql-snow .ql-icon-picker .ql-picker-label {
  806. padding: 2px 4px;
  807. }
  808. .ql-snow .ql-color-picker .ql-picker-label svg,
  809. .ql-snow .ql-icon-picker .ql-picker-label svg {
  810. right: 4px;
  811. }
  812. .ql-snow .ql-icon-picker .ql-picker-options {
  813. padding: 4px 0;
  814. }
  815. .ql-snow .ql-icon-picker .ql-picker-item {
  816. height: 24px;
  817. width: 24px;
  818. padding: 2px 4px;
  819. }
  820. .ql-snow .ql-color-picker .ql-picker-options {
  821. padding: 3px 5px;
  822. width: 152px;
  823. }
  824. .ql-snow .ql-color-picker .ql-picker-item {
  825. border: 1px solid transparent;
  826. float: left;
  827. height: 16px;
  828. margin: 2px;
  829. padding: 0;
  830. width: 16px;
  831. }
  832. .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  833. position: absolute;
  834. margin-top: -9px;
  835. right: 0;
  836. top: 50%;
  837. width: 18px;
  838. }
  839. .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
  840. .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
  841. .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
  842. .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
  843. .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
  844. .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  845. content: attr(data-label);
  846. }
  847. .ql-snow .ql-picker.ql-header {
  848. width: 98px;
  849. }
  850. .ql-snow .ql-picker.ql-header .ql-picker-label::before,
  851. .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  852. content: "Normal";
  853. }
  854. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  855. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  856. content: "Heading 1";
  857. }
  858. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  859. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  860. content: "Heading 2";
  861. }
  862. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  863. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  864. content: "Heading 3";
  865. }
  866. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  867. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  868. content: "Heading 4";
  869. }
  870. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  871. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  872. content: "Heading 5";
  873. }
  874. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  875. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  876. content: "Heading 6";
  877. }
  878. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  879. font-size: 2em;
  880. }
  881. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  882. font-size: 1.5em;
  883. }
  884. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  885. font-size: 1.17em;
  886. }
  887. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  888. font-size: 1em;
  889. }
  890. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  891. font-size: 0.83em;
  892. }
  893. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  894. font-size: 0.67em;
  895. }
  896. .ql-snow .ql-picker.ql-font {
  897. width: 108px;
  898. }
  899. .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  900. .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  901. content: "Sans Serif";
  902. }
  903. .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
  904. .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
  905. content: "Serif";
  906. }
  907. .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
  908. .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
  909. content: "Monospace";
  910. }
  911. .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
  912. font-family:
  913. Georgia,
  914. Times New Roman,
  915. serif;
  916. }
  917. .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
  918. font-family:
  919. Monaco,
  920. Courier New,
  921. monospace;
  922. }
  923. .ql-snow .ql-picker.ql-size {
  924. width: 98px;
  925. }
  926. .ql-snow .ql-picker.ql-size .ql-picker-label::before,
  927. .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  928. content: "Normal";
  929. }
  930. .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
  931. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
  932. content: "Small";
  933. }
  934. .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
  935. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
  936. content: "Large";
  937. }
  938. .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
  939. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
  940. content: "Huge";
  941. }
  942. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
  943. font-size: 10px;
  944. }
  945. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
  946. font-size: 18px;
  947. }
  948. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
  949. font-size: 32px;
  950. }
  951. .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  952. background-color: #fff;
  953. }
  954. .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  955. background-color: #000;
  956. }
  957. .ql-code-block-container {
  958. position: relative;
  959. }
  960. .ql-code-block-container .ql-ui {
  961. right: 5px;
  962. top: 5px;
  963. }
  964. .ql-toolbar.ql-snow {
  965. border: 1px solid #ccc;
  966. box-sizing: border-box;
  967. font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  968. padding: 8px;
  969. }
  970. .ql-toolbar.ql-snow .ql-formats {
  971. margin-right: 15px;
  972. }
  973. .ql-toolbar.ql-snow .ql-picker-label {
  974. border: 1px solid transparent;
  975. }
  976. .ql-toolbar.ql-snow .ql-picker-options {
  977. border: 1px solid transparent;
  978. box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  979. }
  980. .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  981. border-color: #ccc;
  982. }
  983. .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  984. border-color: #ccc;
  985. }
  986. .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
  987. .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  988. border-color: #000;
  989. }
  990. .ql-toolbar.ql-snow + .ql-container.ql-snow {
  991. border-top: 0;
  992. }
  993. .ql-snow .ql-tooltip {
  994. background-color: #fff;
  995. border: 1px solid #ccc;
  996. box-shadow: 0 0 5px #ddd;
  997. color: #444;
  998. padding: 5px 12px;
  999. white-space: nowrap;
  1000. }
  1001. .ql-snow .ql-tooltip::before {
  1002. content: "Visit URL:";
  1003. line-height: 26px;
  1004. margin-right: 8px;
  1005. }
  1006. .ql-snow .ql-tooltip input[type="text"] {
  1007. display: none;
  1008. border: 1px solid #ccc;
  1009. font-size: 13px;
  1010. height: 26px;
  1011. margin: 0;
  1012. padding: 3px 5px;
  1013. width: 170px;
  1014. }
  1015. .ql-snow .ql-tooltip a.ql-preview {
  1016. display: inline-block;
  1017. max-width: 200px;
  1018. overflow-x: hidden;
  1019. text-overflow: ellipsis;
  1020. vertical-align: top;
  1021. }
  1022. .ql-snow .ql-tooltip a.ql-action::after {
  1023. border-right: 1px solid #ccc;
  1024. content: "Edit";
  1025. margin-left: 16px;
  1026. padding-right: 8px;
  1027. }
  1028. .ql-snow .ql-tooltip a.ql-remove::before {
  1029. content: "Remove";
  1030. margin-left: 8px;
  1031. }
  1032. .ql-snow .ql-tooltip a {
  1033. line-height: 26px;
  1034. }
  1035. .ql-snow .ql-tooltip.ql-editing a.ql-preview,
  1036. .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  1037. display: none;
  1038. }
  1039. .ql-snow .ql-tooltip.ql-editing input[type="text"] {
  1040. display: inline-block;
  1041. }
  1042. .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  1043. border-right: 0;
  1044. content: "Save";
  1045. padding-right: 0;
  1046. }
  1047. .ql-snow .ql-tooltip[data-mode="link"]::before {
  1048. content: "Enter link:";
  1049. }
  1050. .ql-snow .ql-tooltip[data-mode="formula"]::before {
  1051. content: "Enter formula:";
  1052. }
  1053. .ql-snow .ql-tooltip[data-mode="video"]::before {
  1054. content: "Enter video:";
  1055. }
  1056. .ql-snow a {
  1057. color: #06c;
  1058. }
  1059. .ql-container.ql-snow {
  1060. border: 1px solid #ccc;
  1061. }
  1062. /*# sourceMappingURL=quill.snow.css.map*/