step.css 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565
  1. /*!
  2. * # Semantic UI 2.5.0 - Step
  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. Plural
  12. *******************************/
  13. .ui.steps {
  14. display: inline-flex;
  15. flex-direction: row;
  16. align-items: stretch;
  17. margin: 1em 0em;
  18. background: '';
  19. box-shadow: none;
  20. line-height: 1.14285714em;
  21. border-radius: 0.28571429rem;
  22. border: 1px solid rgba(34, 36, 38, 0.15);
  23. }
  24. /* First Steps */
  25. .ui.steps:first-child {
  26. margin-top: 0em;
  27. }
  28. /* Last Steps */
  29. .ui.steps:last-child {
  30. margin-bottom: 0em;
  31. }
  32. /*******************************
  33. Singular
  34. *******************************/
  35. .ui.steps .step {
  36. position: relative;
  37. display: flex;
  38. flex: 1 0 auto;
  39. flex-wrap: wrap;
  40. flex-direction: row;
  41. vertical-align: middle;
  42. align-items: center;
  43. justify-content: center;
  44. margin: 0em 0em;
  45. padding: 1.14285714em 2em;
  46. background: #FFFFFF;
  47. color: rgba(0, 0, 0, 0.87);
  48. box-shadow: none;
  49. border-radius: 0em;
  50. border: none;
  51. border-right: 1px solid rgba(34, 36, 38, 0.15);
  52. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  53. }
  54. /* Arrow */
  55. .ui.steps .step:after {
  56. display: none;
  57. position: absolute;
  58. z-index: 2;
  59. content: '';
  60. top: 50%;
  61. right: 0%;
  62. border: medium none;
  63. background-color: #FFFFFF;
  64. width: 1.14285714em;
  65. height: 1.14285714em;
  66. border-style: solid;
  67. border-color: rgba(34, 36, 38, 0.15);
  68. border-width: 0px 1px 1px 0px;
  69. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  70. transform: translateY(-50%) translateX(50%) rotate(-45deg);
  71. }
  72. /* First Step */
  73. .ui.steps .step:first-child {
  74. padding-left: 2em;
  75. border-radius: 0.28571429rem 0em 0em 0.28571429rem;
  76. }
  77. /* Last Step */
  78. .ui.steps .step:last-child {
  79. border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  80. }
  81. .ui.steps .step:last-child {
  82. border-right: none;
  83. margin-right: 0em;
  84. }
  85. /* Only Step */
  86. .ui.steps .step:only-child {
  87. border-radius: 0.28571429rem;
  88. }
  89. /*******************************
  90. Content
  91. *******************************/
  92. /* Title */
  93. .ui.steps .step .title {
  94. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  95. font-size: 1.14285714em;
  96. font-weight: bold;
  97. }
  98. .ui.steps .step > .title {
  99. width: 100%;
  100. }
  101. /* Description */
  102. .ui.steps .step .description {
  103. font-weight: normal;
  104. font-size: 0.92857143em;
  105. color: rgba(0, 0, 0, 0.87);
  106. }
  107. .ui.steps .step > .description {
  108. width: 100%;
  109. }
  110. .ui.steps .step .title ~ .description {
  111. margin-top: 0.25em;
  112. }
  113. /* Icon */
  114. .ui.steps .step > .icon {
  115. line-height: 1;
  116. font-size: 2.5em;
  117. margin: 0em 1rem 0em 0em;
  118. }
  119. .ui.steps .step > .icon,
  120. .ui.steps .step > .icon ~ .content {
  121. display: block;
  122. flex: 0 1 auto;
  123. align-self: middle;
  124. }
  125. .ui.steps .step > .icon ~ .content {
  126. flex-grow: 1 0 auto;
  127. }
  128. /* Horizontal Icon */
  129. .ui.steps:not(.vertical) .step > .icon {
  130. width: auto;
  131. }
  132. /* Link */
  133. .ui.steps .link.step,
  134. .ui.steps a.step {
  135. cursor: pointer;
  136. }
  137. /*******************************
  138. Types
  139. *******************************/
  140. /*--------------
  141. Ordered
  142. ---------------*/
  143. .ui.ordered.steps {
  144. counter-reset: ordered;
  145. }
  146. .ui.ordered.steps .step:before {
  147. display: block;
  148. position: static;
  149. text-align: center;
  150. content: counters(ordered, ".");
  151. align-self: middle;
  152. margin-right: 1rem;
  153. font-size: 2.5em;
  154. counter-increment: ordered;
  155. font-family: inherit;
  156. font-weight: bold;
  157. }
  158. .ui.ordered.steps .step > * {
  159. display: block;
  160. align-self: middle;
  161. }
  162. /*--------------
  163. Vertical
  164. ---------------*/
  165. .ui.vertical.steps {
  166. display: inline-flex;
  167. flex-direction: column;
  168. overflow: visible;
  169. }
  170. .ui.vertical.steps .step {
  171. justify-content: flex-start;
  172. border-radius: 0em;
  173. padding: 1.14285714em 2em;
  174. border-right: none;
  175. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  176. }
  177. .ui.vertical.steps .step:first-child {
  178. padding: 1.14285714em 2em;
  179. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  180. }
  181. .ui.vertical.steps .step:last-child {
  182. border-bottom: none;
  183. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  184. }
  185. .ui.vertical.steps .step:only-child {
  186. border-radius: 0.28571429rem;
  187. }
  188. /* Arrow */
  189. .ui.vertical.steps .step:after {
  190. display: none;
  191. }
  192. .ui.vertical.steps .step:after {
  193. top: 50%;
  194. right: 0%;
  195. border-width: 0px 1px 1px 0px;
  196. }
  197. .ui.vertical.steps .step:after {
  198. display: none;
  199. }
  200. .ui.vertical.steps .active.step:after {
  201. display: block;
  202. }
  203. .ui.vertical.steps .step:last-child:after {
  204. display: none;
  205. }
  206. .ui.vertical.steps .active.step:last-child:after {
  207. display: block;
  208. }
  209. /*---------------
  210. Responsive
  211. ----------------*/
  212. /* Mobile (Default) */
  213. @media only screen and (max-width: 767px) {
  214. .ui.steps:not(.unstackable) {
  215. display: inline-flex;
  216. overflow: visible;
  217. flex-direction: column;
  218. }
  219. .ui.steps:not(.unstackable) .step {
  220. width: 100% !important;
  221. flex-direction: column;
  222. border-radius: 0em;
  223. padding: 1.14285714em 2em;
  224. }
  225. .ui.steps:not(.unstackable) .step:first-child {
  226. padding: 1.14285714em 2em;
  227. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  228. }
  229. .ui.steps:not(.unstackable) .step:last-child {
  230. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  231. }
  232. /* Arrow */
  233. .ui.steps:not(.unstackable) .step:after {
  234. display: none !important;
  235. }
  236. /* Content */
  237. .ui.steps:not(.unstackable) .step .content {
  238. text-align: center;
  239. }
  240. /* Icon */
  241. .ui.steps:not(.unstackable) .step > .icon,
  242. .ui.ordered.steps:not(.unstackable) .step:before {
  243. margin: 0em 0em 1rem 0em;
  244. }
  245. }
  246. /*******************************
  247. States
  248. *******************************/
  249. /* Link Hover */
  250. .ui.steps .link.step:hover::after,
  251. .ui.steps .link.step:hover,
  252. .ui.steps a.step:hover::after,
  253. .ui.steps a.step:hover {
  254. background: #F9FAFB;
  255. color: rgba(0, 0, 0, 0.8);
  256. }
  257. /* Link Down */
  258. .ui.steps .link.step:active::after,
  259. .ui.steps .link.step:active,
  260. .ui.steps a.step:active::after,
  261. .ui.steps a.step:active {
  262. background: #F3F4F5;
  263. color: rgba(0, 0, 0, 0.9);
  264. }
  265. /* Active */
  266. .ui.steps .step.active {
  267. cursor: auto;
  268. background: #F3F4F5;
  269. }
  270. .ui.steps .step.active:after {
  271. background: #F3F4F5;
  272. }
  273. .ui.steps .step.active .title {
  274. color: #4183C4;
  275. }
  276. .ui.ordered.steps .step.active:before,
  277. .ui.steps .active.step .icon {
  278. color: rgba(0, 0, 0, 0.85);
  279. }
  280. /* Active Arrow */
  281. .ui.steps .step:after {
  282. display: block;
  283. }
  284. .ui.steps .active.step:after {
  285. display: block;
  286. }
  287. .ui.steps .step:last-child:after {
  288. display: none;
  289. }
  290. .ui.steps .active.step:last-child:after {
  291. display: none;
  292. }
  293. /* Active Hover */
  294. .ui.steps .link.active.step:hover::after,
  295. .ui.steps .link.active.step:hover,
  296. .ui.steps a.active.step:hover::after,
  297. .ui.steps a.active.step:hover {
  298. cursor: pointer;
  299. background: #DCDDDE;
  300. color: rgba(0, 0, 0, 0.87);
  301. }
  302. /* Completed */
  303. .ui.steps .step.completed > .icon:before,
  304. .ui.ordered.steps .step.completed:before {
  305. color: #21BA45;
  306. }
  307. /* Disabled */
  308. .ui.steps .disabled.step {
  309. cursor: auto;
  310. background: #FFFFFF;
  311. pointer-events: none;
  312. }
  313. .ui.steps .disabled.step,
  314. .ui.steps .disabled.step .title,
  315. .ui.steps .disabled.step .description {
  316. color: rgba(40, 40, 40, 0.3);
  317. }
  318. .ui.steps .disabled.step:after {
  319. background: #FFFFFF;
  320. }
  321. /*******************************
  322. Variations
  323. *******************************/
  324. /*--------------
  325. Stackable
  326. ---------------*/
  327. /* Tablet Or Below */
  328. @media only screen and (max-width: 991px) {
  329. .ui[class*="tablet stackable"].steps {
  330. display: inline-flex;
  331. overflow: visible;
  332. flex-direction: column;
  333. }
  334. /* Steps */
  335. .ui[class*="tablet stackable"].steps .step {
  336. flex-direction: column;
  337. border-radius: 0em;
  338. padding: 1.14285714em 2em;
  339. }
  340. .ui[class*="tablet stackable"].steps .step:first-child {
  341. padding: 1.14285714em 2em;
  342. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  343. }
  344. .ui[class*="tablet stackable"].steps .step:last-child {
  345. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  346. }
  347. /* Arrow */
  348. .ui[class*="tablet stackable"].steps .step:after {
  349. display: none !important;
  350. }
  351. /* Content */
  352. .ui[class*="tablet stackable"].steps .step .content {
  353. text-align: center;
  354. }
  355. /* Icon */
  356. .ui[class*="tablet stackable"].steps .step > .icon,
  357. .ui[class*="tablet stackable"].ordered.steps .step:before {
  358. margin: 0em 0em 1rem 0em;
  359. }
  360. }
  361. /*--------------
  362. Fluid
  363. ---------------*/
  364. /* Fluid */
  365. .ui.fluid.steps {
  366. display: flex;
  367. width: 100%;
  368. }
  369. /*--------------
  370. Attached
  371. ---------------*/
  372. /* Top */
  373. .ui.attached.steps {
  374. width: calc(100% + (--1px * 2)) !important;
  375. margin: 0em -1px 0;
  376. max-width: calc(100% + (--1px * 2));
  377. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  378. }
  379. .ui.attached.steps .step:first-child {
  380. border-radius: 0.28571429rem 0em 0em 0em;
  381. }
  382. .ui.attached.steps .step:last-child {
  383. border-radius: 0em 0.28571429rem 0em 0em;
  384. }
  385. /* Bottom */
  386. .ui.bottom.attached.steps {
  387. margin: 0 -1px 0em;
  388. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  389. }
  390. .ui.bottom.attached.steps .step:first-child {
  391. border-radius: 0em 0em 0em 0.28571429rem;
  392. }
  393. .ui.bottom.attached.steps .step:last-child {
  394. border-radius: 0em 0em 0.28571429rem 0em;
  395. }
  396. /*-------------------
  397. Evenly Divided
  398. --------------------*/
  399. .ui.one.steps,
  400. .ui.two.steps,
  401. .ui.three.steps,
  402. .ui.four.steps,
  403. .ui.five.steps,
  404. .ui.six.steps,
  405. .ui.seven.steps,
  406. .ui.eight.steps {
  407. width: 100%;
  408. }
  409. .ui.one.steps > .step,
  410. .ui.two.steps > .step,
  411. .ui.three.steps > .step,
  412. .ui.four.steps > .step,
  413. .ui.five.steps > .step,
  414. .ui.six.steps > .step,
  415. .ui.seven.steps > .step,
  416. .ui.eight.steps > .step {
  417. flex-wrap: nowrap;
  418. }
  419. .ui.one.steps > .step {
  420. width: 100%;
  421. }
  422. .ui.two.steps > .step {
  423. width: 50%;
  424. }
  425. .ui.three.steps > .step {
  426. width: 33.333%;
  427. }
  428. .ui.four.steps > .step {
  429. width: 25%;
  430. }
  431. .ui.five.steps > .step {
  432. width: 20%;
  433. }
  434. .ui.six.steps > .step {
  435. width: 16.666%;
  436. }
  437. .ui.seven.steps > .step {
  438. width: 14.285%;
  439. }
  440. .ui.eight.steps > .step {
  441. width: 12.5%;
  442. }
  443. /*-------------------
  444. Sizes
  445. --------------------*/
  446. .ui.mini.steps .step,
  447. .ui.mini.step {
  448. font-size: 0.78571429rem;
  449. }
  450. .ui.tiny.steps .step,
  451. .ui.tiny.step {
  452. font-size: 0.85714286rem;
  453. }
  454. .ui.small.steps .step,
  455. .ui.small.step {
  456. font-size: 0.92857143rem;
  457. }
  458. .ui.steps .step,
  459. .ui.step {
  460. font-size: 1rem;
  461. }
  462. .ui.large.steps .step,
  463. .ui.large.step {
  464. font-size: 1.14285714rem;
  465. }
  466. .ui.big.steps .step,
  467. .ui.big.step {
  468. font-size: 1.28571429rem;
  469. }
  470. .ui.huge.steps .step,
  471. .ui.huge.step {
  472. font-size: 1.42857143rem;
  473. }
  474. .ui.massive.steps .step,
  475. .ui.massive.step {
  476. font-size: 1.71428571rem;
  477. }
  478. /*******************************
  479. Theme Overrides
  480. *******************************/
  481. @font-face {
  482. font-family: 'Step';
  483. src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  484. }
  485. .ui.steps .step.completed > .icon:before,
  486. .ui.ordered.steps .step.completed:before {
  487. font-family: 'Step';
  488. content: '\e800';
  489. /* '' */
  490. }
  491. /*******************************
  492. Site Overrides
  493. *******************************/