BrandButtons.spec.js.snap 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`BrandButtons.vue renders correctly 1`] = `
  3. <div
  4. class="row"
  5. >
  6. <div
  7. class="col-12"
  8. >
  9. <div
  10. class="card"
  11. >
  12. <header
  13. class="card-header"
  14. >
  15. <strong>
  16. Brand Button
  17. </strong>
  18. <div
  19. class="card-header-actions"
  20. >
  21. <a
  22. class="card-header-action"
  23. href="https://coreui.io/vue/docs/components/button-components"
  24. rel="noreferrer noopener"
  25. target="_blank"
  26. >
  27. <small
  28. class="text-muted"
  29. >
  30. docs
  31. </small>
  32. </a>
  33. </div>
  34. </header>
  35. <div
  36. class="card-body"
  37. >
  38. <small>
  39. Usage
  40. </small>
  41. <code>
  42. &lt;CButton color="facebook"&gt;&lt;CIcon name="cib-facebook"/&gt;&lt;span&gt;Facebook&lt;/span&gt;&lt;/CButton&gt;
  43. </code>
  44. <hr />
  45. <h6>
  46. Size Small
  47. <small>
  48. Add
  49. <code>
  50. size="sm"
  51. </code>
  52. </small>
  53. </h6>
  54. <p>
  55. <button
  56. class="btn btn-brand btn-facebook btn-sm"
  57. name="facebook"
  58. type="button"
  59. >
  60. <svg
  61. class="c-icon c-icon-sm"
  62. role="img"
  63. viewBox="0 0 64 64"
  64. xmlns="http://www.w3.org/2000/svg"
  65. >
  66. undefined
  67. </svg>
  68. <span>
  69. facebook
  70. </span>
  71. </button>
  72. <button
  73. class="btn btn-brand btn-twitter btn-sm"
  74. name="twitter"
  75. type="button"
  76. >
  77. <svg
  78. class="c-icon c-icon-sm"
  79. role="img"
  80. viewBox="0 0 64 64"
  81. xmlns="http://www.w3.org/2000/svg"
  82. >
  83. undefined
  84. </svg>
  85. <span>
  86. twitter
  87. </span>
  88. </button>
  89. <button
  90. class="btn btn-brand btn-linkedin btn-sm"
  91. name="linkedin"
  92. type="button"
  93. >
  94. <svg
  95. class="c-icon c-icon-sm"
  96. role="img"
  97. viewBox="0 0 64 64"
  98. xmlns="http://www.w3.org/2000/svg"
  99. >
  100. undefined
  101. </svg>
  102. <span>
  103. linkedin
  104. </span>
  105. </button>
  106. <button
  107. class="btn btn-brand btn-flickr btn-sm"
  108. name="flickr"
  109. type="button"
  110. >
  111. <svg
  112. class="c-icon c-icon-sm"
  113. role="img"
  114. viewBox="0 0 64 64"
  115. xmlns="http://www.w3.org/2000/svg"
  116. >
  117. undefined
  118. </svg>
  119. <span>
  120. flickr
  121. </span>
  122. </button>
  123. <button
  124. class="btn btn-brand btn-tumblr btn-sm"
  125. name="tumblr"
  126. type="button"
  127. >
  128. <svg
  129. class="c-icon c-icon-sm"
  130. role="img"
  131. viewBox="0 0 64 64"
  132. xmlns="http://www.w3.org/2000/svg"
  133. >
  134. undefined
  135. </svg>
  136. <span>
  137. tumblr
  138. </span>
  139. </button>
  140. <button
  141. class="btn btn-brand btn-xing btn-sm"
  142. name="xing"
  143. type="button"
  144. >
  145. <svg
  146. class="c-icon c-icon-sm"
  147. role="img"
  148. viewBox="0 0 64 64"
  149. xmlns="http://www.w3.org/2000/svg"
  150. >
  151. undefined
  152. </svg>
  153. <span>
  154. xing
  155. </span>
  156. </button>
  157. <button
  158. class="btn btn-brand btn-github btn-sm"
  159. name="github"
  160. type="button"
  161. >
  162. <svg
  163. class="c-icon c-icon-sm"
  164. role="img"
  165. viewBox="0 0 64 64"
  166. xmlns="http://www.w3.org/2000/svg"
  167. >
  168. undefined
  169. </svg>
  170. <span>
  171. github
  172. </span>
  173. </button>
  174. <button
  175. class="btn btn-brand btn-stackoverflow btn-sm"
  176. name="stackoverflow"
  177. type="button"
  178. >
  179. <svg
  180. class="c-icon c-icon-sm"
  181. role="img"
  182. viewBox="0 0 64 64"
  183. xmlns="http://www.w3.org/2000/svg"
  184. >
  185. undefined
  186. </svg>
  187. <span>
  188. stackoverflow
  189. </span>
  190. </button>
  191. <button
  192. class="btn btn-brand btn-youtube btn-sm"
  193. name="youtube"
  194. type="button"
  195. >
  196. <svg
  197. class="c-icon c-icon-sm"
  198. role="img"
  199. viewBox="0 0 64 64"
  200. xmlns="http://www.w3.org/2000/svg"
  201. >
  202. undefined
  203. </svg>
  204. <span>
  205. youtube
  206. </span>
  207. </button>
  208. <button
  209. class="btn btn-brand btn-dribbble btn-sm"
  210. name="dribbble"
  211. type="button"
  212. >
  213. <svg
  214. class="c-icon c-icon-sm"
  215. role="img"
  216. viewBox="0 0 64 64"
  217. xmlns="http://www.w3.org/2000/svg"
  218. >
  219. undefined
  220. </svg>
  221. <span>
  222. dribbble
  223. </span>
  224. </button>
  225. <button
  226. class="btn btn-brand btn-instagram btn-sm"
  227. name="instagram"
  228. type="button"
  229. >
  230. <svg
  231. class="c-icon c-icon-sm"
  232. role="img"
  233. viewBox="0 0 64 64"
  234. xmlns="http://www.w3.org/2000/svg"
  235. >
  236. undefined
  237. </svg>
  238. <span>
  239. instagram
  240. </span>
  241. </button>
  242. <button
  243. class="btn btn-brand btn-pinterest btn-sm"
  244. name="pinterest"
  245. type="button"
  246. >
  247. <svg
  248. class="c-icon c-icon-sm"
  249. role="img"
  250. viewBox="0 0 64 64"
  251. xmlns="http://www.w3.org/2000/svg"
  252. >
  253. undefined
  254. </svg>
  255. <span>
  256. pinterest
  257. </span>
  258. </button>
  259. <button
  260. class="btn btn-brand btn-vk btn-sm"
  261. name="vk"
  262. type="button"
  263. >
  264. <svg
  265. class="c-icon c-icon-sm"
  266. role="img"
  267. viewBox="0 0 64 64"
  268. xmlns="http://www.w3.org/2000/svg"
  269. >
  270. undefined
  271. </svg>
  272. <span>
  273. vk
  274. </span>
  275. </button>
  276. <button
  277. class="btn btn-brand btn-yahoo btn-sm"
  278. name="yahoo"
  279. type="button"
  280. >
  281. <svg
  282. class="c-icon c-icon-sm"
  283. role="img"
  284. viewBox="0 0 64 64"
  285. xmlns="http://www.w3.org/2000/svg"
  286. >
  287. undefined
  288. </svg>
  289. <span>
  290. yahoo
  291. </span>
  292. </button>
  293. <button
  294. class="btn btn-brand btn-behance btn-sm"
  295. name="behance"
  296. type="button"
  297. >
  298. <svg
  299. class="c-icon c-icon-sm"
  300. role="img"
  301. viewBox="0 0 64 64"
  302. xmlns="http://www.w3.org/2000/svg"
  303. >
  304. undefined
  305. </svg>
  306. <span>
  307. behance
  308. </span>
  309. </button>
  310. <button
  311. class="btn btn-brand btn-reddit btn-sm"
  312. name="reddit"
  313. type="button"
  314. >
  315. <svg
  316. class="c-icon c-icon-sm"
  317. role="img"
  318. viewBox="0 0 64 64"
  319. xmlns="http://www.w3.org/2000/svg"
  320. >
  321. undefined
  322. </svg>
  323. <span>
  324. reddit
  325. </span>
  326. </button>
  327. <button
  328. class="btn btn-brand btn-vimeo btn-sm"
  329. name="vimeo"
  330. type="button"
  331. >
  332. <svg
  333. class="c-icon c-icon-sm"
  334. role="img"
  335. viewBox="0 0 64 64"
  336. xmlns="http://www.w3.org/2000/svg"
  337. >
  338. undefined
  339. </svg>
  340. <span>
  341. vimeo
  342. </span>
  343. </button>
  344. </p>
  345. <h6>
  346. Size Normal
  347. </h6>
  348. <p>
  349. <button
  350. class="btn btn-brand btn-facebook"
  351. name="facebook"
  352. type="button"
  353. >
  354. <svg
  355. class="c-icon"
  356. role="img"
  357. viewBox="0 0 64 64"
  358. xmlns="http://www.w3.org/2000/svg"
  359. >
  360. undefined
  361. </svg>
  362. <span>
  363. facebook
  364. </span>
  365. </button>
  366. <button
  367. class="btn btn-brand btn-twitter"
  368. name="twitter"
  369. type="button"
  370. >
  371. <svg
  372. class="c-icon"
  373. role="img"
  374. viewBox="0 0 64 64"
  375. xmlns="http://www.w3.org/2000/svg"
  376. >
  377. undefined
  378. </svg>
  379. <span>
  380. twitter
  381. </span>
  382. </button>
  383. <button
  384. class="btn btn-brand btn-linkedin"
  385. name="linkedin"
  386. type="button"
  387. >
  388. <svg
  389. class="c-icon"
  390. role="img"
  391. viewBox="0 0 64 64"
  392. xmlns="http://www.w3.org/2000/svg"
  393. >
  394. undefined
  395. </svg>
  396. <span>
  397. linkedin
  398. </span>
  399. </button>
  400. <button
  401. class="btn btn-brand btn-flickr"
  402. name="flickr"
  403. type="button"
  404. >
  405. <svg
  406. class="c-icon"
  407. role="img"
  408. viewBox="0 0 64 64"
  409. xmlns="http://www.w3.org/2000/svg"
  410. >
  411. undefined
  412. </svg>
  413. <span>
  414. flickr
  415. </span>
  416. </button>
  417. <button
  418. class="btn btn-brand btn-tumblr"
  419. name="tumblr"
  420. type="button"
  421. >
  422. <svg
  423. class="c-icon"
  424. role="img"
  425. viewBox="0 0 64 64"
  426. xmlns="http://www.w3.org/2000/svg"
  427. >
  428. undefined
  429. </svg>
  430. <span>
  431. tumblr
  432. </span>
  433. </button>
  434. <button
  435. class="btn btn-brand btn-xing"
  436. name="xing"
  437. type="button"
  438. >
  439. <svg
  440. class="c-icon"
  441. role="img"
  442. viewBox="0 0 64 64"
  443. xmlns="http://www.w3.org/2000/svg"
  444. >
  445. undefined
  446. </svg>
  447. <span>
  448. xing
  449. </span>
  450. </button>
  451. <button
  452. class="btn btn-brand btn-github"
  453. name="github"
  454. type="button"
  455. >
  456. <svg
  457. class="c-icon"
  458. role="img"
  459. viewBox="0 0 64 64"
  460. xmlns="http://www.w3.org/2000/svg"
  461. >
  462. undefined
  463. </svg>
  464. <span>
  465. github
  466. </span>
  467. </button>
  468. <button
  469. class="btn btn-brand btn-stackoverflow"
  470. name="stackoverflow"
  471. type="button"
  472. >
  473. <svg
  474. class="c-icon"
  475. role="img"
  476. viewBox="0 0 64 64"
  477. xmlns="http://www.w3.org/2000/svg"
  478. >
  479. undefined
  480. </svg>
  481. <span>
  482. stackoverflow
  483. </span>
  484. </button>
  485. <button
  486. class="btn btn-brand btn-youtube"
  487. name="youtube"
  488. type="button"
  489. >
  490. <svg
  491. class="c-icon"
  492. role="img"
  493. viewBox="0 0 64 64"
  494. xmlns="http://www.w3.org/2000/svg"
  495. >
  496. undefined
  497. </svg>
  498. <span>
  499. youtube
  500. </span>
  501. </button>
  502. <button
  503. class="btn btn-brand btn-dribbble"
  504. name="dribbble"
  505. type="button"
  506. >
  507. <svg
  508. class="c-icon"
  509. role="img"
  510. viewBox="0 0 64 64"
  511. xmlns="http://www.w3.org/2000/svg"
  512. >
  513. undefined
  514. </svg>
  515. <span>
  516. dribbble
  517. </span>
  518. </button>
  519. <button
  520. class="btn btn-brand btn-instagram"
  521. name="instagram"
  522. type="button"
  523. >
  524. <svg
  525. class="c-icon"
  526. role="img"
  527. viewBox="0 0 64 64"
  528. xmlns="http://www.w3.org/2000/svg"
  529. >
  530. undefined
  531. </svg>
  532. <span>
  533. instagram
  534. </span>
  535. </button>
  536. <button
  537. class="btn btn-brand btn-pinterest"
  538. name="pinterest"
  539. type="button"
  540. >
  541. <svg
  542. class="c-icon"
  543. role="img"
  544. viewBox="0 0 64 64"
  545. xmlns="http://www.w3.org/2000/svg"
  546. >
  547. undefined
  548. </svg>
  549. <span>
  550. pinterest
  551. </span>
  552. </button>
  553. <button
  554. class="btn btn-brand btn-vk"
  555. name="vk"
  556. type="button"
  557. >
  558. <svg
  559. class="c-icon"
  560. role="img"
  561. viewBox="0 0 64 64"
  562. xmlns="http://www.w3.org/2000/svg"
  563. >
  564. undefined
  565. </svg>
  566. <span>
  567. vk
  568. </span>
  569. </button>
  570. <button
  571. class="btn btn-brand btn-yahoo"
  572. name="yahoo"
  573. type="button"
  574. >
  575. <svg
  576. class="c-icon"
  577. role="img"
  578. viewBox="0 0 64 64"
  579. xmlns="http://www.w3.org/2000/svg"
  580. >
  581. undefined
  582. </svg>
  583. <span>
  584. yahoo
  585. </span>
  586. </button>
  587. <button
  588. class="btn btn-brand btn-behance"
  589. name="behance"
  590. type="button"
  591. >
  592. <svg
  593. class="c-icon"
  594. role="img"
  595. viewBox="0 0 64 64"
  596. xmlns="http://www.w3.org/2000/svg"
  597. >
  598. undefined
  599. </svg>
  600. <span>
  601. behance
  602. </span>
  603. </button>
  604. <button
  605. class="btn btn-brand btn-reddit"
  606. name="reddit"
  607. type="button"
  608. >
  609. <svg
  610. class="c-icon"
  611. role="img"
  612. viewBox="0 0 64 64"
  613. xmlns="http://www.w3.org/2000/svg"
  614. >
  615. undefined
  616. </svg>
  617. <span>
  618. reddit
  619. </span>
  620. </button>
  621. <button
  622. class="btn btn-brand btn-vimeo"
  623. name="vimeo"
  624. type="button"
  625. >
  626. <svg
  627. class="c-icon"
  628. role="img"
  629. viewBox="0 0 64 64"
  630. xmlns="http://www.w3.org/2000/svg"
  631. >
  632. undefined
  633. </svg>
  634. <span>
  635. vimeo
  636. </span>
  637. </button>
  638. </p>
  639. <h6>
  640. Size Large
  641. <small>
  642. Add
  643. <code>
  644. size="lg"
  645. </code>
  646. </small>
  647. </h6>
  648. <p>
  649. <button
  650. class="btn btn-brand btn-facebook btn-lg"
  651. name="facebook"
  652. type="button"
  653. >
  654. <svg
  655. class="c-icon c-icon-lg"
  656. role="img"
  657. viewBox="0 0 64 64"
  658. xmlns="http://www.w3.org/2000/svg"
  659. >
  660. undefined
  661. </svg>
  662. <span>
  663. facebook
  664. </span>
  665. </button>
  666. <button
  667. class="btn btn-brand btn-twitter btn-lg"
  668. name="twitter"
  669. type="button"
  670. >
  671. <svg
  672. class="c-icon c-icon-lg"
  673. role="img"
  674. viewBox="0 0 64 64"
  675. xmlns="http://www.w3.org/2000/svg"
  676. >
  677. undefined
  678. </svg>
  679. <span>
  680. twitter
  681. </span>
  682. </button>
  683. <button
  684. class="btn btn-brand btn-linkedin btn-lg"
  685. name="linkedin"
  686. type="button"
  687. >
  688. <svg
  689. class="c-icon c-icon-lg"
  690. role="img"
  691. viewBox="0 0 64 64"
  692. xmlns="http://www.w3.org/2000/svg"
  693. >
  694. undefined
  695. </svg>
  696. <span>
  697. linkedin
  698. </span>
  699. </button>
  700. <button
  701. class="btn btn-brand btn-flickr btn-lg"
  702. name="flickr"
  703. type="button"
  704. >
  705. <svg
  706. class="c-icon c-icon-lg"
  707. role="img"
  708. viewBox="0 0 64 64"
  709. xmlns="http://www.w3.org/2000/svg"
  710. >
  711. undefined
  712. </svg>
  713. <span>
  714. flickr
  715. </span>
  716. </button>
  717. <button
  718. class="btn btn-brand btn-tumblr btn-lg"
  719. name="tumblr"
  720. type="button"
  721. >
  722. <svg
  723. class="c-icon c-icon-lg"
  724. role="img"
  725. viewBox="0 0 64 64"
  726. xmlns="http://www.w3.org/2000/svg"
  727. >
  728. undefined
  729. </svg>
  730. <span>
  731. tumblr
  732. </span>
  733. </button>
  734. <button
  735. class="btn btn-brand btn-xing btn-lg"
  736. name="xing"
  737. type="button"
  738. >
  739. <svg
  740. class="c-icon c-icon-lg"
  741. role="img"
  742. viewBox="0 0 64 64"
  743. xmlns="http://www.w3.org/2000/svg"
  744. >
  745. undefined
  746. </svg>
  747. <span>
  748. xing
  749. </span>
  750. </button>
  751. <button
  752. class="btn btn-brand btn-github btn-lg"
  753. name="github"
  754. type="button"
  755. >
  756. <svg
  757. class="c-icon c-icon-lg"
  758. role="img"
  759. viewBox="0 0 64 64"
  760. xmlns="http://www.w3.org/2000/svg"
  761. >
  762. undefined
  763. </svg>
  764. <span>
  765. github
  766. </span>
  767. </button>
  768. <button
  769. class="btn btn-brand btn-stackoverflow btn-lg"
  770. name="stackoverflow"
  771. type="button"
  772. >
  773. <svg
  774. class="c-icon c-icon-lg"
  775. role="img"
  776. viewBox="0 0 64 64"
  777. xmlns="http://www.w3.org/2000/svg"
  778. >
  779. undefined
  780. </svg>
  781. <span>
  782. stackoverflow
  783. </span>
  784. </button>
  785. <button
  786. class="btn btn-brand btn-youtube btn-lg"
  787. name="youtube"
  788. type="button"
  789. >
  790. <svg
  791. class="c-icon c-icon-lg"
  792. role="img"
  793. viewBox="0 0 64 64"
  794. xmlns="http://www.w3.org/2000/svg"
  795. >
  796. undefined
  797. </svg>
  798. <span>
  799. youtube
  800. </span>
  801. </button>
  802. <button
  803. class="btn btn-brand btn-dribbble btn-lg"
  804. name="dribbble"
  805. type="button"
  806. >
  807. <svg
  808. class="c-icon c-icon-lg"
  809. role="img"
  810. viewBox="0 0 64 64"
  811. xmlns="http://www.w3.org/2000/svg"
  812. >
  813. undefined
  814. </svg>
  815. <span>
  816. dribbble
  817. </span>
  818. </button>
  819. <button
  820. class="btn btn-brand btn-instagram btn-lg"
  821. name="instagram"
  822. type="button"
  823. >
  824. <svg
  825. class="c-icon c-icon-lg"
  826. role="img"
  827. viewBox="0 0 64 64"
  828. xmlns="http://www.w3.org/2000/svg"
  829. >
  830. undefined
  831. </svg>
  832. <span>
  833. instagram
  834. </span>
  835. </button>
  836. <button
  837. class="btn btn-brand btn-pinterest btn-lg"
  838. name="pinterest"
  839. type="button"
  840. >
  841. <svg
  842. class="c-icon c-icon-lg"
  843. role="img"
  844. viewBox="0 0 64 64"
  845. xmlns="http://www.w3.org/2000/svg"
  846. >
  847. undefined
  848. </svg>
  849. <span>
  850. pinterest
  851. </span>
  852. </button>
  853. <button
  854. class="btn btn-brand btn-vk btn-lg"
  855. name="vk"
  856. type="button"
  857. >
  858. <svg
  859. class="c-icon c-icon-lg"
  860. role="img"
  861. viewBox="0 0 64 64"
  862. xmlns="http://www.w3.org/2000/svg"
  863. >
  864. undefined
  865. </svg>
  866. <span>
  867. vk
  868. </span>
  869. </button>
  870. <button
  871. class="btn btn-brand btn-yahoo btn-lg"
  872. name="yahoo"
  873. type="button"
  874. >
  875. <svg
  876. class="c-icon c-icon-lg"
  877. role="img"
  878. viewBox="0 0 64 64"
  879. xmlns="http://www.w3.org/2000/svg"
  880. >
  881. undefined
  882. </svg>
  883. <span>
  884. yahoo
  885. </span>
  886. </button>
  887. <button
  888. class="btn btn-brand btn-behance btn-lg"
  889. name="behance"
  890. type="button"
  891. >
  892. <svg
  893. class="c-icon c-icon-lg"
  894. role="img"
  895. viewBox="0 0 64 64"
  896. xmlns="http://www.w3.org/2000/svg"
  897. >
  898. undefined
  899. </svg>
  900. <span>
  901. behance
  902. </span>
  903. </button>
  904. <button
  905. class="btn btn-brand btn-reddit btn-lg"
  906. name="reddit"
  907. type="button"
  908. >
  909. <svg
  910. class="c-icon c-icon-lg"
  911. role="img"
  912. viewBox="0 0 64 64"
  913. xmlns="http://www.w3.org/2000/svg"
  914. >
  915. undefined
  916. </svg>
  917. <span>
  918. reddit
  919. </span>
  920. </button>
  921. <button
  922. class="btn btn-brand btn-vimeo btn-lg"
  923. name="vimeo"
  924. type="button"
  925. >
  926. <svg
  927. class="c-icon c-icon-lg"
  928. role="img"
  929. viewBox="0 0 64 64"
  930. xmlns="http://www.w3.org/2000/svg"
  931. >
  932. undefined
  933. </svg>
  934. <span>
  935. vimeo
  936. </span>
  937. </button>
  938. </p>
  939. </div>
  940. </div>
  941. </div>
  942. <div
  943. class="col-12"
  944. >
  945. <div
  946. class="card"
  947. >
  948. <header
  949. class="card-header"
  950. >
  951. <strong>
  952. Brand Button
  953. </strong>
  954. <small>
  955. Icons only
  956. </small>
  957. </header>
  958. <div
  959. class="card-body"
  960. >
  961. <small>
  962. Usage
  963. </small>
  964. <code>
  965. &lt;CButton color="facebook"&gt;&lt;CIcon name="cib-facebook"/&gt;&lt;/CButton&gt;
  966. </code>
  967. <hr />
  968. <h6>
  969. Size Small
  970. <small>
  971. Add
  972. <code>
  973. size="sm"
  974. </code>
  975. </small>
  976. </h6>
  977. <p>
  978. <button
  979. class="btn btn-facebook btn-sm"
  980. name="facebook"
  981. type="button"
  982. >
  983. <svg
  984. class="c-icon c-icon-sm"
  985. role="img"
  986. viewBox="0 0 64 64"
  987. xmlns="http://www.w3.org/2000/svg"
  988. >
  989. undefined
  990. </svg>
  991. </button>
  992. <button
  993. class="btn btn-twitter btn-sm"
  994. name="twitter"
  995. type="button"
  996. >
  997. <svg
  998. class="c-icon c-icon-sm"
  999. role="img"
  1000. viewBox="0 0 64 64"
  1001. xmlns="http://www.w3.org/2000/svg"
  1002. >
  1003. undefined
  1004. </svg>
  1005. </button>
  1006. <button
  1007. class="btn btn-linkedin btn-sm"
  1008. name="linkedin"
  1009. type="button"
  1010. >
  1011. <svg
  1012. class="c-icon c-icon-sm"
  1013. role="img"
  1014. viewBox="0 0 64 64"
  1015. xmlns="http://www.w3.org/2000/svg"
  1016. >
  1017. undefined
  1018. </svg>
  1019. </button>
  1020. <button
  1021. class="btn btn-flickr btn-sm"
  1022. name="flickr"
  1023. type="button"
  1024. >
  1025. <svg
  1026. class="c-icon c-icon-sm"
  1027. role="img"
  1028. viewBox="0 0 64 64"
  1029. xmlns="http://www.w3.org/2000/svg"
  1030. >
  1031. undefined
  1032. </svg>
  1033. </button>
  1034. <button
  1035. class="btn btn-tumblr btn-sm"
  1036. name="tumblr"
  1037. type="button"
  1038. >
  1039. <svg
  1040. class="c-icon c-icon-sm"
  1041. role="img"
  1042. viewBox="0 0 64 64"
  1043. xmlns="http://www.w3.org/2000/svg"
  1044. >
  1045. undefined
  1046. </svg>
  1047. </button>
  1048. <button
  1049. class="btn btn-xing btn-sm"
  1050. name="xing"
  1051. type="button"
  1052. >
  1053. <svg
  1054. class="c-icon c-icon-sm"
  1055. role="img"
  1056. viewBox="0 0 64 64"
  1057. xmlns="http://www.w3.org/2000/svg"
  1058. >
  1059. undefined
  1060. </svg>
  1061. </button>
  1062. <button
  1063. class="btn btn-github btn-sm"
  1064. name="github"
  1065. type="button"
  1066. >
  1067. <svg
  1068. class="c-icon c-icon-sm"
  1069. role="img"
  1070. viewBox="0 0 64 64"
  1071. xmlns="http://www.w3.org/2000/svg"
  1072. >
  1073. undefined
  1074. </svg>
  1075. </button>
  1076. <button
  1077. class="btn btn-stackoverflow btn-sm"
  1078. name="stackoverflow"
  1079. type="button"
  1080. >
  1081. <svg
  1082. class="c-icon c-icon-sm"
  1083. role="img"
  1084. viewBox="0 0 64 64"
  1085. xmlns="http://www.w3.org/2000/svg"
  1086. >
  1087. undefined
  1088. </svg>
  1089. </button>
  1090. <button
  1091. class="btn btn-youtube btn-sm"
  1092. name="youtube"
  1093. type="button"
  1094. >
  1095. <svg
  1096. class="c-icon c-icon-sm"
  1097. role="img"
  1098. viewBox="0 0 64 64"
  1099. xmlns="http://www.w3.org/2000/svg"
  1100. >
  1101. undefined
  1102. </svg>
  1103. </button>
  1104. <button
  1105. class="btn btn-dribbble btn-sm"
  1106. name="dribbble"
  1107. type="button"
  1108. >
  1109. <svg
  1110. class="c-icon c-icon-sm"
  1111. role="img"
  1112. viewBox="0 0 64 64"
  1113. xmlns="http://www.w3.org/2000/svg"
  1114. >
  1115. undefined
  1116. </svg>
  1117. </button>
  1118. <button
  1119. class="btn btn-instagram btn-sm"
  1120. name="instagram"
  1121. type="button"
  1122. >
  1123. <svg
  1124. class="c-icon c-icon-sm"
  1125. role="img"
  1126. viewBox="0 0 64 64"
  1127. xmlns="http://www.w3.org/2000/svg"
  1128. >
  1129. undefined
  1130. </svg>
  1131. </button>
  1132. <button
  1133. class="btn btn-pinterest btn-sm"
  1134. name="pinterest"
  1135. type="button"
  1136. >
  1137. <svg
  1138. class="c-icon c-icon-sm"
  1139. role="img"
  1140. viewBox="0 0 64 64"
  1141. xmlns="http://www.w3.org/2000/svg"
  1142. >
  1143. undefined
  1144. </svg>
  1145. </button>
  1146. <button
  1147. class="btn btn-vk btn-sm"
  1148. name="vk"
  1149. type="button"
  1150. >
  1151. <svg
  1152. class="c-icon c-icon-sm"
  1153. role="img"
  1154. viewBox="0 0 64 64"
  1155. xmlns="http://www.w3.org/2000/svg"
  1156. >
  1157. undefined
  1158. </svg>
  1159. </button>
  1160. <button
  1161. class="btn btn-yahoo btn-sm"
  1162. name="yahoo"
  1163. type="button"
  1164. >
  1165. <svg
  1166. class="c-icon c-icon-sm"
  1167. role="img"
  1168. viewBox="0 0 64 64"
  1169. xmlns="http://www.w3.org/2000/svg"
  1170. >
  1171. undefined
  1172. </svg>
  1173. </button>
  1174. <button
  1175. class="btn btn-behance btn-sm"
  1176. name="behance"
  1177. type="button"
  1178. >
  1179. <svg
  1180. class="c-icon c-icon-sm"
  1181. role="img"
  1182. viewBox="0 0 64 64"
  1183. xmlns="http://www.w3.org/2000/svg"
  1184. >
  1185. undefined
  1186. </svg>
  1187. </button>
  1188. <button
  1189. class="btn btn-reddit btn-sm"
  1190. name="reddit"
  1191. type="button"
  1192. >
  1193. <svg
  1194. class="c-icon c-icon-sm"
  1195. role="img"
  1196. viewBox="0 0 64 64"
  1197. xmlns="http://www.w3.org/2000/svg"
  1198. >
  1199. undefined
  1200. </svg>
  1201. </button>
  1202. <button
  1203. class="btn btn-vimeo btn-sm"
  1204. name="vimeo"
  1205. type="button"
  1206. >
  1207. <svg
  1208. class="c-icon c-icon-sm"
  1209. role="img"
  1210. viewBox="0 0 64 64"
  1211. xmlns="http://www.w3.org/2000/svg"
  1212. >
  1213. undefined
  1214. </svg>
  1215. </button>
  1216. </p>
  1217. <h6>
  1218. Size Normal
  1219. </h6>
  1220. <p>
  1221. <button
  1222. class="btn btn-facebook"
  1223. name="facebook"
  1224. type="button"
  1225. >
  1226. <svg
  1227. class="c-icon"
  1228. role="img"
  1229. viewBox="0 0 64 64"
  1230. xmlns="http://www.w3.org/2000/svg"
  1231. >
  1232. undefined
  1233. </svg>
  1234. </button>
  1235. <button
  1236. class="btn btn-twitter"
  1237. name="twitter"
  1238. type="button"
  1239. >
  1240. <svg
  1241. class="c-icon"
  1242. role="img"
  1243. viewBox="0 0 64 64"
  1244. xmlns="http://www.w3.org/2000/svg"
  1245. >
  1246. undefined
  1247. </svg>
  1248. </button>
  1249. <button
  1250. class="btn btn-linkedin"
  1251. name="linkedin"
  1252. type="button"
  1253. >
  1254. <svg
  1255. class="c-icon"
  1256. role="img"
  1257. viewBox="0 0 64 64"
  1258. xmlns="http://www.w3.org/2000/svg"
  1259. >
  1260. undefined
  1261. </svg>
  1262. </button>
  1263. <button
  1264. class="btn btn-flickr"
  1265. name="flickr"
  1266. type="button"
  1267. >
  1268. <svg
  1269. class="c-icon"
  1270. role="img"
  1271. viewBox="0 0 64 64"
  1272. xmlns="http://www.w3.org/2000/svg"
  1273. >
  1274. undefined
  1275. </svg>
  1276. </button>
  1277. <button
  1278. class="btn btn-tumblr"
  1279. name="tumblr"
  1280. type="button"
  1281. >
  1282. <svg
  1283. class="c-icon"
  1284. role="img"
  1285. viewBox="0 0 64 64"
  1286. xmlns="http://www.w3.org/2000/svg"
  1287. >
  1288. undefined
  1289. </svg>
  1290. </button>
  1291. <button
  1292. class="btn btn-xing"
  1293. name="xing"
  1294. type="button"
  1295. >
  1296. <svg
  1297. class="c-icon"
  1298. role="img"
  1299. viewBox="0 0 64 64"
  1300. xmlns="http://www.w3.org/2000/svg"
  1301. >
  1302. undefined
  1303. </svg>
  1304. </button>
  1305. <button
  1306. class="btn btn-github"
  1307. name="github"
  1308. type="button"
  1309. >
  1310. <svg
  1311. class="c-icon"
  1312. role="img"
  1313. viewBox="0 0 64 64"
  1314. xmlns="http://www.w3.org/2000/svg"
  1315. >
  1316. undefined
  1317. </svg>
  1318. </button>
  1319. <button
  1320. class="btn btn-stackoverflow"
  1321. name="stackoverflow"
  1322. type="button"
  1323. >
  1324. <svg
  1325. class="c-icon"
  1326. role="img"
  1327. viewBox="0 0 64 64"
  1328. xmlns="http://www.w3.org/2000/svg"
  1329. >
  1330. undefined
  1331. </svg>
  1332. </button>
  1333. <button
  1334. class="btn btn-youtube"
  1335. name="youtube"
  1336. type="button"
  1337. >
  1338. <svg
  1339. class="c-icon"
  1340. role="img"
  1341. viewBox="0 0 64 64"
  1342. xmlns="http://www.w3.org/2000/svg"
  1343. >
  1344. undefined
  1345. </svg>
  1346. </button>
  1347. <button
  1348. class="btn btn-dribbble"
  1349. name="dribbble"
  1350. type="button"
  1351. >
  1352. <svg
  1353. class="c-icon"
  1354. role="img"
  1355. viewBox="0 0 64 64"
  1356. xmlns="http://www.w3.org/2000/svg"
  1357. >
  1358. undefined
  1359. </svg>
  1360. </button>
  1361. <button
  1362. class="btn btn-instagram"
  1363. name="instagram"
  1364. type="button"
  1365. >
  1366. <svg
  1367. class="c-icon"
  1368. role="img"
  1369. viewBox="0 0 64 64"
  1370. xmlns="http://www.w3.org/2000/svg"
  1371. >
  1372. undefined
  1373. </svg>
  1374. </button>
  1375. <button
  1376. class="btn btn-pinterest"
  1377. name="pinterest"
  1378. type="button"
  1379. >
  1380. <svg
  1381. class="c-icon"
  1382. role="img"
  1383. viewBox="0 0 64 64"
  1384. xmlns="http://www.w3.org/2000/svg"
  1385. >
  1386. undefined
  1387. </svg>
  1388. </button>
  1389. <button
  1390. class="btn btn-vk"
  1391. name="vk"
  1392. type="button"
  1393. >
  1394. <svg
  1395. class="c-icon"
  1396. role="img"
  1397. viewBox="0 0 64 64"
  1398. xmlns="http://www.w3.org/2000/svg"
  1399. >
  1400. undefined
  1401. </svg>
  1402. </button>
  1403. <button
  1404. class="btn btn-yahoo"
  1405. name="yahoo"
  1406. type="button"
  1407. >
  1408. <svg
  1409. class="c-icon"
  1410. role="img"
  1411. viewBox="0 0 64 64"
  1412. xmlns="http://www.w3.org/2000/svg"
  1413. >
  1414. undefined
  1415. </svg>
  1416. </button>
  1417. <button
  1418. class="btn btn-behance"
  1419. name="behance"
  1420. type="button"
  1421. >
  1422. <svg
  1423. class="c-icon"
  1424. role="img"
  1425. viewBox="0 0 64 64"
  1426. xmlns="http://www.w3.org/2000/svg"
  1427. >
  1428. undefined
  1429. </svg>
  1430. </button>
  1431. <button
  1432. class="btn btn-reddit"
  1433. name="reddit"
  1434. type="button"
  1435. >
  1436. <svg
  1437. class="c-icon"
  1438. role="img"
  1439. viewBox="0 0 64 64"
  1440. xmlns="http://www.w3.org/2000/svg"
  1441. >
  1442. undefined
  1443. </svg>
  1444. </button>
  1445. <button
  1446. class="btn btn-vimeo"
  1447. name="vimeo"
  1448. type="button"
  1449. >
  1450. <svg
  1451. class="c-icon"
  1452. role="img"
  1453. viewBox="0 0 64 64"
  1454. xmlns="http://www.w3.org/2000/svg"
  1455. >
  1456. undefined
  1457. </svg>
  1458. </button>
  1459. </p>
  1460. <h6>
  1461. Size Large
  1462. <small>
  1463. Add
  1464. <code>
  1465. size="lg"
  1466. </code>
  1467. </small>
  1468. </h6>
  1469. <p>
  1470. <button
  1471. class="btn btn-facebook btn-lg"
  1472. name="facebook"
  1473. type="button"
  1474. >
  1475. <svg
  1476. class="c-icon c-icon-lg"
  1477. role="img"
  1478. viewBox="0 0 64 64"
  1479. xmlns="http://www.w3.org/2000/svg"
  1480. >
  1481. undefined
  1482. </svg>
  1483. </button>
  1484. <button
  1485. class="btn btn-twitter btn-lg"
  1486. name="twitter"
  1487. type="button"
  1488. >
  1489. <svg
  1490. class="c-icon c-icon-lg"
  1491. role="img"
  1492. viewBox="0 0 64 64"
  1493. xmlns="http://www.w3.org/2000/svg"
  1494. >
  1495. undefined
  1496. </svg>
  1497. </button>
  1498. <button
  1499. class="btn btn-linkedin btn-lg"
  1500. name="linkedin"
  1501. type="button"
  1502. >
  1503. <svg
  1504. class="c-icon c-icon-lg"
  1505. role="img"
  1506. viewBox="0 0 64 64"
  1507. xmlns="http://www.w3.org/2000/svg"
  1508. >
  1509. undefined
  1510. </svg>
  1511. </button>
  1512. <button
  1513. class="btn btn-flickr btn-lg"
  1514. name="flickr"
  1515. type="button"
  1516. >
  1517. <svg
  1518. class="c-icon c-icon-lg"
  1519. role="img"
  1520. viewBox="0 0 64 64"
  1521. xmlns="http://www.w3.org/2000/svg"
  1522. >
  1523. undefined
  1524. </svg>
  1525. </button>
  1526. <button
  1527. class="btn btn-tumblr btn-lg"
  1528. name="tumblr"
  1529. type="button"
  1530. >
  1531. <svg
  1532. class="c-icon c-icon-lg"
  1533. role="img"
  1534. viewBox="0 0 64 64"
  1535. xmlns="http://www.w3.org/2000/svg"
  1536. >
  1537. undefined
  1538. </svg>
  1539. </button>
  1540. <button
  1541. class="btn btn-xing btn-lg"
  1542. name="xing"
  1543. type="button"
  1544. >
  1545. <svg
  1546. class="c-icon c-icon-lg"
  1547. role="img"
  1548. viewBox="0 0 64 64"
  1549. xmlns="http://www.w3.org/2000/svg"
  1550. >
  1551. undefined
  1552. </svg>
  1553. </button>
  1554. <button
  1555. class="btn btn-github btn-lg"
  1556. name="github"
  1557. type="button"
  1558. >
  1559. <svg
  1560. class="c-icon c-icon-lg"
  1561. role="img"
  1562. viewBox="0 0 64 64"
  1563. xmlns="http://www.w3.org/2000/svg"
  1564. >
  1565. undefined
  1566. </svg>
  1567. </button>
  1568. <button
  1569. class="btn btn-stackoverflow btn-lg"
  1570. name="stackoverflow"
  1571. type="button"
  1572. >
  1573. <svg
  1574. class="c-icon c-icon-lg"
  1575. role="img"
  1576. viewBox="0 0 64 64"
  1577. xmlns="http://www.w3.org/2000/svg"
  1578. >
  1579. undefined
  1580. </svg>
  1581. </button>
  1582. <button
  1583. class="btn btn-youtube btn-lg"
  1584. name="youtube"
  1585. type="button"
  1586. >
  1587. <svg
  1588. class="c-icon c-icon-lg"
  1589. role="img"
  1590. viewBox="0 0 64 64"
  1591. xmlns="http://www.w3.org/2000/svg"
  1592. >
  1593. undefined
  1594. </svg>
  1595. </button>
  1596. <button
  1597. class="btn btn-dribbble btn-lg"
  1598. name="dribbble"
  1599. type="button"
  1600. >
  1601. <svg
  1602. class="c-icon c-icon-lg"
  1603. role="img"
  1604. viewBox="0 0 64 64"
  1605. xmlns="http://www.w3.org/2000/svg"
  1606. >
  1607. undefined
  1608. </svg>
  1609. </button>
  1610. <button
  1611. class="btn btn-instagram btn-lg"
  1612. name="instagram"
  1613. type="button"
  1614. >
  1615. <svg
  1616. class="c-icon c-icon-lg"
  1617. role="img"
  1618. viewBox="0 0 64 64"
  1619. xmlns="http://www.w3.org/2000/svg"
  1620. >
  1621. undefined
  1622. </svg>
  1623. </button>
  1624. <button
  1625. class="btn btn-pinterest btn-lg"
  1626. name="pinterest"
  1627. type="button"
  1628. >
  1629. <svg
  1630. class="c-icon c-icon-lg"
  1631. role="img"
  1632. viewBox="0 0 64 64"
  1633. xmlns="http://www.w3.org/2000/svg"
  1634. >
  1635. undefined
  1636. </svg>
  1637. </button>
  1638. <button
  1639. class="btn btn-vk btn-lg"
  1640. name="vk"
  1641. type="button"
  1642. >
  1643. <svg
  1644. class="c-icon c-icon-lg"
  1645. role="img"
  1646. viewBox="0 0 64 64"
  1647. xmlns="http://www.w3.org/2000/svg"
  1648. >
  1649. undefined
  1650. </svg>
  1651. </button>
  1652. <button
  1653. class="btn btn-yahoo btn-lg"
  1654. name="yahoo"
  1655. type="button"
  1656. >
  1657. <svg
  1658. class="c-icon c-icon-lg"
  1659. role="img"
  1660. viewBox="0 0 64 64"
  1661. xmlns="http://www.w3.org/2000/svg"
  1662. >
  1663. undefined
  1664. </svg>
  1665. </button>
  1666. <button
  1667. class="btn btn-behance btn-lg"
  1668. name="behance"
  1669. type="button"
  1670. >
  1671. <svg
  1672. class="c-icon c-icon-lg"
  1673. role="img"
  1674. viewBox="0 0 64 64"
  1675. xmlns="http://www.w3.org/2000/svg"
  1676. >
  1677. undefined
  1678. </svg>
  1679. </button>
  1680. <button
  1681. class="btn btn-reddit btn-lg"
  1682. name="reddit"
  1683. type="button"
  1684. >
  1685. <svg
  1686. class="c-icon c-icon-lg"
  1687. role="img"
  1688. viewBox="0 0 64 64"
  1689. xmlns="http://www.w3.org/2000/svg"
  1690. >
  1691. undefined
  1692. </svg>
  1693. </button>
  1694. <button
  1695. class="btn btn-vimeo btn-lg"
  1696. name="vimeo"
  1697. type="button"
  1698. >
  1699. <svg
  1700. class="c-icon c-icon-lg"
  1701. role="img"
  1702. viewBox="0 0 64 64"
  1703. xmlns="http://www.w3.org/2000/svg"
  1704. >
  1705. undefined
  1706. </svg>
  1707. </button>
  1708. </p>
  1709. </div>
  1710. </div>
  1711. </div>
  1712. <div
  1713. class="col-12"
  1714. >
  1715. <div
  1716. class="card"
  1717. >
  1718. <header
  1719. class="card-header"
  1720. >
  1721. <strong>
  1722. Brand Button
  1723. </strong>
  1724. <small>
  1725. Text only
  1726. </small>
  1727. </header>
  1728. <div
  1729. class="card-body"
  1730. >
  1731. <small>
  1732. Usage
  1733. </small>
  1734. <code>
  1735. &lt;CButton color="facebook"&gt;&lt;span&gt;Facebook&lt;/span&gt;&lt;/CButton&gt;
  1736. </code>
  1737. <hr />
  1738. <h6>
  1739. Size Small
  1740. <small>
  1741. Add
  1742. <code>
  1743. size="sm"
  1744. </code>
  1745. </small>
  1746. </h6>
  1747. <p>
  1748. <button
  1749. class="btn btn-facebook btn-sm"
  1750. type="button"
  1751. >
  1752. <span>
  1753. facebook
  1754. </span>
  1755. </button>
  1756. <button
  1757. class="btn btn-twitter btn-sm"
  1758. type="button"
  1759. >
  1760. <span>
  1761. twitter
  1762. </span>
  1763. </button>
  1764. <button
  1765. class="btn btn-linkedin btn-sm"
  1766. type="button"
  1767. >
  1768. <span>
  1769. linkedin
  1770. </span>
  1771. </button>
  1772. <button
  1773. class="btn btn-flickr btn-sm"
  1774. type="button"
  1775. >
  1776. <span>
  1777. flickr
  1778. </span>
  1779. </button>
  1780. <button
  1781. class="btn btn-tumblr btn-sm"
  1782. type="button"
  1783. >
  1784. <span>
  1785. tumblr
  1786. </span>
  1787. </button>
  1788. <button
  1789. class="btn btn-xing btn-sm"
  1790. type="button"
  1791. >
  1792. <span>
  1793. xing
  1794. </span>
  1795. </button>
  1796. <button
  1797. class="btn btn-github btn-sm"
  1798. type="button"
  1799. >
  1800. <span>
  1801. github
  1802. </span>
  1803. </button>
  1804. <button
  1805. class="btn btn-stackoverflow btn-sm"
  1806. type="button"
  1807. >
  1808. <span>
  1809. stackoverflow
  1810. </span>
  1811. </button>
  1812. <button
  1813. class="btn btn-youtube btn-sm"
  1814. type="button"
  1815. >
  1816. <span>
  1817. youtube
  1818. </span>
  1819. </button>
  1820. <button
  1821. class="btn btn-dribbble btn-sm"
  1822. type="button"
  1823. >
  1824. <span>
  1825. dribbble
  1826. </span>
  1827. </button>
  1828. <button
  1829. class="btn btn-instagram btn-sm"
  1830. type="button"
  1831. >
  1832. <span>
  1833. instagram
  1834. </span>
  1835. </button>
  1836. <button
  1837. class="btn btn-pinterest btn-sm"
  1838. type="button"
  1839. >
  1840. <span>
  1841. pinterest
  1842. </span>
  1843. </button>
  1844. <button
  1845. class="btn btn-vk btn-sm"
  1846. type="button"
  1847. >
  1848. <span>
  1849. vk
  1850. </span>
  1851. </button>
  1852. <button
  1853. class="btn btn-yahoo btn-sm"
  1854. type="button"
  1855. >
  1856. <span>
  1857. yahoo
  1858. </span>
  1859. </button>
  1860. <button
  1861. class="btn btn-behance btn-sm"
  1862. type="button"
  1863. >
  1864. <span>
  1865. behance
  1866. </span>
  1867. </button>
  1868. <button
  1869. class="btn btn-reddit btn-sm"
  1870. type="button"
  1871. >
  1872. <span>
  1873. reddit
  1874. </span>
  1875. </button>
  1876. <button
  1877. class="btn btn-vimeo btn-sm"
  1878. type="button"
  1879. >
  1880. <span>
  1881. vimeo
  1882. </span>
  1883. </button>
  1884. </p>
  1885. <h6>
  1886. Size Normal
  1887. </h6>
  1888. <p>
  1889. <button
  1890. class="btn btn-facebook"
  1891. type="button"
  1892. >
  1893. <span>
  1894. facebook
  1895. </span>
  1896. </button>
  1897. <button
  1898. class="btn btn-twitter"
  1899. type="button"
  1900. >
  1901. <span>
  1902. twitter
  1903. </span>
  1904. </button>
  1905. <button
  1906. class="btn btn-linkedin"
  1907. type="button"
  1908. >
  1909. <span>
  1910. linkedin
  1911. </span>
  1912. </button>
  1913. <button
  1914. class="btn btn-flickr"
  1915. type="button"
  1916. >
  1917. <span>
  1918. flickr
  1919. </span>
  1920. </button>
  1921. <button
  1922. class="btn btn-tumblr"
  1923. type="button"
  1924. >
  1925. <span>
  1926. tumblr
  1927. </span>
  1928. </button>
  1929. <button
  1930. class="btn btn-xing"
  1931. type="button"
  1932. >
  1933. <span>
  1934. xing
  1935. </span>
  1936. </button>
  1937. <button
  1938. class="btn btn-github"
  1939. type="button"
  1940. >
  1941. <span>
  1942. github
  1943. </span>
  1944. </button>
  1945. <button
  1946. class="btn btn-stackoverflow"
  1947. type="button"
  1948. >
  1949. <span>
  1950. stackoverflow
  1951. </span>
  1952. </button>
  1953. <button
  1954. class="btn btn-youtube"
  1955. type="button"
  1956. >
  1957. <span>
  1958. youtube
  1959. </span>
  1960. </button>
  1961. <button
  1962. class="btn btn-dribbble"
  1963. type="button"
  1964. >
  1965. <span>
  1966. dribbble
  1967. </span>
  1968. </button>
  1969. <button
  1970. class="btn btn-instagram"
  1971. type="button"
  1972. >
  1973. <span>
  1974. instagram
  1975. </span>
  1976. </button>
  1977. <button
  1978. class="btn btn-pinterest"
  1979. type="button"
  1980. >
  1981. <span>
  1982. pinterest
  1983. </span>
  1984. </button>
  1985. <button
  1986. class="btn btn-vk"
  1987. type="button"
  1988. >
  1989. <span>
  1990. vk
  1991. </span>
  1992. </button>
  1993. <button
  1994. class="btn btn-yahoo"
  1995. type="button"
  1996. >
  1997. <span>
  1998. yahoo
  1999. </span>
  2000. </button>
  2001. <button
  2002. class="btn btn-behance"
  2003. type="button"
  2004. >
  2005. <span>
  2006. behance
  2007. </span>
  2008. </button>
  2009. <button
  2010. class="btn btn-reddit"
  2011. type="button"
  2012. >
  2013. <span>
  2014. reddit
  2015. </span>
  2016. </button>
  2017. <button
  2018. class="btn btn-vimeo"
  2019. type="button"
  2020. >
  2021. <span>
  2022. vimeo
  2023. </span>
  2024. </button>
  2025. </p>
  2026. <h6>
  2027. Size Large
  2028. <small>
  2029. Add
  2030. <code>
  2031. size="lg"
  2032. </code>
  2033. </small>
  2034. </h6>
  2035. <p>
  2036. <button
  2037. class="btn btn-facebook btn-lg"
  2038. type="button"
  2039. >
  2040. <span>
  2041. facebook
  2042. </span>
  2043. </button>
  2044. <button
  2045. class="btn btn-twitter btn-lg"
  2046. type="button"
  2047. >
  2048. <span>
  2049. twitter
  2050. </span>
  2051. </button>
  2052. <button
  2053. class="btn btn-linkedin btn-lg"
  2054. type="button"
  2055. >
  2056. <span>
  2057. linkedin
  2058. </span>
  2059. </button>
  2060. <button
  2061. class="btn btn-flickr btn-lg"
  2062. type="button"
  2063. >
  2064. <span>
  2065. flickr
  2066. </span>
  2067. </button>
  2068. <button
  2069. class="btn btn-tumblr btn-lg"
  2070. type="button"
  2071. >
  2072. <span>
  2073. tumblr
  2074. </span>
  2075. </button>
  2076. <button
  2077. class="btn btn-xing btn-lg"
  2078. type="button"
  2079. >
  2080. <span>
  2081. xing
  2082. </span>
  2083. </button>
  2084. <button
  2085. class="btn btn-github btn-lg"
  2086. type="button"
  2087. >
  2088. <span>
  2089. github
  2090. </span>
  2091. </button>
  2092. <button
  2093. class="btn btn-stackoverflow btn-lg"
  2094. type="button"
  2095. >
  2096. <span>
  2097. stackoverflow
  2098. </span>
  2099. </button>
  2100. <button
  2101. class="btn btn-youtube btn-lg"
  2102. type="button"
  2103. >
  2104. <span>
  2105. youtube
  2106. </span>
  2107. </button>
  2108. <button
  2109. class="btn btn-dribbble btn-lg"
  2110. type="button"
  2111. >
  2112. <span>
  2113. dribbble
  2114. </span>
  2115. </button>
  2116. <button
  2117. class="btn btn-instagram btn-lg"
  2118. type="button"
  2119. >
  2120. <span>
  2121. instagram
  2122. </span>
  2123. </button>
  2124. <button
  2125. class="btn btn-pinterest btn-lg"
  2126. type="button"
  2127. >
  2128. <span>
  2129. pinterest
  2130. </span>
  2131. </button>
  2132. <button
  2133. class="btn btn-vk btn-lg"
  2134. type="button"
  2135. >
  2136. <span>
  2137. vk
  2138. </span>
  2139. </button>
  2140. <button
  2141. class="btn btn-yahoo btn-lg"
  2142. type="button"
  2143. >
  2144. <span>
  2145. yahoo
  2146. </span>
  2147. </button>
  2148. <button
  2149. class="btn btn-behance btn-lg"
  2150. type="button"
  2151. >
  2152. <span>
  2153. behance
  2154. </span>
  2155. </button>
  2156. <button
  2157. class="btn btn-reddit btn-lg"
  2158. type="button"
  2159. >
  2160. <span>
  2161. reddit
  2162. </span>
  2163. </button>
  2164. <button
  2165. class="btn btn-vimeo btn-lg"
  2166. type="button"
  2167. >
  2168. <span>
  2169. vimeo
  2170. </span>
  2171. </button>
  2172. </p>
  2173. </div>
  2174. </div>
  2175. </div>
  2176. </div>
  2177. `;