Laclic
/
ActesCitoyens
Наблюдаван 4
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
14 Ревизии
3 Клонове
ИН на ревизия: 785c411f98
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от '785c411f98'
${ noResults }
ActesCitoyens/public/assets/semantic/components/popup.css

753 lines
16KB
Директен файл Blame История 

  1. /*!

  2.  * # Semantic UI 2.4.0 - Popup

  3.  * http://github.com/semantic-org/semantic-ui/

  4.  *

  5.  *

  6.  * Released under the MIT license

  7.  * http://opensource.org/licenses/MIT

  8.  *

  9.  */

  10. 

  11. 

  12. /*******************************

  13.             Popup

  14. *******************************/

  15. 

  16. .ui.popup {

  17.   display: none;

  18.   position: absolute;

  19.   top: 0px;

  20.   right: 0px;

  21.   

  22. /* Fixes content being squished when inline (moz only) */

  23.   min-width: -webkit-min-content;

  24.   min-width: -moz-min-content;

  25.   min-width: min-content;

  26.   z-index: 1900;

  27.   border: 1px solid #D4D4D5;

  28.   line-height: 1.4285em;

  29.   max-width: 250px;

  30.   background: #FFFFFF;

  31.   padding: 0.833em 1em;

  32.   font-weight: normal;

  33.   font-style: normal;

  34.   color: rgba(0, 0, 0, 0.87);

  35.   border-radius: 0.28571429rem;

  36.   -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  37.           box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  38. }

  39. .ui.popup > .header {

  40.   padding: 0em;

  41.   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;

  42.   font-size: 1.14285714em;

  43.   line-height: 1.2;

  44.   font-weight: bold;

  45. }

  46. .ui.popup > .header + .content {

  47.   padding-top: 0.5em;

  48. }

  49. .ui.popup:before {

  50.   position: absolute;

  51.   content: '';

  52.   width: 0.71428571em;

  53.   height: 0.71428571em;

  54.   background: #FFFFFF;

  55.   -webkit-transform: rotate(45deg);

  56.           transform: rotate(45deg);

  57.   z-index: 2;

  58.   -webkit-box-shadow: 1px 1px 0px 0px #bababc;

  59.           box-shadow: 1px 1px 0px 0px #bababc;

  60. }

  61. 

  62. 

  63. /*******************************

  64.             Types

  65. *******************************/

  66. 

  67. 

  68. /*--------------

  69.     Tooltip

  70. ---------------*/

  71. 

  72. 

  73. /* Content */

  74. [data-tooltip] {

  75.   position: relative;

  76. }

  77. 

  78. /* Arrow */

  79. [data-tooltip]:before {

  80.   pointer-events: none;

  81.   position: absolute;

  82.   content: '';

  83.   font-size: 1rem;

  84.   width: 0.71428571em;

  85.   height: 0.71428571em;

  86.   background: #FFFFFF;

  87.   -webkit-transform: rotate(45deg);

  88.           transform: rotate(45deg);

  89.   z-index: 2;

  90.   -webkit-box-shadow: 1px 1px 0px 0px #bababc;

  91.           box-shadow: 1px 1px 0px 0px #bababc;

  92. }

  93. 

  94. /* Popup */

  95. [data-tooltip]:after {

  96.   pointer-events: none;

  97.   content: attr(data-tooltip);

  98.   position: absolute;

  99.   text-transform: none;

  100.   text-align: left;

  101.   white-space: nowrap;

  102.   font-size: 1rem;

  103.   border: 1px solid #D4D4D5;

  104.   line-height: 1.4285em;

  105.   max-width: none;

  106.   background: #FFFFFF;

  107.   padding: 0.833em 1em;

  108.   font-weight: normal;

  109.   font-style: normal;

  110.   color: rgba(0, 0, 0, 0.87);

  111.   border-radius: 0.28571429rem;

  112.   -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  113.           box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);

  114.   z-index: 1;

  115. }

  116. 

  117. /* Default Position (Top Center) */

  118. [data-tooltip]:not([data-position]):before {

  119.   top: auto;

  120.   right: auto;

  121.   bottom: 100%;

  122.   left: 50%;

  123.   background: #FFFFFF;

  124.   margin-left: -0.07142857rem;

  125.   margin-bottom: 0.14285714rem;

  126. }

  127. [data-tooltip]:not([data-position]):after {

  128.   left: 50%;

  129.   -webkit-transform: translateX(-50%);

  130.           transform: translateX(-50%);

  131.   bottom: 100%;

  132.   margin-bottom: 0.5em;

  133. }

  134. 

  135. /* Animation */

  136. [data-tooltip]:before,

  137. [data-tooltip]:after {

  138.   pointer-events: none;

  139.   visibility: hidden;

  140. }

  141. [data-tooltip]:before {

  142.   opacity: 0;

  143.   -webkit-transform: rotate(45deg) scale(0) !important;

  144.           transform: rotate(45deg) scale(0) !important;

  145.   -webkit-transform-origin: center top;

  146.           transform-origin: center top;

  147.   -webkit-transition: all 0.1s ease;

  148.   transition: all 0.1s ease;

  149. }

  150. [data-tooltip]:after {

  151.   opacity: 1;

  152.   -webkit-transform-origin: center bottom;

  153.           transform-origin: center bottom;

  154.   -webkit-transition: all 0.1s ease;

  155.   transition: all 0.1s ease;

  156. }

  157. [data-tooltip]:hover:before,

  158. [data-tooltip]:hover:after {

  159.   visibility: visible;

  160.   pointer-events: auto;

  161. }

  162. [data-tooltip]:hover:before {

  163.   -webkit-transform: rotate(45deg) scale(1) !important;

  164.           transform: rotate(45deg) scale(1) !important;

  165.   opacity: 1;

  166. }

  167. 

  168. /* Animation Position */

  169. [data-tooltip]:after,

  170. [data-tooltip][data-position="top center"]:after,

  171. [data-tooltip][data-position="bottom center"]:after {

  172.   -webkit-transform: translateX(-50%) scale(0) !important;

  173.           transform: translateX(-50%) scale(0) !important;

  174. }

  175. [data-tooltip]:hover:after,

  176. [data-tooltip][data-position="bottom center"]:hover:after {

  177.   -webkit-transform: translateX(-50%) scale(1) !important;

  178.           transform: translateX(-50%) scale(1) !important;

  179. }

  180. [data-tooltip][data-position="left center"]:after,

  181. [data-tooltip][data-position="right center"]:after {

  182.   -webkit-transform: translateY(-50%) scale(0) !important;

  183.           transform: translateY(-50%) scale(0) !important;

  184. }

  185. [data-tooltip][data-position="left center"]:hover:after,

  186. [data-tooltip][data-position="right center"]:hover:after {

  187.   -webkit-transform: translateY(-50%) scale(1) !important;

  188.           transform: translateY(-50%) scale(1) !important;

  189. }

  190. [data-tooltip][data-position="top left"]:after,

  191. [data-tooltip][data-position="top right"]:after,

  192. [data-tooltip][data-position="bottom left"]:after,

  193. [data-tooltip][data-position="bottom right"]:after {

  194.   -webkit-transform: scale(0) !important;

  195.           transform: scale(0) !important;

  196. }

  197. [data-tooltip][data-position="top left"]:hover:after,

  198. [data-tooltip][data-position="top right"]:hover:after,

  199. [data-tooltip][data-position="bottom left"]:hover:after,

  200. [data-tooltip][data-position="bottom right"]:hover:after {

  201.   -webkit-transform: scale(1) !important;

  202.           transform: scale(1) !important;

  203. }

  204. 

  205. /*--------------

  206.     Inverted

  207. ---------------*/

  208. 

  209. 

  210. /* Arrow */

  211. [data-tooltip][data-inverted]:before {

  212.   -webkit-box-shadow: none !important;

  213.           box-shadow: none !important;

  214. }

  215. 

  216. /* Arrow Position */

  217. [data-tooltip][data-inverted]:before {

  218.   background: #1B1C1D;

  219. }

  220. 

  221. /* Popup  */

  222. [data-tooltip][data-inverted]:after {

  223.   background: #1B1C1D;

  224.   color: #FFFFFF;

  225.   border: none;

  226.   -webkit-box-shadow: none;

  227.           box-shadow: none;

  228. }

  229. [data-tooltip][data-inverted]:after .header {

  230.   background-color: none;

  231.   color: #FFFFFF;

  232. }

  233. 

  234. /*--------------

  235.     Position

  236. ---------------*/

  237. 

  238. 

  239. /* Top Center */

  240. [data-position="top center"][data-tooltip]:after {

  241.   top: auto;

  242.   right: auto;

  243.   left: 50%;

  244.   bottom: 100%;

  245.   -webkit-transform: translateX(-50%);

  246.           transform: translateX(-50%);

  247.   margin-bottom: 0.5em;

  248. }

  249. [data-position="top center"][data-tooltip]:before {

  250.   top: auto;

  251.   right: auto;

  252.   bottom: 100%;

  253.   left: 50%;

  254.   background: #FFFFFF;

  255.   margin-left: -0.07142857rem;

  256.   margin-bottom: 0.14285714rem;

  257. }

  258. 

  259. /* Top Left */

  260. [data-position="top left"][data-tooltip]:after {

  261.   top: auto;

  262.   right: auto;

  263.   left: 0;

  264.   bottom: 100%;

  265.   margin-bottom: 0.5em;

  266. }

  267. [data-position="top left"][data-tooltip]:before {

  268.   top: auto;

  269.   right: auto;

  270.   bottom: 100%;

  271.   left: 1em;

  272.   margin-left: -0.07142857rem;

  273.   margin-bottom: 0.14285714rem;

  274. }

  275. 

  276. /* Top Right */

  277. [data-position="top right"][data-tooltip]:after {

  278.   top: auto;

  279.   left: auto;

  280.   right: 0;

  281.   bottom: 100%;

  282.   margin-bottom: 0.5em;

  283. }

  284. [data-position="top right"][data-tooltip]:before {

  285.   top: auto;

  286.   left: auto;

  287.   bottom: 100%;

  288.   right: 1em;

  289.   margin-left: -0.07142857rem;

  290.   margin-bottom: 0.14285714rem;

  291. }

  292. 

  293. /* Bottom Center */

  294. [data-position="bottom center"][data-tooltip]:after {

  295.   bottom: auto;

  296.   right: auto;

  297.   left: 50%;

  298.   top: 100%;

  299.   -webkit-transform: translateX(-50%);

  300.           transform: translateX(-50%);

  301.   margin-top: 0.5em;

  302. }

  303. [data-position="bottom center"][data-tooltip]:before {

  304.   bottom: auto;

  305.   right: auto;

  306.   top: 100%;

  307.   left: 50%;

  308.   margin-left: -0.07142857rem;

  309.   margin-top: 0.14285714rem;

  310. }

  311. 

  312. /* Bottom Left */

  313. [data-position="bottom left"][data-tooltip]:after {

  314.   left: 0;

  315.   top: 100%;

  316.   margin-top: 0.5em;

  317. }

  318. [data-position="bottom left"][data-tooltip]:before {

  319.   bottom: auto;

  320.   right: auto;

  321.   top: 100%;

  322.   left: 1em;

  323.   margin-left: -0.07142857rem;

  324.   margin-top: 0.14285714rem;

  325. }

  326. 

  327. /* Bottom Right */

  328. [data-position="bottom right"][data-tooltip]:after {

  329.   right: 0;

  330.   top: 100%;

  331.   margin-top: 0.5em;

  332. }

  333. [data-position="bottom right"][data-tooltip]:before {

  334.   bottom: auto;

  335.   left: auto;

  336.   top: 100%;

  337.   right: 1em;

  338.   margin-left: -0.14285714rem;

  339.   margin-top: 0.07142857rem;

  340. }

  341. 

  342. /* Left Center */

  343. [data-position="left center"][data-tooltip]:after {

  344.   right: 100%;

  345.   top: 50%;

  346.   margin-right: 0.5em;

  347.   -webkit-transform: translateY(-50%);

  348.           transform: translateY(-50%);

  349. }

  350. [data-position="left center"][data-tooltip]:before {

  351.   right: 100%;

  352.   top: 50%;

  353.   margin-top: -0.14285714rem;

  354.   margin-right: -0.07142857rem;

  355. }

  356. 

  357. /* Right Center */

  358. [data-position="right center"][data-tooltip]:after {

  359.   left: 100%;

  360.   top: 50%;

  361.   margin-left: 0.5em;

  362.   -webkit-transform: translateY(-50%);

  363.           transform: translateY(-50%);

  364. }

  365. [data-position="right center"][data-tooltip]:before {

  366.   left: 100%;

  367.   top: 50%;

  368.   margin-top: -0.07142857rem;

  369.   margin-left: 0.14285714rem;

  370. }

  371. 

  372. /* Arrow */

  373. [data-position~="bottom"][data-tooltip]:before {

  374.   background: #FFFFFF;

  375.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  376.           box-shadow: -1px -1px 0px 0px #bababc;

  377. }

  378. [data-position="left center"][data-tooltip]:before {

  379.   background: #FFFFFF;

  380.   -webkit-box-shadow: 1px -1px 0px 0px #bababc;

  381.           box-shadow: 1px -1px 0px 0px #bababc;

  382. }

  383. [data-position="right center"][data-tooltip]:before {

  384.   background: #FFFFFF;

  385.   -webkit-box-shadow: -1px 1px 0px 0px #bababc;

  386.           box-shadow: -1px 1px 0px 0px #bababc;

  387. }

  388. [data-position~="top"][data-tooltip]:before {

  389.   background: #FFFFFF;

  390. }

  391. 

  392. /* Inverted Arrow Color */

  393. [data-inverted][data-position~="bottom"][data-tooltip]:before {

  394.   background: #1B1C1D;

  395.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  396.           box-shadow: -1px -1px 0px 0px #bababc;

  397. }

  398. [data-inverted][data-position="left center"][data-tooltip]:before {

  399.   background: #1B1C1D;

  400.   -webkit-box-shadow: 1px -1px 0px 0px #bababc;

  401.           box-shadow: 1px -1px 0px 0px #bababc;

  402. }

  403. [data-inverted][data-position="right center"][data-tooltip]:before {

  404.   background: #1B1C1D;

  405.   -webkit-box-shadow: -1px 1px 0px 0px #bababc;

  406.           box-shadow: -1px 1px 0px 0px #bababc;

  407. }

  408. [data-inverted][data-position~="top"][data-tooltip]:before {

  409.   background: #1B1C1D;

  410. }

  411. [data-position~="bottom"][data-tooltip]:before {

  412.   -webkit-transform-origin: center bottom;

  413.           transform-origin: center bottom;

  414. }

  415. [data-position~="bottom"][data-tooltip]:after {

  416.   -webkit-transform-origin: center top;

  417.           transform-origin: center top;

  418. }

  419. [data-position="left center"][data-tooltip]:before {

  420.   -webkit-transform-origin: top center;

  421.           transform-origin: top center;

  422. }

  423. [data-position="left center"][data-tooltip]:after {

  424.   -webkit-transform-origin: right center;

  425.           transform-origin: right center;

  426. }

  427. [data-position="right center"][data-tooltip]:before {

  428.   -webkit-transform-origin: right center;

  429.           transform-origin: right center;

  430. }

  431. [data-position="right center"][data-tooltip]:after {

  432.   -webkit-transform-origin: left center;

  433.           transform-origin: left center;

  434. }

  435. 

  436. /*--------------

  437.      Spacing

  438. ---------------*/

  439. 

  440. .ui.popup {

  441.   margin: 0em;

  442. }

  443. 

  444. /* Extending from Top */

  445. .ui.top.popup {

  446.   margin: 0em 0em 0.71428571em;

  447. }

  448. .ui.top.left.popup {

  449.   -webkit-transform-origin: left bottom;

  450.           transform-origin: left bottom;

  451. }

  452. .ui.top.center.popup {

  453.   -webkit-transform-origin: center bottom;

  454.           transform-origin: center bottom;

  455. }

  456. .ui.top.right.popup {

  457.   -webkit-transform-origin: right bottom;

  458.           transform-origin: right bottom;

  459. }

  460. 

  461. /* Extending from Vertical Center */

  462. .ui.left.center.popup {

  463.   margin: 0em 0.71428571em 0em 0em;

  464.   -webkit-transform-origin: right 50%;

  465.           transform-origin: right 50%;

  466. }

  467. .ui.right.center.popup {

  468.   margin: 0em 0em 0em 0.71428571em;

  469.   -webkit-transform-origin: left 50%;

  470.           transform-origin: left 50%;

  471. }

  472. 

  473. /* Extending from Bottom */

  474. .ui.bottom.popup {

  475.   margin: 0.71428571em 0em 0em;

  476. }

  477. .ui.bottom.left.popup {

  478.   -webkit-transform-origin: left top;

  479.           transform-origin: left top;

  480. }

  481. .ui.bottom.center.popup {

  482.   -webkit-transform-origin: center top;

  483.           transform-origin: center top;

  484. }

  485. .ui.bottom.right.popup {

  486.   -webkit-transform-origin: right top;

  487.           transform-origin: right top;

  488. }

  489. 

  490. /*--------------

  491.      Pointer

  492. ---------------*/

  493. 

  494. 

  495. /*--- Below ---*/

  496. 

  497. .ui.bottom.center.popup:before {

  498.   margin-left: -0.30714286em;

  499.   top: -0.30714286em;

  500.   left: 50%;

  501.   right: auto;

  502.   bottom: auto;

  503.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  504.           box-shadow: -1px -1px 0px 0px #bababc;

  505. }

  506. .ui.bottom.left.popup {

  507.   margin-left: 0em;

  508. }

  509. /*rtl:rename*/

  510. .ui.bottom.left.popup:before {

  511.   top: -0.30714286em;

  512.   left: 1em;

  513.   right: auto;

  514.   bottom: auto;

  515.   margin-left: 0em;

  516.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  517.           box-shadow: -1px -1px 0px 0px #bababc;

  518. }

  519. .ui.bottom.right.popup {

  520.   margin-right: 0em;

  521. }

  522. /*rtl:rename*/

  523. .ui.bottom.right.popup:before {

  524.   top: -0.30714286em;

  525.   right: 1em;

  526.   bottom: auto;

  527.   left: auto;

  528.   margin-left: 0em;

  529.   -webkit-box-shadow: -1px -1px 0px 0px #bababc;

  530.           box-shadow: -1px -1px 0px 0px #bababc;

  531. }

  532. 

  533. /*--- Above ---*/

  534. 

  535. .ui.top.center.popup:before {

  536.   top: auto;

  537.   right: auto;

  538.   bottom: -0.30714286em;

  539.   left: 50%;

  540.   margin-left: -0.30714286em;

  541. }

  542. .ui.top.left.popup {

  543.   margin-left: 0em;

  544. }

  545. /*rtl:rename*/

  546. .ui.top.left.popup:before {

  547.   bottom: -0.30714286em;

  548.   left: 1em;

  549.   top: auto;

  550.   right: auto;

  551.   margin-left: 0em;

  552. }

  553. .ui.top.right.popup {

  554.   margin-right: 0em;

  555. }

  556. /*rtl:rename*/

  557. .ui.top.right.popup:before {

  558.   bottom: -0.30714286em;

  559.   right: 1em;

  560.   top: auto;

  561.   left: auto;

  562.   margin-left: 0em;

  563. }

  564. 

  565. /*--- Left Center ---*/

  566. 

  567. /*rtl:rename*/

  568. .ui.left.center.popup:before {

  569.   top: 50%;

  570.   right: -0.30714286em;

  571.   bottom: auto;

  572.   left: auto;

  573.   margin-top: -0.30714286em;

  574.   -webkit-box-shadow: 1px -1px 0px 0px #bababc;

  575.           box-shadow: 1px -1px 0px 0px #bababc;

  576. }

  577. 

  578. /*--- Right Center  ---*/

  579. 

  580. /*rtl:rename*/

  581. .ui.right.center.popup:before {

  582.   top: 50%;

  583.   left: -0.30714286em;

  584.   bottom: auto;

  585.   right: auto;

  586.   margin-top: -0.30714286em;

  587.   -webkit-box-shadow: -1px 1px 0px 0px #bababc;

  588.           box-shadow: -1px 1px 0px 0px #bababc;

  589. }

  590. 

  591. /* Arrow Color By Location */

  592. .ui.bottom.popup:before {

  593.   background: #FFFFFF;

  594. }

  595. .ui.right.center.popup:before,

  596. .ui.left.center.popup:before {

  597.   background: #FFFFFF;

  598. }

  599. .ui.top.popup:before {

  600.   background: #FFFFFF;

  601. }

  602. 

  603. /* Inverted Arrow Color */

  604. .ui.inverted.bottom.popup:before {

  605.   background: #1B1C1D;

  606. }

  607. .ui.inverted.right.center.popup:before,

  608. .ui.inverted.left.center.popup:before {

  609.   background: #1B1C1D;

  610. }

  611. .ui.inverted.top.popup:before {

  612.   background: #1B1C1D;

  613. }

  614. 

  615. 

  616. /*******************************

  617.             Coupling

  618. *******************************/

  619. 

  620. 

  621. /* Immediate Nested Grid */

  622. .ui.popup > .ui.grid:not(.padded) {

  623.   width: calc(100% + 1.75rem);

  624.   margin: -0.7rem -0.875rem;

  625. }

  626. 

  627. 

  628. /*******************************

  629.             States

  630. *******************************/

  631. 

  632. .ui.loading.popup {

  633.   display: block;

  634.   visibility: hidden;

  635.   z-index: -1;

  636. }

  637. .ui.animating.popup,

  638. .ui.visible.popup {

  639.   display: block;

  640. }

  641. .ui.visible.popup {

  642.   -webkit-transform: translateZ(0px);

  643.           transform: translateZ(0px);

  644.   -webkit-backface-visibility: hidden;

  645.           backface-visibility: hidden;

  646. }

  647. 

  648. 

  649. /*******************************

  650.             Variations

  651. *******************************/

  652. 

  653. 

  654. /*--------------

  655.      Basic

  656. ---------------*/

  657. 

  658. .ui.basic.popup:before {

  659.   display: none;

  660. }

  661. 

  662. /*--------------

  663.      Wide

  664. ---------------*/

  665. 

  666. .ui.wide.popup {

  667.   max-width: 350px;

  668. }

  669. .ui[class*="very wide"].popup {

  670.   max-width: 550px;

  671. }

  672. @media only screen and (max-width: 767px) {

  673.   .ui.wide.popup,

  674.   .ui[class*="very wide"].popup {

  675.     max-width: 250px;

  676.   }

  677. }

  678. 

  679. /*--------------

  680.      Fluid

  681. ---------------*/

  682. 

  683. .ui.fluid.popup {

  684.   width: 100%;

  685.   max-width: none;

  686. }

  687. 

  688. /*--------------

  689.      Colors

  690. ---------------*/

  691. 

  692. 

  693. /* Inverted colors  */

  694. .ui.inverted.popup {

  695.   background: #1B1C1D;

  696.   color: #FFFFFF;

  697.   border: none;

  698.   -webkit-box-shadow: none;

  699.           box-shadow: none;

  700. }

  701. .ui.inverted.popup .header {

  702.   background-color: none;

  703.   color: #FFFFFF;

  704. }

  705. .ui.inverted.popup:before {

  706.   background-color: #1B1C1D;

  707.   -webkit-box-shadow: none !important;

  708.           box-shadow: none !important;

  709. }

  710. 

  711. /*--------------

  712.      Flowing

  713. ---------------*/

  714. 

  715. .ui.flowing.popup {

  716.   max-width: none;

  717. }

  718. 

  719. /*--------------

  720.      Sizes

  721. ---------------*/

  722. 

  723. .ui.mini.popup {

  724.   font-size: 0.78571429rem;

  725. }

  726. .ui.tiny.popup {

  727.   font-size: 0.85714286rem;

  728. }

  729. .ui.small.popup {

  730.   font-size: 0.92857143rem;

  731. }

  732. .ui.popup {

  733.   font-size: 1rem;

  734. }

  735. .ui.large.popup {

  736.   font-size: 1.14285714rem;

  737. }

  738. .ui.huge.popup {

  739.   font-size: 1.42857143rem;

  740. }

  741. 

  742. 

  743. /*******************************

  744.          Theme Overrides

  745. *******************************/

  746. 

  747. 

  748. 

  749. /*******************************

  750.         User Overrides

  751. *******************************/