diff --git a/README.md b/README.md index b44c9c38..699865b3 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,6 @@

Download and Installation

Documentation

diff --git a/assets/css/argon.css b/assets/css/argon.css index e4619074..ec964425 100644 --- a/assets/css/argon.css +++ b/assets/css/argon.css @@ -1,7 +1,7 @@ /*! ========================================================= -* Argon Design System - v1.0.0 +* Argon Design System - v1.0.1 ========================================================= * Product Page: https://www.creative-tim.com/product/argon-design-system @@ -495,7 +495,7 @@ h6, { font-family: inherit; font-weight: 400; - line-height: 1.3; + line-height: 1.5; margin-bottom: .5rem; @@ -548,28 +548,28 @@ h6, { font-size: 3.3rem; font-weight: 600; - line-height: 1.3; + line-height: 1.5; } .display-2 { font-size: 2.75rem; font-weight: 600; - line-height: 1.3; + line-height: 1.5; } .display-3 { font-size: 2.1875rem; font-weight: 600; - line-height: 1.3; + line-height: 1.5; } .display-4 { font-size: 1.6275rem; font-weight: 600; - line-height: 1.3; + line-height: 1.5; } hr @@ -5247,7 +5247,7 @@ input[type='button'].btn-block display: flex; - padding: .5rem 1rem; + padding: 1rem 1rem; flex-wrap: wrap; align-items: center; @@ -12589,30 +12589,6 @@ a.text-darker:focus } } -@-ms-viewport -{ - width: device-width; -} - -html -{ - box-sizing: border-box; - - -ms-overflow-style: scrollbar; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -body -{ - font-family: 'Open Sans', sans-serif; - font-size: 1rem; - line-height: 1.5; - - color: #525f7f; - background-color: #fff; -} - iframe { border: 0; @@ -13544,6 +13520,213 @@ button.section-darker:focus opacity: 1 !important; } +.top-0 +{ + top: 0; +} + +.right-0 +{ + right: 0; +} + +.bottom-0 +{ + bottom: 0; +} + +.left-0 +{ + left: 0; +} + +.top-1 +{ + top: .25rem; +} + +.right-1 +{ + right: .25rem; +} + +.bottom-1 +{ + bottom: .25rem; +} + +.left-1 +{ + left: .25rem; +} + +.top-2 +{ + top: .5rem; +} + +.right-2 +{ + right: .5rem; +} + +.bottom-2 +{ + bottom: .5rem; +} + +.left-2 +{ + left: .5rem; +} + +.top-3 +{ + top: 1rem; +} + +.right-3 +{ + right: 1rem; +} + +.bottom-3 +{ + bottom: 1rem; +} + +.left-3 +{ + left: 1rem; +} + +.top-4 +{ + top: 1.5rem; +} + +.right-4 +{ + right: 1.5rem; +} + +.bottom-4 +{ + bottom: 1.5rem; +} + +.left-4 +{ + left: 1.5rem; +} + +.top-5 +{ + top: 3rem; +} + +.right-5 +{ + right: 3rem; +} + +.bottom-5 +{ + bottom: 3rem; +} + +.left-5 +{ + left: 3rem; +} + +.top-sm +{ + top: 2rem; +} + +.right-sm +{ + right: 2rem; +} + +.bottom-sm +{ + bottom: 2rem; +} + +.left-sm +{ + left: 2rem; +} + +.top-md +{ + top: 4rem; +} + +.right-md +{ + right: 4rem; +} + +.bottom-md +{ + bottom: 4rem; +} + +.left-md +{ + left: 4rem; +} + +.top-lg +{ + top: 6rem; +} + +.right-lg +{ + right: 6rem; +} + +.bottom-lg +{ + bottom: 6rem; +} + +.left-lg +{ + left: 6rem; +} + +.top-xl +{ + top: 8rem; +} + +.right-xl +{ + right: 8rem; +} + +.bottom-xl +{ + bottom: 8rem; +} + +.left-xl +{ + left: 8rem; +} + +.center +{ + left: 50%; + + transform: translateX(-50%); +} + .h-100vh { height: 100vh !important; @@ -15265,7 +15448,7 @@ textarea[resize='horizontal'] .icon + .icon-text { - width: calc(100% - $icon-size - 1); + width: calc(100% - 3rem - 1); padding-left: 1rem; } @@ -15975,6 +16158,13 @@ textarea[resize='horizontal'] letter-spacing: 0; text-transform: normal; } +@media screen and (prefers-reduced-motion: reduce) +{ + .navbar-nav .nav-link + { + transition: none; + } +} .navbar-nav .nav-link .nav-link-inner--text { margin-left: .25rem; @@ -16011,10 +16201,6 @@ textarea[resize='horizontal'] @media (min-width: 992px) { - .navbar-main - { - padding: 1rem 0; - } .navbar-nav .nav-item { margin-right: .5rem; @@ -16981,16 +17167,13 @@ textarea[resize='horizontal'] { .section-hero { - height: 100vh; min-height: 500px; } } .section-shaped { - position: relative; - - margin: 180px 0; + position: relative; } .section-shaped .stars-and-coded { @@ -17013,9 +17196,7 @@ textarea[resize='horizontal'] { position: relative; - height: 100%; - padding-top: 6rem; - padding-bottom: 0rem; + height: 100%; } .section-shaped .shape.shape-skew + .container { @@ -17032,12 +17213,12 @@ textarea[resize='horizontal'] } .section-shaped .shape-skew { - transform: skewY(-8deg); + transform: skewY(-4deg); transform-origin: 0; } .section-shaped .shape-skew span { - transform: skew(8deg); + transform: skew(4deg); } .section-shaped .shape-primary { @@ -17567,6 +17748,59 @@ textarea[resize='horizontal'] pointer-events: none; } +.separator +{ + position: absolute; + z-index: 1; + top: auto; + right: 0; + left: 0; + + overflow: hidden; + + width: 100%; + height: 150px; + + transform: translateZ(0); + pointer-events: none; +} +.separator svg +{ + position: absolute; + + pointer-events: none; +} + +.separator-top +{ + top: 0; + bottom: auto; +} +.separator-top svg +{ + top: 0; +} + +.separator-bottom +{ + top: auto; + bottom: 0; +} +.separator-bottom svg +{ + bottom: 0; +} + +.separator-inverse +{ + transform: rotate(180deg); +} + +.separator-skew +{ + height: 60px; +} + p { font-size: 1rem; @@ -17960,12 +18194,19 @@ article h5 + figure .headroom { - transition: all .15s ease; + transition: all .15s ease; - background-color: inherit; + background-color: inherit; will-change: transform; } +@media screen and (prefers-reduced-motion: reduce) +{ + .headroom + { + transition: none; + } +} .headroom--pinned { diff --git a/assets/css/docs.min.css b/assets/css/docs.min.css deleted file mode 100644 index 39f9b225..00000000 --- a/assets/css/docs.min.css +++ /dev/null @@ -1,15 +0,0 @@ -/*! - -========================================================= -* Argon Design System Docs - v1.0.1 -========================================================= - -* Docs Page: https://demos.creative-tim.com/argon-design-system/docs/getting-started/overview.html -* Copyright 2018 Creative Tim (https://www.creative-tim.com) -* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system/blob/master/LICENSE.md) - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/.ct-navbar{padding-top:.5rem;padding-bottom:.5rem;background-color:#5e72e4;box-shadow:rgba(116,129,141,.1) 0 1px 1px 0}@media (max-width:991.98px){.ct-navbar{padding-right:.5rem;padding-left:.5rem}.ct-navbar .navbar-nav-scroll{font-size:.875rem;overflow:hidden;max-width:100%;height:2.5rem;margin-top:.25rem}.ct-navbar .navbar-nav-scroll .navbar-nav{overflow-x:auto;padding-bottom:2rem;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (min-width:768px){@supports ((position:-webkit-sticky) or (position:sticky)){.ct-navbar{position:-webkit-sticky;position:sticky;z-index:1071;top:0}}}.ct-navbar .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;color:rgba(255,255,255,.9)!important}.ct-navbar .navbar-nav .nav-link.active,.ct-navbar .navbar-nav .nav-link:hover{color:#fff!important;background-color:transparent!important}.ct-navbar .navbar-nav .nav-link.active{font-weight:500}.ct-navbar .navbar-nav-svg{display:inline-block;width:1rem;height:1rem;vertical-align:text-top}.ct-navbar .dropdown-menu{font-size:.875rem}.ct-navbar .dropdown-item.active{font-weight:500;padding-left:25px;color:#212529;background-color:transparent;background-image:url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23292b2c\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:.4rem .87rem;background-size:.75rem .75rem}.github-corner{position:fixed;z-index:1080;right:0}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}.github-corner svg{color:#5e72e4;fill:#fff}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.ct-clipboard{position:relative;display:none;float:right}.ct-clipboard+.highlight{margin-top:0}.btn-clipboard{font-size:75%;position:absolute;z-index:10;top:1rem;right:1rem;display:block;padding:.25rem .5rem;cursor:pointer;color:#fff;border:0;border-radius:.25rem;background-color:transparent;background-color:#5e72e4}.btn-clipboard:hover{color:#fff;background-color:#324cdd}@media (min-width:768px){.ct-clipboard{display:block}}.ct-example-row .row>.col span,.ct-example-row .row>[class^=col-] span{font-size:.875rem;display:block;margin:1rem 0;padding:.75rem;color:#393f49;border-radius:.25rem;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0 0 0 1px,rgba(0,0,0,.1) 0 4px 16px}.ct-example-row .no-gutters>.col span,.ct-example-row .no-gutters>[class^=col-] span{border-radius:0}.ct-example-row .flex-items-bottom,.ct-example-row .flex-items-middle,.ct-example-row .flex-items-top{min-height:6rem;background-color:rgba(255,0,0,.1)}.ct-example-row-flex-cols .row{min-height:10rem;background-color:rgba(255,0,0,.1)}.ct-example-row-flex-cols .row+.row{margin-top:1rem}.ct-highlight{border:1px solid rgba(94,114,228,.15);background-color:rgba(94,114,228,.15)}.example-container{width:800px;width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}.example-row{display:flex;margin-right:-15px;margin-left:-15px;flex-wrap:wrap}.example-content-main{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-main{max-width:50%;flex:0 0 50%}}@media (min-width:992px){.example-content-main{max-width:66.66667%;flex:0 0 66.66667%}}.example-content-secondary{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-secondary{max-width:50%;flex:0 0 50%}}@media (min-width:992px){.example-content-secondary{max-width:33.33333%;flex:0 0 33.33333%}}.ct-example-container{min-width:16rem;max-width:25rem;margin-right:auto;margin-left:auto}.ct-example-container-header{height:3rem;margin-bottom:.5rem;border-radius:.25rem;background-color:#fff}.ct-example-container-sidebar{float:right;width:4rem;height:8rem;border-radius:.25rem;background-color:#cbd2f6}.ct-example-container-body{height:8rem;margin-right:4.5rem;border-radius:.25rem;background-color:#cbd2f6}.ct-example-container-fluid{max-width:none}.ct-example{position:relative;margin:1rem -15px 0}.ct-example::after{display:block;clear:both;content:''}@media (min-width:576px){.ct-example{margin-right:0;margin-left:0}}.ct-example+.clipboard+.highlight,.ct-example+.highlight{margin-top:0}.ct-example+p{margin-top:2rem}.ct-example .pos-f-t{position:relative;margin:-1rem}@media (min-width:576px){.ct-example .pos-f-t{margin:-1.5rem}}.ct-example .custom-file-input:lang(es)~.custom-file-label::after{content:'Elegir'}.ct-example>.form-control+.form-control{margin-top:.5rem}.ct-example .badge,.ct-example .btn,.ct-example>.alert+.alert,.ct-example>.nav+.nav,.ct-example>.navbar+.navbar,.ct-example>.progress+.btn,.ct-example>.progress+.progress{margin-top:.5rem;margin-bottom:.5rem}.ct-example .btn-group{margin-top:.5rem;margin-bottom:.5rem}.ct-example .btn-group .btn{margin:0}.ct-example .alert{margin:0}.ct-example .alert+.alert{margin-top:1.25rem}.ct-example .badge{margin-right:.5rem}.ct-example>.dropdown-menu:first-child{position:static;display:block}.ct-example>.form-group:last-child{margin-bottom:0}.ct-example>.close{float:none}.ct-example-type .table .type-info{vertical-align:middle;color:#999}.ct-example-type .table td{padding:1rem 0;border-color:#eee}.ct-example-type .table tr:first-child td{border-top:0}.ct-example-type h1,.ct-example-type h2,.ct-example-type h3,.ct-example-type h4,.ct-example-type h5,.ct-example-type h6{margin-top:0;margin-bottom:0}.ct-example-bg-classes p{padding:1rem}.ct-example>img+img{margin-left:.5rem}.ct-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.ct-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.ct-example-control-sizing input[type=text]+input[type=text],.ct-example-control-sizing select{margin-top:.5rem}.ct-example-form .input-group{margin-bottom:.5rem}.ct-example>textarea.form-control{resize:vertical}.ct-example>.list-group{max-width:400px}.ct-example .fixed-top,.ct-example .sticky-top{position:static;margin:-1rem -1rem 1rem}.ct-example .fixed-bottom{position:static;margin:1rem -1rem -1rem}@media (min-width:576px){.ct-example .fixed-top,.ct-example .sticky-top{margin:-1.5rem -1.5rem 1rem}.ct-example .fixed-bottom{margin:1rem -1.5rem -1.5rem}}.ct-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.modal{z-index:1072}.modal .popover,.modal .tooltip{z-index:1073}.modal-backdrop{z-index:1071}.ct-example-modal{background-color:#fafafa}.ct-example-modal .modal{position:relative;z-index:1;top:auto;right:auto;bottom:auto;left:auto;display:block}.ct-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.ct-example-tabs .nav-tabs{margin-bottom:1rem}.ct-example-popover-static{padding-bottom:1.5rem;background-color:#f9f9f9}.ct-example-popover-static .popover{position:relative;display:block;float:left;width:260px;margin:1.25rem}.tooltip-demo a{white-space:nowrap}.ct-example-tooltip-static .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.scrollspy-example{position:relative;overflow:auto;height:200px;margin-top:.5rem}.scrollspy-example-2{position:relative;overflow:auto;height:350px}.ct-example-border-utils [class^=border]{display:inline-block;width:5rem;height:5rem;margin:.25rem;background-color:#f5f5f5}.ct-example-border-utils-0 [class^=border]{border:1px solid #e9ecef}.highlight{margin-top:1rem;padding:0;-ms-overflow-style:-ms-autohiding-scrollbar}@media (min-width:576px){.highlight{padding:0}}.ct-content .highlight{margin-right:-15px;margin-left:-15px}@media (min-width:576px){.ct-content .highlight{margin-right:0;margin-left:0}}.ct-example{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.ct-example .tab-content .tab-example-result{padding:1.25rem;border-radius:.25rem;background-color:#f7f8f9}.ct-example .nav-tabs-code{margin-bottom:.375rem}.ct-example .nav-tabs-code .nav-link{font-size:.875rem}.ct-example .nav-tabs-code .nav-link.active,.ct-example .nav-tabs-code .nav-link:active{color:#5e72e4}.icon-examples{margin-top:1rem}.btn-icon-clipboard{font-family:inherit;font-size:16px;font-weight:400;line-height:1.25;display:inline-block;width:100%;margin:0;margin:.5rem 0;padding:24px;cursor:pointer;text-align:left;vertical-align:middle;text-decoration:none;color:#393f49;border:0 none;border-radius:4px;background-color:#f8f9fa;-moz-appearance:none}.btn-icon-clipboard:hover{background-color:#fff;box-shadow:rgba(0,0,0,.1) 0 0 0 1px,rgba(0,0,0,.1) 0 4px 16px}.btn-icon-clipboard>div{display:flex;align-items:center}.btn-icon-clipboard i{font-size:1.5rem;box-sizing:content-box;vertical-align:middle;color:#393f49}.btn-icon-clipboard span{font-size:.875rem;line-height:1.5;display:inline-block;overflow:hidden;margin-left:16px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;color:#393f49}code[class*=language-],pre[class*=language-]{font-family:Consolas,Menlo,Monaco,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L','Courier New',Courier,monospace;font-size:14px;line-height:1.375;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;color:#5e6687;border-radius:.25rem;background:#f5f7ff;direction:ltr;-ms-hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#dfe2f1;text-shadow:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#dfe2f1;text-shadow:none}pre[class*=language-]{overflow:auto;margin:0;padding:1.25rem}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#898ea4}.token.punctuation{color:#5e6687}.token.namespace{opacity:.7}.token.boolean,.token.number,.token.operator{color:#c76b29}.token.property{color:#c08b30}.token.tag{color:#3d8fd1}.token.string{color:#22a2c9}.token.selector{color:#6679cc}.token.attr-name{color:#c76b29}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#22a2c9}.token.attr-value,.token.control,.token.directive,.token.keyword,.token.unit{color:#ac9739}.token.atrule,.token.regex,.token.statement{color:#22a2c9}.token.placeholder,.token.variable{color:#3d8fd1}.token.deleted{text-decoration:line-through}.token.inserted{text-decoration:none;border-bottom:1px dotted #202746}.token.italic{font-style:italic}.token.bold,.token.important{font-weight:700}.token.important{color:#c94922}.token.entity{cursor:help}pre>code.highlight{outline:.4em solid #c94922;outline-offset:.4em}.line-numbers .line-numbers-rows{border-right-color:#dfe2f1}.line-numbers-rows>span:before{color:#979db4}.line-highlight{background:rgba(107,115,148,.2);background:linear-gradient(to right,rgba(107,115,148,.2) 70%,rgba(107,115,148,0))}.ct-content{order:1}.ct-content>h2[id],.ct-content>h3[id],.ct-content>h4[id]{pointer-events:none}.ct-content>h2[id]>a,.ct-content>h2[id]>div,.ct-content>h3[id]>a,.ct-content>h3[id]>div,.ct-content>h4[id]>a,.ct-content>h4[id]>div{pointer-events:auto}.ct-content>h2[id]::before,.ct-content>h3[id]::before,.ct-content>h4[id]::before{display:block;visibility:hidden;height:6rem;margin-top:-6rem;content:''}.ct-content>table{width:100%;max-width:100%;margin-bottom:1rem}@media (max-width:991.98px){.ct-content>table{display:block;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.ct-content>table.table-bordered{border:0}}.ct-content>table>tbody>tr>td,.ct-content>table>tbody>tr>th,.ct-content>table>tfoot>tr>td,.ct-content>table>tfoot>tr>th,.ct-content>table>thead>tr>td,.ct-content>table>thead>tr>th{padding:1rem;vertical-align:top;border:1px solid #dee2e6}.ct-content>table>tbody>tr>td>p:last-child,.ct-content>table>tbody>tr>th>p:last-child,.ct-content>table>tfoot>tr>td>p:last-child,.ct-content>table>tfoot>tr>th>p:last-child,.ct-content>table>thead>tr>td>p:last-child,.ct-content>table>thead>tr>th>p:last-child{margin-bottom:0}.ct-content>table td:first-child>code{white-space:nowrap}.ct-content>h2:not(:first-child){font-size:1.5rem;font-weight:600;margin-top:3rem}.ct-content>h3{font-size:1.25rem;font-weight:600;margin-top:2.5rem}.ct-content>ol li,.ct-content>ul li{margin-bottom:.25rem}@media (min-width:992px){.ct-content>ol,.ct-content>p,.ct-content>ul{max-width:80%}}.ct-page-title{margin-bottom:1.5rem;padding-left:1.25rem;border-left:2px solid #5e72e4}.ct-title{font-weight:300;margin-top:1rem;margin-bottom:.5rem}@media (min-width:576px){.ct-title{font-size:1.5rem;font-weight:600}}.ct-lead{font-weight:500;color:#3b454e}@media (min-width:576px){.ct-lead{font-size:.875rem;max-width:80%;margin-bottom:1rem}}.ct-text-purple{color:#5e72e4}.ct-text-purple-bright{color:#9da9f2}.ct-tabs-example .nav-link i{margin-right:5px}.color-swatch{margin:1rem 0;border-radius:.25rem;background-color:#f4f5f7}.color-swatch:after{display:table;clear:both;content:' '}.color-swatch-header{position:relative;height:0;padding-bottom:50%;border:1px solid transparent;border-radius:.25rem .25rem 0 0}.color-swatch-header.is-light{border-color:#c1c7d0}.color-swatch-header .pass-fail{position:absolute;bottom:0;width:100%}.color-swatch-header .pass-fail-item-wrap{position:relative;left:50%;float:left;transform:translateX(-50%)}.color-swatch-header .pass-fail-item-group{display:inline-block;padding:0 5px}.color-swatch-header .pass-fail-item{display:inline-block;float:left;padding:2px;text-align:center}.color-swatch-header .pass-fail-item.white .example{color:#fff}.color-swatch-header .pass-fail-item.small .example{font-size:10px}.color-swatch-header .pass-fail-item .lozenge{font-size:11px;font-weight:600;line-height:10px;padding:2px 4px;letter-spacing:.05em;text-transform:uppercase;color:#fff;border-radius:4px;background:#000}.color-swatch-body{position:relative;left:50%;float:left;padding:10px 0;transform:translateX(-50%)}.color-swatch-body .prop-item-wrap{float:left;min-width:65px;padding:0 15px}.color-swatch-body .prop-item{padding:15px 0}.color-swatch-body .prop-item .label{font-size:11px;line-height:16px;text-transform:uppercase;color:#62748c}.color-swatch-body .prop-item .value{font-size:14px}.table-colors{font-size:16px;font-weight:600;width:100%}.table-colors td,.table-colors td:first-child,.table-colors td:last-child,.table-colors:first-child td,.table-colors:first-child td:first-child,.table-colors:first-child td:last-child{padding:10px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.9)}.table-colors tr:last-child td,.table-colors:first-child tr:last-child td{border-bottom:none}.table-colors td:nth-child(1),.table-colors:first-child td:nth-child(1){line-height:40px}.table-colors .swatch,.table-colors:first-child .swatch{display:inline-block;float:left;width:40px;height:40px;margin-right:20px;border:1px solid transparent;border-radius:4px}.table-colors .swatch.is-light,.table-colors:first-child .swatch.is-light{border-color:#c1c7d0}.table-colors .lozenge,.table-colors:first-child .lozenge{font-size:10px;font-weight:600;line-height:10px;display:inline-block;float:left;margin:5px 10px 0 0;padding:2px 4px;letter-spacing:.05em;text-transform:uppercase;color:#042a53;border-radius:4px;background:#97a0af}.ct-toc{font-size:.875rem;padding-top:2rem;padding-bottom:1.5rem;order:2}@supports ((position:-webkit-sticky) or (position:sticky)){.ct-toc{position:-webkit-sticky;position:sticky;top:4rem;overflow-y:auto;height:calc(100vh - 4rem)}}.section-nav{padding-left:0;border-left:1px solid #eee}.section-nav ul{padding-left:1rem}.section-nav ul ul{display:none}.toc-entry{display:block}.toc-entry a{font-size:95%;display:block;padding:.125rem 1.5rem;color:#99979c}.toc-entry a:hover{text-decoration:none;color:#5e72e4}.ct-sidebar{border-bottom:1px solid #e6ecf1;background-color:#f5f7f9;order:0}@media (min-width:768px){.ct-sidebar{border-right:1px solid #e6ecf1}@supports ((position:-webkit-sticky) or (position:sticky)){.ct-sidebar{position:-webkit-sticky;position:sticky;z-index:1000;top:4rem;height:calc(100vh - 4rem)}}}@media (min-width:1200px){.ct-sidebar{flex:0 1 320px}}.ct-links{margin-right:-15px;margin-left:-15px;padding-top:2rem;padding-bottom:1rem}@media (min-width:768px){@supports ((position:-webkit-sticky) or (position:sticky)){.ct-links{overflow-y:auto;max-height:calc(100vh - 5rem)}}}@media (min-width:768px){.ct-links{display:block!important}}.ct-search{position:relative;margin-right:-15px;margin-left:-15px;padding:1rem 15px;border-bottom:1px solid rgba(0,0,0,.05)}.ct-search .form-control:focus{border-color:#9da9f2;box-shadow:0 0 0 3px rgba(157,169,242,.25)}.ct-search-docs-toggle{line-height:1;color:#212529}.ct-sidenav{display:none}.ct-toc-link{font-size:.875rem;font-weight:600;display:block;padding:.25rem 1.5rem;color:#0d2b3e}.ct-toc-link:hover{text-decoration:none;color:rgba(0,0,0,.85)}.ct-toc-item.active{margin-bottom:1rem}.ct-toc-item.active:not(:first-child){margin-top:1rem}.ct-toc-item.active>.ct-toc-link{color:rgba(0,0,0,.85)}.ct-toc-item.active>.ct-toc-link:hover{background-color:transparent}.ct-toc-item.active>.ct-sidenav{display:block}.ct-sidebar .nav>li>a{font-size:84%;display:block;padding:.25rem 1.5rem;color:#4c555a}.ct-sidebar .nav>li>a:hover{text-decoration:none;color:rgba(0,0,0,.85);background-color:transparent}.ct-sidebar .nav>.active>a{font-weight:500;position:relative;padding-left:2rem;color:#0099e5;background-color:transparent}.ct-sidebar .nav>.active>a:before{position:absolute;top:50%;left:1.5rem;width:2px;height:16px;content:'';transform:translateY(-50%);background-color:#0099e5}.ct-sidebar .nav>.active:hover>a{color:#0099e5}.scrollbar-inner{height:100%}.scrollbar-inner:not(:hover) .scroll-element{opacity:0}.scrollbar-inner .scroll-element{margin-right:2px;transition:opacity .3s}.scrollbar-inner .scroll-element .scroll-bar,.scrollbar-inner .scroll-element .scroll-element_track{transition:background-color .3s}.scrollbar-inner .scroll-element .scroll-element_track{background-color:transparent}.scrollbar-inner .scroll-element.scroll-y{right:0;width:3px}.scrollbar-inner .scroll-element.scroll-x{bottom:0;height:3px}.ct-footer{font-size:85%;text-align:center;background-color:#f7f7f7}.ct-footer a{font-weight:500;color:#525f7f}.ct-footer a:focus,.ct-footer a:hover{color:#5e72e4}.ct-footer p{margin-bottom:0}@media (min-width:576px){.ct-footer{text-align:left}}.ct-footer-links{margin-bottom:1rem;padding-left:0}.ct-footer-links li{display:inline-block}.ct-footer-links li+li{margin-left:1rem} \ No newline at end of file diff --git a/assets/img/brand/github-white-slim.png b/assets/img/brand/github-white-slim.png deleted file mode 100644 index 70fdf9f4..00000000 Binary files a/assets/img/brand/github-white-slim.png and /dev/null differ diff --git a/assets/img/docs/getting-started/overview.svg b/assets/img/docs/getting-started/overview.svg deleted file mode 100644 index 8dec40bb..00000000 --- a/assets/img/docs/getting-started/overview.svg +++ /dev/null @@ -1 +0,0 @@ -ill-6 \ No newline at end of file diff --git a/assets/img/icons/flags/DE.png b/assets/img/icons/flags/DE.png deleted file mode 100644 index 23a407b2..00000000 Binary files a/assets/img/icons/flags/DE.png and /dev/null differ diff --git a/assets/img/icons/flags/FR.png b/assets/img/icons/flags/FR.png deleted file mode 100644 index cb92d12f..00000000 Binary files a/assets/img/icons/flags/FR.png and /dev/null differ diff --git a/assets/img/icons/flags/GB.png b/assets/img/icons/flags/GB.png deleted file mode 100644 index 04019f5f..00000000 Binary files a/assets/img/icons/flags/GB.png and /dev/null differ diff --git a/assets/img/icons/flags/US.png b/assets/img/icons/flags/US.png deleted file mode 100644 index 73f0c7ae..00000000 Binary files a/assets/img/icons/flags/US.png and /dev/null differ diff --git a/assets/js/argon.js b/assets/js/argon.js index 03f18447..94916d92 100644 --- a/assets/js/argon.js +++ b/assets/js/argon.js @@ -1,7 +1,7 @@ /*! ========================================================= -* Argon Design System - v1.0.0 +* Argon Design System - v1.0.1 ========================================================= * Product Page: https://www.creative-tim.com/product/argon-design-system @@ -44,7 +44,7 @@ $(document).ready(function() { // Headroom - show/hide navbar on scroll if($('.headroom')[0]) { var headroom = new Headroom(document.querySelector("#navbar-main"), { - offset: 100, + offset: 300, tolerance : { up : 30, down : 30 diff --git a/assets/js/docs.min.js b/assets/js/docs.min.js deleted file mode 100644 index cb2d1ec8..00000000 --- a/assets/js/docs.min.js +++ /dev/null @@ -1,16 +0,0 @@ -/*! - -========================================================= -* Argon Design System Docs - v1.0.1 -========================================================= - -* Docs Page: https://demos.creative-tim.com/argon-design-system/docs/getting-started/overview.html -* Copyright 2018 Creative Tim (https://www.creative-tim.com) -* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system/blob/master/LICENSE.md) - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ -!function(i){"use strict";i(function(){i(".scrollbar-inner")[0]&&i(".scrollbar-inner").scrollbar().scrollLock(),i(".tooltip-demo").tooltip({selector:'[data-toggle="tooltip"]',container:"body"}),i(".tooltip-test").tooltip(),i(".popover-test").popover(),i('.ct-example-indeterminate [type="checkbox"]').prop("indeterminate",!0),i('.ct-content [href="#"]').click(function(t){t.preventDefault()}),i("#exampleModal").on("show.bs.modal",function(t){var o=i(t.relatedTarget).data("whatever"),e=i(this);e.find(".modal-title").text("New message to "+o),e.find(".modal-body input").val(o)}),i(".ct-toggle-animated-progress").on("click",function(){i(this).siblings(".progress").find(".progress-bar-striped").toggleClass("progress-bar-animated")}),i("figure.highlight, div.highlight").each(function(){i(this).before('
'),i(".btn-clipboard").tooltip().on("mouseleave",function(){i(this).tooltip("hide")})});var t=new ClipboardJS(".btn-clipboard",{target:function(t){return t.parentNode.nextElementSibling}});t.on("success",function(t){i(t.trigger).attr("title","Copied!").tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle"),t.clearSelection()}),t.on("error",function(t){var o="Press "+(/Mac/i.test(navigator.userAgent)?"⌘":"Ctrl-")+"C to copy";i(t.trigger).attr("title",o).tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle")}),i(".btn-icon-clipboard").tooltip().on("mouseleave",function(){i(this).tooltip("hide")}),new ClipboardJS(".btn-icon-clipboard").on("success",function(t){i(t.trigger).attr("title","Copied!").tooltip("_fixTitle").tooltip("show").attr("title","Copy to clipboard").tooltip("_fixTitle"),t.clearSelection()}),anchors.options={icon:"#"},anchors.add(".ct-content > h2, .ct-content > h3, .ct-content > h4, .ct-content > h5"),i(".ct-content > h2, .ct-content > h3, .ct-content > h4, .ct-content > h5").wrapInner("
"),Holder.addTheme("gray",{bg:"#777",fg:"rgba(255,255,255,.75)",font:"Helvetica",fontweight:"normal"})})}(jQuery); \ No newline at end of file diff --git a/assets/js/vendor/anchor.min.js b/assets/js/vendor/anchor.min.js deleted file mode 100644 index 29e0b943..00000000 --- a/assets/js/vendor/anchor.min.js +++ /dev/null @@ -1,6 +0,0 @@ -/** - * AnchorJS - v4.1.0 - 2017-09-20 - * https://github.com/bryanbraun/anchorjs - * Copyright (c) 2017 Bryan Braun; Licensed MIT - */ -!function(A,e){"use strict";"function"==typeof define&&define.amd?define([],e):"object"==typeof module&&module.exports?module.exports=e():(A.AnchorJS=e(),A.anchors=new A.AnchorJS)}(this,function(){"use strict";return function(A){function d(A){A.icon=A.hasOwnProperty("icon")?A.icon:"",A.visible=A.hasOwnProperty("visible")?A.visible:"hover",A.placement=A.hasOwnProperty("placement")?A.placement:"right",A.ariaLabel=A.hasOwnProperty("ariaLabel")?A.ariaLabel:"Anchor",A.class=A.hasOwnProperty("class")?A.class:"",A.truncate=A.hasOwnProperty("truncate")?Math.floor(A.truncate):64}function f(A){var e;if("string"==typeof A||A instanceof String)e=[].slice.call(document.querySelectorAll(A));else{if(!(Array.isArray(A)||A instanceof NodeList))throw new Error("The selector provided to AnchorJS was invalid.");e=[].slice.call(A)}return e}this.options=A||{},this.elements=[],d(this.options),this.isTouchDevice=function(){return!!("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)},this.add=function(A){var e,t,i,n,o,s,r,a,c,h,l,u=[];if(d(this.options),"touch"===(l=this.options.visible)&&(l=this.isTouchDevice()?"always":"hover"),A||(A="h2, h3, h4, h5, h6"),0===(e=f(A)).length)return this;for(function(){if(null===document.head.querySelector("style.anchorjs")){var A,e=document.createElement("style");e.className="anchorjs",e.appendChild(document.createTextNode("")),void 0===(A=document.head.querySelector('[rel="stylesheet"], style'))?document.head.appendChild(e):document.head.insertBefore(e,A),e.sheet.insertRule(" .anchorjs-link { opacity: 0; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }",e.sheet.cssRules.length),e.sheet.insertRule(" *:hover > .anchorjs-link, .anchorjs-link:focus { opacity: 1; }",e.sheet.cssRules.length),e.sheet.insertRule(" [data-anchorjs-icon]::after { content: attr(data-anchorjs-icon); }",e.sheet.cssRules.length),e.sheet.insertRule(' @font-face { font-family: "anchorjs-icons"; src: url(data:n/a;base64,AAEAAAALAIAAAwAwT1MvMg8yG2cAAAE4AAAAYGNtYXDp3gC3AAABpAAAAExnYXNwAAAAEAAAA9wAAAAIZ2x5ZlQCcfwAAAH4AAABCGhlYWQHFvHyAAAAvAAAADZoaGVhBnACFwAAAPQAAAAkaG10eASAADEAAAGYAAAADGxvY2EACACEAAAB8AAAAAhtYXhwAAYAVwAAARgAAAAgbmFtZQGOH9cAAAMAAAAAunBvc3QAAwAAAAADvAAAACAAAQAAAAEAAHzE2p9fDzz1AAkEAAAAAADRecUWAAAAANQA6R8AAAAAAoACwAAAAAgAAgAAAAAAAAABAAADwP/AAAACgAAA/9MCrQABAAAAAAAAAAAAAAAAAAAAAwABAAAAAwBVAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAMCQAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAg//0DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAAIAAAACgAAxAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADAAAAAIAAgAAgAAACDpy//9//8AAAAg6cv//f///+EWNwADAAEAAAAAAAAAAAAAAAAACACEAAEAAAAAAAAAAAAAAAAxAAACAAQARAKAAsAAKwBUAAABIiYnJjQ3NzY2MzIWFxYUBwcGIicmNDc3NjQnJiYjIgYHBwYUFxYUBwYGIwciJicmNDc3NjIXFhQHBwYUFxYWMzI2Nzc2NCcmNDc2MhcWFAcHBgYjARQGDAUtLXoWOR8fORYtLTgKGwoKCjgaGg0gEhIgDXoaGgkJBQwHdR85Fi0tOAobCgoKOBoaDSASEiANehoaCQkKGwotLXoWOR8BMwUFLYEuehYXFxYugC44CQkKGwo4GkoaDQ0NDXoaShoKGwoFBe8XFi6ALjgJCQobCjgaShoNDQ0NehpKGgobCgoKLYEuehYXAAAADACWAAEAAAAAAAEACAAAAAEAAAAAAAIAAwAIAAEAAAAAAAMACAAAAAEAAAAAAAQACAAAAAEAAAAAAAUAAQALAAEAAAAAAAYACAAAAAMAAQQJAAEAEAAMAAMAAQQJAAIABgAcAAMAAQQJAAMAEAAMAAMAAQQJAAQAEAAMAAMAAQQJAAUAAgAiAAMAAQQJAAYAEAAMYW5jaG9yanM0MDBAAGEAbgBjAGgAbwByAGoAcwA0ADAAMABAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAP) format("truetype"); }',e.sheet.cssRules.length)}}(),t=document.querySelectorAll("[id]"),i=[].map.call(t,function(A){return A.id}),o=0;o\]\.\/\(\)\*\\]/g,"-").replace(/-{2,}/g,"-").substring(0,this.options.truncate).replace(/^-+|-+$/gm,"").toLowerCase()},this.hasAnchorJSLink=function(A){var e=A.firstChild&&-1<(" "+A.firstChild.className+" ").indexOf(" anchorjs-link "),t=A.lastChild&&-1<(" "+A.lastChild.className+" ").indexOf(" anchorjs-link ");return e||t||!1}}}); \ No newline at end of file diff --git a/assets/js/vendor/clipboard.min.js b/assets/js/vendor/clipboard.min.js deleted file mode 100644 index 5b7b4c8e..00000000 --- a/assets/js/vendor/clipboard.min.js +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * clipboard.js v2.0.0 - * https://zenorocha.github.io/clipboard.js - * - * Licensed MIT © Zeno Rocha - */ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){function o(t){if(r[t])return r[t].exports;var e=r[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,o),e.l=!0,e.exports}var r={};return o.m=n,o.c=r,o.i=function(t){return t},o.d=function(t,e,n){o.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=3)}([function(t,e,n){var o,r,i;r=[t,n(7)],void 0!==(i="function"==typeof(o=function(t,e){"use strict";var n,o=(n=e)&&n.__esModule?n:{default:n},r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n>>0;if("function"!=typeof e)throw TypeError();var r,i=arguments[1];for(r=0;r>16&255)),n.push(String.fromCharCode(r>>8&255)),n.push(String.fromCharCode(255&r)),r=i=0),t+=1;return 12===i?(r>>=4,n.push(String.fromCharCode(255&r))):18===i&&(r>>=2,n.push(String.fromCharCode(r>>8&255)),n.push(String.fromCharCode(255&r))),n.join("")},e.btoa=e.btoa||function(e){e=String(e);var t,n,r,i,o,a,s,l=0,h=[];if(/[^\x00-\xFF]/.test(e))throw Error("InvalidCharacterError");for(;l>2,o=(3&t)<<4|(n=e.charCodeAt(l++))>>4,a=(15&n)<<2|(r=e.charCodeAt(l++))>>6,s=63&r,l===e.length+2?s=a=64:l===e.length+1&&(s=64),h.push(d.charAt(i),d.charAt(o),d.charAt(a),d.charAt(s));return h.join("")},Object.prototype.hasOwnProperty||(Object.prototype.hasOwnProperty=function(e){var t=this.__proto__||this.constructor.prototype;return e in this&&(!(e in t)||t[e]!==this[e])}),function(){if("performance"in i==0&&(i.performance={}),Date.now=Date.now||function(){return(new Date).getTime()},"now"in i.performance==0){var e=Date.now();performance.timing&&performance.timing.navigationStart&&(e=performance.timing.navigationStart),i.performance.now=function(){return Date.now()-e}}}(),i.requestAnimationFrame||(i.webkitRequestAnimationFrame&&i.webkitCancelAnimationFrame?((r=i).requestAnimationFrame=function(e){return webkitRequestAnimationFrame(function(){e(r.performance.now())})},r.cancelAnimationFrame=r.webkitCancelAnimationFrame):i.mozRequestAnimationFrame&&i.mozCancelAnimationFrame?((n=i).requestAnimationFrame=function(e){return mozRequestAnimationFrame(function(){e(n.performance.now())})},n.cancelAnimationFrame=n.mozCancelAnimationFrame):((t=i).requestAnimationFrame=function(e){return t.setTimeout(e,1e3/60)},t.cancelAnimationFrame=t.clearTimeout))}var t,n,r,e,d}(this),function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Holder=t():e.Holder=t()}(this,function(){return function(n){function r(e){if(i[e])return i[e].exports;var t=i[e]={exports:{},id:e,loaded:!1};return n[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}var i={};return r.m=n,r.c=i,r.p="",r(0)}([function(e,t,n){e.exports=n(1)},function(s,e,T){(function(h){function u(e,t,n,r){var i=l(n.substr(n.lastIndexOf(e.domain)),e);i&&f({mode:null,el:r,flags:i,engineSettings:t})}function l(e,t){var n={theme:C(R.settings.themes.gray,null),stylesheets:t.stylesheets,instanceOptions:t},r=e.indexOf("?"),i=[e];-1!==r&&(i=[e.slice(0,r),e.slice(r+1)]);var o=i[0].split("/");n.holderURL=e;var a=o[1],s=a.match(/([\d]+p?)x([\d]+p?)/);if(!s)return!1;if(n.fluid=-1!==a.indexOf("p"),n.dimensions={width:s[1].replace("p","%"),height:s[2].replace("p","%")},2===i.length){var l=p.parse(i[1]);if(x.truthy(l.ratio)){n.fluid=!0;var h=parseFloat(n.dimensions.width.replace("%","")),d=parseFloat(n.dimensions.height.replace("%",""));d=Math.floor(d/h*100),h=100,n.dimensions.width=h+"%",n.dimensions.height=d+"%"}if(n.auto=x.truthy(l.auto),l.bg&&(n.theme.bg=x.parseColor(l.bg)),l.fg&&(n.theme.fg=x.parseColor(l.fg)),l.bg&&!l.fg&&(n.autoFg=!0),l.theme&&n.instanceOptions.themes.hasOwnProperty(l.theme)&&(n.theme=C(n.instanceOptions.themes[l.theme],null)),l.text&&(n.text=l.text),l.textmode&&(n.textmode=l.textmode),l.size&&(n.size=l.size),l.font&&(n.font=l.font),l.align&&(n.align=l.align),l.lineWrap&&(n.lineWrap=l.lineWrap),n.nowrap=x.truthy(l.nowrap),n.outline=x.truthy(l.outline),x.truthy(l.random)){R.vars.cache.themeKeys=R.vars.cache.themeKeys||Object.keys(n.instanceOptions.themes);var c=R.vars.cache.themeKeys[0|Math.random()*R.vars.cache.themeKeys.length];n.theme=C(n.instanceOptions.themes[c],null)}}return n}function f(e){var t=e.mode,n=e.el,r=e.flags,i=e.engineSettings,o=r.dimensions,a=r.theme,s=o.width+"x"+o.height;t=null==t?r.fluid?"fluid":"image":t;if(null!=r.text&&(a.text=r.text,"object"===n.nodeName.toLowerCase())){for(var l=a.text.split("\\n"),h=0;h=p||!0===M)&&(t(A,k,j,A.properties.leading),A.add(k),j=0,F+=A.properties.leading,O+=1,(k=new m.Group("line"+O)).y=F),!0!==M&&(E.moveTo(j,0),j+=C.spaceWidth+D.width,k.add(E))}if(t(A,k,j,A.properties.leading),A.add(k),"left"===e.align)A.moveTo(e.width-f,null,null);else if("right"===e.align){for(T in A.children)(k=A.children[T]).moveTo(e.width-k.width,null,null);A.moveTo(0-(e.width-f),null,null)}else{for(T in A.children)(k=A.children[T]).moveTo((A.width-k.width)/2,null,null);A.moveTo((e.width-A.width)/2,null,null)}A.moveTo(null,(e.height-A.height)/2,null),(e.height-A.height)/2<0&&A.moveTo(null,0,null)}else E=new m.Text(e.text),(k=new m.Group("line0")).add(E),A.add(k),"left"===e.align?A.moveTo(e.width-f,null,null):"right"===e.align?A.moveTo(0-(e.width-f),null,null):A.moveTo((e.width-C.boundingBox.width)/2,null,null),A.moveTo(null,(e.height-C.boundingBox.height)/2,null);return g}(s);if(null==(e=n()))throw"Holder: couldn't render placeholder";"background"==r?(i.style.backgroundImage="url("+e+")",a.noBackgroundSize||(i.style.backgroundSize=s.width+"px "+s.height+"px")):("img"===i.nodeName.toLowerCase()?A.setAttr(i,{src:e}):"object"===i.nodeName.toLowerCase()&&A.setAttr(i,{data:e,type:"image/svg+xml"}),a.reRender&&h.setTimeout(function(){var e=n();if(null==e)throw"Holder: couldn't render placeholder";"img"===i.nodeName.toLowerCase()?A.setAttr(i,{src:e}):"object"===i.nodeName.toLowerCase()&&A.setAttr(i,{data:e,type:"image/svg+xml"})},150)),A.setAttr(i,{"data-holder-rendered":!0})}function m(e){for(var t,n=0,r=(t=null==e||null==e.nodeType?R.vars.resizableImages:[e]).length;n","application/xml")},t.getNodeArray=function(e){var t=null;return"string"==typeof e?t=document.querySelectorAll(e):n.NodeList&&e instanceof n.NodeList?t=e:n.Node&&e instanceof n.Node?t=[e]:n.HTMLCollection&&e instanceof n.HTMLCollection?t=e:e instanceof Array?t=e:null===e&&(t=[]),Array.prototype.slice.call(t)}}).call(t,function(){return this}())},function(e,t){var a=function(e,t){"string"==typeof e&&("#"===(this.original=e).charAt(0)&&(e=e.slice(1)),/[^a-f0-9]+/i.test(e)||(3===e.length&&(e=e.replace(/./g,"$&$&")),6===e.length&&(this.alpha=1,t&&t.alpha&&(this.alpha=t.alpha),this.set(parseInt(e,16)))))};a.rgb2hex=function(e,t,n){return[e,t,n].map(function(e){var t=(0|e).toString(16);return e<16&&(t="0"+t),t}).join("")},a.hsl2rgb=function(e,t,n){var r=e/60,i=(1-Math.abs(2*n-1))*t,o=i*(1-Math.abs(parseInt(r)%2-1)),a=n-i/2,s=0,l=0,h=0;return 0<=r&&r<1?(s=i,l=o):1<=r&&r<2?(s=o,l=i):2<=r&&r<3?(l=i,h=o):3<=r&&r<4?(l=o,h=i):4<=r&&r<5?(s=o,h=i):5<=r&&r<6&&(s=i,h=o),s+=a,l+=a,h+=a,[s=parseInt(255*s),l=parseInt(255*l),h=parseInt(255*h)]},a.prototype.set=function(e){this.raw=e;var t=(16711680&this.raw)>>16,n=(65280&this.raw)>>8,r=255&this.raw,i=.2126*t+.7152*n+.0722*r,o=-.09991*t-.33609*n+.436*r,a=.615*t-.55861*n-.05639*r;return this.rgb={r:t,g:n,b:r},this.yuv={y:i,u:o,v:a},this},a.prototype.lighten=function(e){var t=255*(Math.min(1,Math.max(0,Math.abs(e)))*(e<0?-1:1))|0,n=Math.min(255,Math.max(0,this.rgb.r+t)),r=Math.min(255,Math.max(0,this.rgb.g+t)),i=Math.min(255,Math.max(0,this.rgb.b+t)),o=a.rgb2hex(n,r,i);return new a(o)},a.prototype.toHex=function(e){return(e?"#":"")+this.raw.toString(16)},a.prototype.lighterThan=function(e){return e instanceof a||(e=new a(e)),this.yuv.y>e.yuv.y},a.prototype.blendAlpha=function(e){e instanceof a||(e=new a(e));var t=e,n=t.alpha*t.rgb.r+(1-t.alpha)*this.rgb.r,r=t.alpha*t.rgb.g+(1-t.alpha)*this.rgb.g,i=t.alpha*t.rgb.b+(1-t.alpha)*this.rgb.b;return new a(a.rgb2hex(n,r,i))},e.exports=a},function(e,t){e.exports={version:"2.9.4",svg_ns:"http://www.w3.org/2000/svg"}},function(e,t,n){var C=n(13),E=n(8),r=n(11),k=n(7),T=r.svg_ns,j=function(e){var t=e.tag,n=e.content||"";return delete e.tag,delete e.content,[t,n,e]};e.exports=function(e,t){var n,r=t.engineSettings.stylesheets.map(function(e){return''}).join("\n"),i="holder_"+Number(new Date).toString(16),o=e.root,a=o.children.holderTextGroup,s="#"+i+" text { "+(n=a.properties,k.cssProps({fill:n.fill,"font-weight":n.font.weight,"font-family":n.font.family+", monospace","font-size":n.font.size+n.font.units}))+" } ";a.y+=.8*a.textPositionData.boundingBox.height;var l=[];Object.keys(a.children).forEach(function(e){var o=a.children[e];Object.keys(o.children).forEach(function(e){var t=o.children[e],n=a.x+o.x+t.x,r=a.y+o.y+t.y,i=j({tag:"text",content:t.properties.text,x:n,y:r});l.push(i)})});var h,d,c,u,f=j({tag:"g",content:l}),p=null;if(o.children.holderBg.properties.outline){var g=o.children.holderBg.properties.outline;p=j({tag:"path",d:(h=o.children.holderBg.width,d=o.children.holderBg.height,c=g.width,u=c/2,["M",u,u,"H",h-u,"V",d-u,"H",u,"V",0,"M",0,u,"L",h,d-u,"M",0,d-u,"L",h,u].join(" ")),"stroke-width":g.width,stroke:g.fill,fill:"none"})}var m,v=(m=o.children.holderBg,_h.element({tag:"rect",width:m.width,height:m.height,fill:m.properties.fill})),y=[];y.push(v),g&&y.push(p),y.push(f);var w=j({tag:"g",id:i,content:y}),b=j({tag:"style",content:s,type:"text/css"}),x=j({tag:"defs",content:b}),S=j({tag:"svg",content:[x,w],width:o.properties.width,height:o.properties.height,xmlns:T,viewBox:[0,0,o.properties.width,o.properties.height].join(" "),preserveAspectRatio:"none"}),A=C(S);return A=r+A[0],E.svgStringToDataURI(A,"background"===t.mode)}},function(e,t,n){n(14),e.exports=function e(t,n,r){"use strict";function i(e,t){if(null!==t&&!1!==t&&void 0!==t)return"string"!=typeof t&&"object"!=typeof t?String(t):t}var o,a,s,l,h,d,c,u,f,p,g,m,v=1,y=!0;if(r=r||{},"string"==typeof t[0])t[0]=(h=t[0],d=h.match(/^[\w-]+/),c={tag:d?d[0]:"div",attr:{},children:[]},u=h.match(/#([\w-]+)/),f=h.match(/\$([\w-]+)/),p=h.match(/\.[\w-]+/g),u&&(c.attr.id=u[1],r[u[1]]=c),f&&(r[f[1]]=c),p&&(c.attr.class=p.join(" ").replace(/\./g,"")),h.match(/&$/g)&&(y=!1),c);else{if(!Array.isArray(t[0]))throw new Error("First element of array must be a string, or an array and not "+JSON.stringify(t[0]));v=0}for(;v/g,">"))),t[0].children.push(t[v]);else if("number"==typeof t[v])t[0].children.push(t[v]);else if(Array.isArray(t[v])){if(Array.isArray(t[v][0])){if(t[v].reverse().forEach(function(e){t.splice(v+1,0,e)}),0!==v)continue;v++}e(t[v],n,r),t[v][0]&&t[0].children.push(t[v][0])}else if("function"==typeof t[v])s=t[v];else{if("object"!=typeof t[v])throw new TypeError('"'+t[v]+'" is not allowed as a value.');for(a in t[v])t[v].hasOwnProperty(a)&&null!==t[v][a]&&!1!==t[v][a]&&("style"===a&&"object"==typeof t[v][a]?t[0].attr[a]=JSON.stringify(t[v][a],i).slice(2,-2).replace(/","/g,";").replace(/":"/g,":").replace(/\\"/g,"'"):t[0].attr[a]=t[v][a])}}if(!1!==t[0]){for(l in o="<"+t[0].tag,t[0].attr)t[0].attr.hasOwnProperty(l)&&(o+=" "+l+'="'+((m=t[0].attr[l])||0===m?String(m).replace(/&/g,"&").replace(/"/g,"""):"")+'"');o+=">",t[0].children.forEach(function(e){o+=e}),o+="",t[0]=o}return r[0]=t[0],s&&s(t[0]),r}},function(e,t){"use strict";var s=/["'&<>]/;e.exports=function(e){var t=""+e,n=s.exec(t);if(!n)return t;var r,i="",o=0,a=0;for(o=n.index;oe.length)return;if(!(v instanceof o)){if(m&&k!=t.length-1){if(c.lastIndex=b,!(x=c.exec(e)))break;for(var w=x.index+(d?x[1].length:0),P=x.index+x[0].length,_=k,S=b,F=t.length;_"+a.content+""},!_self.document)return _self.addEventListener&&(C.disableWorkerMessageHandler||_self.addEventListener("message",function(e){var t=JSON.parse(e.data),n=t.language,a=t.code,r=t.immediateClose;_self.postMessage(C.highlight(a,C.languages[n],n)),r&&_self.close()},!1)),_self.Prism;var e=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return e&&(C.filename=e.src,C.manual||e.hasAttribute("data-manual")||("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(C.highlightAll):window.setTimeout(C.highlightAll,16):document.addEventListener("DOMContentLoaded",C.highlightAll))),_self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism),Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype://i,cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+)/i,inside:{punctuation:[/^=/,{pattern:/(^|[^\\])["']/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))}),Prism.languages.xml=Prism.languages.markup,Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(?:;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^{}\s][^{};]*?(?=\s*\{)/,string:{pattern:/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/\B!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:]/},Prism.languages.css.atrule.inside.rest=Prism.languages.css,Prism.languages.markup&&(Prism.languages.insertBefore("markup","tag",{style:{pattern:/()[\s\S]*?(?=<\/style>)/i,lookbehind:!0,inside:Prism.languages.css,alias:"language-css",greedy:!0}}),Prism.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:Prism.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:Prism.languages.css}},alias:"language-css"}},Prism.languages.markup.tag)),Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/[a-z0-9_]+(?=\()/i,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/},Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,number:/\b(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+|NaN|Infinity)\b|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee][+-]?\d+)?/,function:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*\()/i,operator:/-[-=]?|\+[+=]?|!=?=?|<>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(\[[^\]\r\n]+]|\\.|[^\/\\\[\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})\]]))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=\s*(?:function\b|(?:\([^()]*\)|[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/i,alias:"function"},constant:/\b[A-Z][A-Z\d_]*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${[^}]+}|[^\\`])*`/,greedy:!0,inside:{interpolation:{pattern:/\${[^}]+}/,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}}}),Prism.languages.javascript["template-string"].inside.interpolation.inside.rest=Prism.languages.javascript,Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/()[\s\S]*?(?=<\/script>)/i,lookbehind:!0,inside:Prism.languages.javascript,alias:"language-javascript",greedy:!0}}),Prism.languages.js=Prism.languages.javascript,Prism.languages["markup-templating"]={},Object.defineProperties(Prism.languages["markup-templating"],{buildPlaceholders:{value:function(n,a,e,r){n.language===a&&(n.tokenStack=[],n.code=n.code.replace(e,function(e){if("function"==typeof r&&!r(e))return e;for(var t=n.tokenStack.length;-1!==n.code.indexOf("___"+a.toUpperCase()+t+"___");)++t;return n.tokenStack[t]=e,"___"+a.toUpperCase()+t+"___"}),n.grammar=Prism.languages.markup)}},tokenizePlaceholders:{value:function(c,p){if(c.language===p&&c.tokenStack){c.grammar=Prism.languages[p];var d=0,m=Object.keys(c.tokenStack),f=function(e){if(!(d>=m.length))for(var t=0;t=m.length)break}}else n.content&&"string"!=typeof n.content&&f(n.content)}};f(c.tokens)}}}}),function(t){t.languages.php=t.languages.extend("clike",{keyword:/\b(?:and|or|xor|array|as|break|case|cfunction|class|const|continue|declare|default|die|do|else|elseif|enddeclare|endfor|endforeach|endif|endswitch|endwhile|extends|for|foreach|function|include|include_once|global|if|new|return|static|switch|use|require|require_once|var|while|abstract|interface|public|implements|private|protected|parent|throw|null|echo|print|trait|namespace|final|yield|goto|instanceof|finally|try|catch)\b/i,constant:/\b[A-Z0-9_]{2,}\b/,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0}}),t.languages.insertBefore("php","string",{"shell-comment":{pattern:/(^|[^\\])#.*/,lookbehind:!0,alias:"comment"}}),t.languages.insertBefore("php","keyword",{delimiter:{pattern:/\?>|<\?(?:php|=)?/i,alias:"important"},variable:/\$+(?:\w+\b|(?={))/i,package:{pattern:/(\\|namespace\s+|use\s+)[\w\\]+/,lookbehind:!0,inside:{punctuation:/\\/}}}),t.languages.insertBefore("php","operator",{property:{pattern:/(->)[\w]+/,lookbehind:!0}}),t.languages.insertBefore("php","string",{"nowdoc-string":{pattern:/<<<'([^']+)'(?:\r\n?|\n)(?:.*(?:\r\n?|\n))*?\1;/,greedy:!0,alias:"string",inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},"heredoc-string":{pattern:/<<<(?:"([^"]+)"(?:\r\n?|\n)(?:.*(?:\r\n?|\n))*?\1;|([a-z_]\w*)(?:\r\n?|\n)(?:.*(?:\r\n?|\n))*?\2;)/i,greedy:!0,alias:"string",inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:null}},"single-quoted-string":{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0,alias:"string"},"double-quoted-string":{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,alias:"string",inside:{interpolation:null}}}),delete t.languages.php.string;var e={pattern:/{\$(?:{(?:{[^{}]+}|[^{}]+)}|[^{}])+}|(^|[^\\{])\$+(?:\w+(?:\[.+?]|->\w+)*)/,lookbehind:!0,inside:{rest:t.languages.php}};t.languages.php["heredoc-string"].inside.interpolation=e,t.languages.php["double-quoted-string"].inside.interpolation=e,t.hooks.add("before-tokenize",function(e){if(/(?:<\?php|<\?)/gi.test(e.code)){t.languages["markup-templating"].buildPlaceholders(e,"php",/(?:<\?php|<\?)[\s\S]*?(?:\?>|$)/gi)}}),t.hooks.add("after-tokenize",function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"php")})}(Prism),function(){function e(e){this.defaults=r({},e)}function l(e){for(var t=0,n=0;n - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Alerts

-
-
-
-

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

-
-

Examples

-
- -
-
- - - - - - - -
-
- 
<div class="alert alert-default" role="alert">
-    <strong>Default!</strong> This is a default alert—check it out!
-</div>
-
-<div class="alert alert-primary" role="alert">
-    <strong>Primary!</strong> This is a primary alert—check it out!
-</div>
-
-<div class="alert alert-secondary" role="alert">
-    <strong>Secondary!</strong> This is a secondary alert—check it out!
-</div>
-
-<div class="alert alert-info" role="alert">
-    <strong>Info!</strong> This is a info alert—check it out!
-</div>
-
-<div class="alert alert-success" role="alert">
-    <strong>Success!</strong> This is a success alert—check it out!
-</div>
-
-<div class="alert alert-danger" role="alert">
-    <strong>Danger!</strong> This is a danger alert—check it out!
-</div>
-
-<div class="alert alert-warning" role="alert">
-    <strong>Warning!</strong> This is a warning alert—check it out!
-</div>
-
-
-
-

With icon

-
- -
-
- -
-
- 
<div class="alert alert-warning" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Warning!</strong> This is a warning alert—check it out that has an icon too!</span>
-</div>
-
-
-
-

Dismissing

-
- -
-
- - - - - - - -
-
- 
<div class="alert alert-default alert-dismissible fade show" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Default!</strong> This is a default alert—check it out!</span>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-    </button>
-</div>
-
-<div class="alert alert-primary alert-dismissible fade show" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Primary!</strong> This is a primary alert—check it out!</span>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-    </button>
-</div>
-
-<div class="alert alert-secondary alert-dismissible fade show" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Secondary!</strong> This is a secondary alert—check it out!</span>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-    </button>
-</div>
-
-<div class="alert alert-info alert-dismissible fade show" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Info!</strong> This is a info alert—check it out!</span>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-    </button>
-</div>
-
-<div class="alert alert-success alert-dismissible fade show" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Success!</strong> This is a success alert—check it out!</span>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-    </button>
-</div>
-
-<div class="alert alert-danger alert-dismissible fade show" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Danger!</strong> This is a danger alert—check it out!</span>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-    </button>
-</div>
-
-<div class="alert alert-warning alert-dismissible fade show" role="alert">
-    <span class="alert-inner--icon"><i class="ni ni-like-2"></i></span>
-    <span class="alert-inner--text"><strong>Warning!</strong> This is a warning alert—check it out!</span>
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-    </button>
-</div>
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/badge.html b/docs/components/badge.html deleted file mode 100644 index 2ada0a72..00000000 --- a/docs/components/badge.html +++ /dev/null @@ -1,463 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Badges

-
-
-
-

Documentation and examples for badges, our small count and labeling component.

-
-

Example

-

Badges can be used as part of links or buttons to provide a counter.

-
- -
-
- -
-
- 
<button type="button" class="btn btn-primary">
-  <span>Notifications</span>
-  <span class="badge badge-white">4</span>
-</button>
-
-
-
-

Contextual variations

-

Add any of the below mentioned modifier classes to change the appearance of a badge.

-
- -
-
- Default - Primary - Secondary - Info - Success - Danger - Warning -
-
- 
<span class="badge badge-default">Default</span>
-
-<span class="badge badge-primary">Primary</span>
-
-<span class="badge badge-secondary">Secondary</span>
-
-<span class="badge badge-info">Info</span>
-
-<span class="badge badge-success">Success</span>
-
-<span class="badge badge-danger">Danger</span>
-
-<span class="badge badge-warning">Warning</span>
-
-
-
-

Pill badges

-

Use the - .badge-pill modifier class to make badges more rounded (with a larger - border-radius and additional horizontal - padding). Useful if you miss the badges from v3.

-
- -
-
- Default - Primary - Secondary - Info - Success - Danger - Warning -
-
- 
<span class="badge badge-pill badge-default">Default</span>
-<span class="badge badge-pill badge-primary">Primary</span>
-<span class="badge badge-pill badge-secondary">Secondary</span>
-<span class="badge badge-pill badge-info">Info</span>
-<span class="badge badge-pill badge-success">Success</span>
-<span class="badge badge-pill badge-danger">Danger</span>
-<span class="badge badge-pill badge-warning">Warning</span>
-
-
-
- -

Using the contextual - .badge-* classes on an - <a> element quickly provide actionable badges with hover and focus states.

-
- -
- - -
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/buttons.html b/docs/components/buttons.html deleted file mode 100644 index 5f1876bf..00000000 --- a/docs/components/buttons.html +++ /dev/null @@ -1,551 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Buttons

-
-
-
-

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

-
-

Examples

-

Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

-
- -
-
- - - -
-
- 
<button class="btn btn-primary" type="button">Button</button>
-
-
-<button class="btn btn-icon btn-3 btn-primary" type="button">
-	<span class="btn-inner--icon"><i class="ni ni-bag-17"></i></span>
-	
-    <span class="btn-inner--text">With icon</span>
-    
-</button>
-
-
-<button class="btn btn-icon btn-2 btn-primary" type="button">
-	<span class="btn-inner--icon"><i class="ni ni-atom"></i></span>
-	
-</button>
-
-
-
-
- -
-
- - - - - - - -
-
- 
<button type="button" class="btn btn-default">Default</button>
-<button type="button" class="btn btn-primary">Primary</button>
-<button type="button" class="btn btn-secondary">Secondary</button>
-<button type="button" class="btn btn-info">Info</button>
-<button type="button" class="btn btn-success">Success</button>
-<button type="button" class="btn btn-danger">Danger</button>
-<button type="button" class="btn btn-warning">Warning</button>
-
-
-
-

Outline buttons

-

In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the - .btn-outline-* ones to remove all background images and colors on any button.

-
- -
-
- - - - - - - -
-
- 
<button type="button" class="btn btn-outline-default">Default</button>
-<button type="button" class="btn btn-outline-primary">Primary</button>
-<button type="button" class="btn btn-outline-secondary">Secondary</button>
-<button type="button" class="btn btn-outline-info">Info</button>
-<button type="button" class="btn btn-outline-success">Success</button>
-<button type="button" class="btn btn-outline-danger">Danger</button>
-<button type="button" class="btn btn-outline-warning">Warning</button>
-
-
-
-

Sizes

-

Fancy larger or smaller buttons? Add - .btn-lg or - .btn-sm for additional sizes.

-
- -
-
- - -
-
- 
<button type="button" class="btn btn-primary btn-lg">Large button</button>
-<button type="button" class="btn btn-secondary btn-lg">Large button</button>
-
-
-
-
- -
-
- - -
-
- 
<button type="button" class="btn btn-primary btn-sm">Small button</button>
-<button type="button" class="btn btn-secondary btn-sm">Small button</button>
-
-
-
-

Create block level buttons—those that span the full width of a parent—by adding - .btn-block.

-
- -
-
- - -
-
- 
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
-<button type="button" class="btn btn-secondary btn-lg btn-block">Block level button</button>
-
-
-
-

Active state

-

Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. There’s no need to add a class to <button>s as they use a pseudo-class. However, you can still force the same active appearance with - .active (and include the - aria-pressed="true" attribute) should you need to replicate the state programmatically.

-
- -
- -
- 
<a href="#" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Primary link</a>
-<a href="#" class="btn btn-secondary btn-lg active" role="button" aria-pressed="true">Link</a>
-
-
-
-

Disabled state

-

Make buttons look inactive by adding the - disabled boolean attribute to any - <button> element.

-
- -
-
- - -
-
- 
<button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button>
-<button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/carousel.html b/docs/components/carousel.html deleted file mode 100644 index faceb0f3..00000000 --- a/docs/components/carousel.html +++ /dev/null @@ -1,357 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Carousel

-
-
-
-

A slideshow component for cycling through elements—images or slides of text—like a carousel.

-
-

Example

- -
- 
<div class="carousel-item">
-  <img src="..." alt="...">
-  <div class="carousel-caption d-none d-md-block">
-    <h5>...</h5>
-    <p>...</p>
-  </div>
-</div>
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/dropdowns.html b/docs/components/dropdowns.html deleted file mode 100644 index 6e19c9a3..00000000 --- a/docs/components/dropdowns.html +++ /dev/null @@ -1,550 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Dropdowns

-
-
-
-

Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.

-
-

Examples

-
- -
- - -
-
-

Colors

-

The best part is you can do this with any button variant, too:

-
- -
- - -
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/forms.html b/docs/components/forms.html deleted file mode 100644 index 4f9ded03..00000000 --- a/docs/components/forms.html +++ /dev/null @@ -1,818 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Forms

-
-
-
-

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

-
-

Form controls

-
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
- -
- -
-
-
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
- 
<form>
-  <div class="row">
-    <div class="col-md-6">
-      <div class="form-group">
-        <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="form-group">
-        <input type="text" placeholder="Regular" class="form-control" disabled />
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-md-6">
-      <div class="form-group">
-        <div class="input-group mb-4">
-          <div class="input-group-prepend">
-            <span class="input-group-text"><i class="ni ni-zoom-split-in"></i></span>
-          </div>
-          <input class="form-control" placeholder="Search" type="text">
-        </div>
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="form-group">
-        <div class="input-group mb-4">
-          <input class="form-control" placeholder="Birthday" type="text">
-          <div class="input-group-append">
-            <span class="input-group-text"><i class="ni ni-zoom-split-in"></i></span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-md-6">
-      <div class="form-group has-success">
-        <input type="text" placeholder="Success" class="form-control is-valid" />
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="form-group has-danger">
-        <input type="email" placeholder="Error Input" class="form-control is-invalid" />
-      </div>
-    </div>
-  </div>
-</form>
-
-
-
-

Alternative

-
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
- -
- -
-
-
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
- 
<form>
-  <div class="row">
-    <div class="col-md-6">
-      <div class="form-group">
-        <input type="email" class="form-control form-control-alternative" id="exampleFormControlInput1" placeholder="name@example.com">
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="form-group">
-        <input type="text" placeholder="Regular" class="form-control form-control-alternative" disabled />
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-md-6">
-      <div class="form-group">
-        <div class="input-group input-group-alternative mb-4">
-          <div class="input-group-prepend">
-            <span class="input-group-text"><i class="ni ni-zoom-split-in"></i></span>
-          </div>
-          <input class="form-control form-control-alternative" placeholder="Search" type="text">
-        </div>
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="form-group">
-        <div class="input-group input-group-alternative mb-4">
-          <input class="form-control" placeholder="Birthday" type="text">
-          <div class="input-group-append">
-            <span class="input-group-text"><i class="ni ni-zoom-split-in"></i></span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-md-6">
-      <div class="form-group has-success">
-        <input type="text" placeholder="Success" class="form-control form-control-alternative is-valid" />
-      </div>
-    </div>
-    <div class="col-md-6">
-      <div class="form-group has-danger">
-        <input type="email" placeholder="Error Input" class="form-control form-control-alternative is-invalid" />
-      </div>
-    </div>
-  </div>
-</form>
-
-
-
-

Textarea

-
- -
-
-
- -
-
-
- 
<form>
-  <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Write a large text here ..."></textarea>
-</form>
-
-
-
-

Alternative

-
- -
-
-
- -
-
-
- 
<form>
-  <textarea class="form-control form-control-alternative" rows="3" placeholder="Write a large text here ..."></textarea>
-</form>
-
-
-
-

Checkboxes

-
- -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- 
<div class="custom-control custom-checkbox mb-3">
-  <input class="custom-control-input" id="customCheck1" type="checkbox">
-  <label class="custom-control-label" for="customCheck1">Unchecked</label>
-</div>
-<div class="custom-control custom-checkbox mb-3">
-  <input class="custom-control-input" id="customCheck2" type="checkbox" checked>
-  <label class="custom-control-label" for="customCheck2">Checked</label>
-</div>
-<div class="custom-control custom-checkbox mb-3">
-  <input class="custom-control-input" id="customCheck3" type="checkbox" disabled>
-  <label class="custom-control-label" for="customCheck3">Disabled Unchecked</label>
-</div>
-<div class="custom-control custom-checkbox mb-3">
-  <input class="custom-control-input" id="customCheck4" type="checkbox" checked disabled>
-  <label class="custom-control-label" for="customCheck4">Disabled Checked</label>
-</div>
-
-
-
-

Radio buttons

-
- -
-
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- 
<div class="custom-control custom-radio mb-3">
-  <input name="custom-radio-1" class="custom-control-input" id="customRadio1" type="radio">
-  <label class="custom-control-label" for="customRadio1">Unchecked</label>
-</div>
-<div class="custom-control custom-radio mb-3">
-  <input name="custom-radio-1" class="custom-control-input" id="customRadio2" checked="" type="radio">
-  <label class="custom-control-label" for="customRadio2">Checked</label>
-</div>
-<div class="custom-control custom-radio mb-3">
-  <input name="custom-radio-1" class="custom-control-input" id="customRadio3" disabled="" type="radio">
-  <label class="custom-control-label" for="customRadio3">Disabled unchecked</label>
-</div>
-<div class="custom-control custom-radio mb-3">
-  <input name="custom-radio-1" class="custom-control-input" id="customRadio4" checked="" disabled="" type="radio">
-  <label class="custom-control-label" for="customRadio4">Disabled checkbox</label>
-</div>
-
-
-
-

Toggle buttons

-
- -
-
- - - -
-
- 
<label class="custom-toggle">
-  <input type="checkbox">
-  <span class="custom-toggle-slider rounded-circle"></span>
-</label>
-<span class="clearfix"></span>
-<label class="custom-toggle">
-  <input type="checkbox" checked>
-  <span class="custom-toggle-slider rounded-circle"></span>
-</label>
-
-
-
-

Sliders

-
- -
-
- -
-
- -
-
- -
-
-
-
- -
- -
-
- -
-
- -
-
-
-
-
- 
<!-- Simple slider -->
-<div class="input-slider-container">
-  <div id="input-slider" class="input-slider" data-range-value-min="100" data-range-value-max="500"></div>
-  <!-- Input slider values -->
-  <div class="row mt-3 d-none">
-    <div class="col-6">
-      <span id="input-slider-value" class="range-slider-value" data-range-value-low="100"></span>
-    </div>
-  </div>
-</div>
-
-<div class="mt-5">
-  <!-- Range slider container -->
-  <div id="input-slider-range" data-range-value-min="100" data-range-value-max="500"></div>
-  <!-- Range slider values -->
-  <div class="row d-none">
-      <div class="col-6">
-          <span class="range-slider-value value-low" data-range-value-low="200" id="input-slider-range-value-low"></span>
-      </div>
-      <div class="col-6 text-right">
-          <span class="range-slider-value value-high" data-range-value-high="400" id="input-slider-range-value-high"></span>
-      </div>
-  </div>
-</div>
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/index.html b/docs/components/index.html deleted file mode 100644 index 0e3ba9b1..00000000 --- a/docs/components/index.html +++ /dev/null @@ -1,14 +0,0 @@ - - - -Redirecting… - - - -

Redirecting…

-Click here if you are not redirected. - - - \ No newline at end of file diff --git a/docs/components/modal.html b/docs/components/modal.html deleted file mode 100644 index 22bc7e2d..00000000 --- a/docs/components/modal.html +++ /dev/null @@ -1,653 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Modal

-
-
-
-

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

-
-

Example

-
- -
- - -
-
-

Variations

-
- -
- - -
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/navbar.html b/docs/components/navbar.html deleted file mode 100644 index 15be2b6c..00000000 --- a/docs/components/navbar.html +++ /dev/null @@ -1,687 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Navbar

-
-
-
-

Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

-
-

Example

-
- -
- - -
-
-

Variations

- - - - - - - - - - -
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/navs.html b/docs/components/navs.html deleted file mode 100644 index 2bc07924..00000000 --- a/docs/components/navs.html +++ /dev/null @@ -1,492 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Modal

-
-
-
-

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

-
- -
- -
- - -
-
-

Circled nav pills

-
- -
- - -
-
-

Tabs

-
- -
- - -
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/pagination.html b/docs/components/pagination.html deleted file mode 100644 index 2e474eca..00000000 --- a/docs/components/pagination.html +++ /dev/null @@ -1,659 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Pagination

-
-
-
-

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

-
-

Examples

-
- -
-
- -
-
- 
<nav aria-label="Page navigation example">
-  <ul class="pagination">
-    <li class="page-item">
-      <a class="page-link" href="#" aria-label="Previous">
-        <i class="fa fa-angle-left"></i>
-        <span class="sr-only">Previous</span>
-      </a>
-    </li>
-    <li class="page-item"><a class="page-link" href="#">1</a></li>
-    <li class="page-item"><a class="page-link" href="#">2</a></li>
-    <li class="page-item"><a class="page-link" href="#">3</a></li>
-    <li class="page-item">
-      <a class="page-link" href="#" aria-label="Next">
-        <i class="fa fa-angle-right"></i>
-        <span class="sr-only">Next</span>
-      </a>
-    </li>
-  </ul>
-</nav>
-
-
-
-

Disabled and active states

-
- -
-
- -
-
- 
<nav aria-label="...">
-  <ul class="pagination">
-    <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1">
-        <i class="fa fa-angle-left"></i>
-        <span class="sr-only">Previous</span>
-      </a>
-    </li>
-    <li class="page-item"><a class="page-link" href="#">1</a></li>
-    <li class="page-item active">
-      <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
-    </li>
-    <li class="page-item"><a class="page-link" href="#">3</a></li>
-    <li class="page-item">
-      <a class="page-link" href="#">
-        <i class="fa fa-angle-right"></i>
-        <span class="sr-only">Next</span>
-      </a>
-    </li>
-  </ul>
-</nav>
-
-
-
-

Sizing

-

Fancy larger or smaller pagination? Add - .pagination-lg or - .pagination-sm for additional sizes.

-
- -
-
- -
-
- 
<nav aria-label="...">
-  <ul class="pagination pagination-lg">
-    <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1">1</a>
-    </li>
-    <li class="page-item"><a class="page-link" href="#">2</a></li>
-    <li class="page-item active"><a class="page-link" href="#">3</a></li>
-  </ul>
-</nav>
-
-
-
-
- -
-
- -
-
- 
<nav aria-label="...">
-  <ul class="pagination pagination-sm">
-    <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1">1</a>
-    </li>
-    <li class="page-item"><a class="page-link" href="#">2</a></li>
-    <li class="page-item active"><a class="page-link" href="#">3</a></li>
-  </ul>
-</nav>
-
-
-
-

Alignment

-

Change the alignment of pagination components with - flexbox utilities.

-
- -
-
- -
-
- 
<nav aria-label="Page navigation example">
-  <ul class="pagination justify-content-center">
-    <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1">
-        <i class="fa fa-angle-left"></i>
-        <span class="sr-only">Previous</span>
-      </a>
-    </li>
-    <li class="page-item"><a class="page-link" href="#">1</a></li>
-    <li class="page-item active"><a class="page-link" href="#">2</a></li>
-    <li class="page-item"><a class="page-link" href="#">3</a></li>
-    <li class="page-item">
-      <a class="page-link" href="#">
-        <i class="fa fa-angle-right"></i>
-        <span class="sr-only">Next</span>
-      </a>
-    </li>
-  </ul>
-</nav>
-
-
-
-
- -
-
- -
-
- 
<nav aria-label="Page navigation example">
-  <ul class="pagination justify-content-end">
-    <li class="page-item disabled">
-      <a class="page-link" href="#" tabindex="-1">
-        <i class="fa fa-angle-left"></i>
-        <span class="sr-only">Previous</span>
-      </a>
-    </li>
-    <li class="page-item"><a class="page-link" href="#">1</a></li>
-    <li class="page-item active"><a class="page-link" href="#">2</a></li>
-    <li class="page-item"><a class="page-link" href="#">3</a></li>
-    <li class="page-item">
-      <a class="page-link" href="#">
-        <i class="fa fa-angle-right"></i>
-        <span class="sr-only">Next</span>
-      </a>
-    </li>
-  </ul>
-</nav>
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/popovers.html b/docs/components/popovers.html deleted file mode 100644 index 6a1a791e..00000000 --- a/docs/components/popovers.html +++ /dev/null @@ -1,435 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Navbar

-
-
-
-

Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

-
-

Example

-
- -
-
- - - - -
-
- 
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Popover on top
-</button>
-
-<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="This is a very beautiful popover, show some love.">
-  Popover on right
-</button>
-
-<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
-sagittis lacus vel augue laoreet rutrum faucibus.">
-  Popover on bottom
-</button>
-
-<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="This is a very beautiful popover, show some love.">
-  Popover on left
-</button>
-
-
-
-

Variations

-
- -
-
- - - - - - - -
-
- 
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-color="default" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Default popover
-</button>
-
-<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-color="primary" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Primary popover
-</button>
-
-<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-color="secondary" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Secondary popover
-</button>
-
-<button type="button" class="btn btn-info" data-container="body" data-toggle="popover" data-color="info" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Info popover
-</button>
-
-<button type="button" class="btn btn-success" data-container="body" data-toggle="popover" data-color="success" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Success popover
-</button>
-
-<button type="button" class="btn btn-danger" data-container="body" data-toggle="popover" data-color="danger" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Danger popover
-</button>
-
-<button type="button" class="btn btn-warning" data-container="body" data-toggle="popover" data-color="warning" data-placement="top" data-content="This is a very beautiful popover, show some love.">
-  Warning popover
-</button>
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/progress.html b/docs/components/progress.html deleted file mode 100644 index 7cbc049d..00000000 --- a/docs/components/progress.html +++ /dev/null @@ -1,526 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Progress

-
-
-
-

Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

-
-

Example

-
- -
-
-
-
-
- Task completed -
-
- 60% -
-
-
-
-
-
-
-
-
- Task completed -
-
- 60% -
-
-
-
-
-
-
-
-
- Task completed -
-
- 60% -
-
-
-
-
-
-
-
-
- Task completed -
-
- 60% -
-
-
-
-
-
-
-
-
- Task completed -
-
- 60% -
-
-
-
-
-
-
-
-
- Task completed -
-
- 60% -
-
-
-
-
-
-
-
-
- Task completed -
-
- 60% -
-
-
-
-
-
-
-
- 
<div class="progress-wrapper">
-  <div class="progress-info">
-    <div class="progress-label">
-      <span>Task completed</span>
-    </div>
-    <div class="progress-percentage">
-      <span>60%</span>
-    </div>
-  </div>
-  <div class="progress">
-    <div class="progress-bar bg-default" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
-  </div>
-</div>
-
-<div class="progress-wrapper">
-  <div class="progress-info">
-    <div class="progress-label">
-      <span>Task completed</span>
-    </div>
-    <div class="progress-percentage">
-      <span>60%</span>
-    </div>
-  </div>
-  <div class="progress">
-    <div class="progress-bar bg-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
-  </div>
-</div>
-
-<div class="progress-wrapper">
-  <div class="progress-info">
-    <div class="progress-label">
-      <span>Task completed</span>
-    </div>
-    <div class="progress-percentage">
-      <span>60%</span>
-    </div>
-  </div>
-  <div class="progress">
-    <div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
-  </div>
-</div>
-
-<div class="progress-wrapper">
-  <div class="progress-info">
-    <div class="progress-label">
-      <span>Task completed</span>
-    </div>
-    <div class="progress-percentage">
-      <span>60%</span>
-    </div>
-  </div>
-  <div class="progress">
-    <div class="progress-bar bg-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
-  </div>
-</div>
-
-<div class="progress-wrapper">
-  <div class="progress-info">
-    <div class="progress-label">
-      <span>Task completed</span>
-    </div>
-    <div class="progress-percentage">
-      <span>60%</span>
-    </div>
-  </div>
-  <div class="progress">
-    <div class="progress-bar bg-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
-  </div>
-</div>
-
-<div class="progress-wrapper">
-  <div class="progress-info">
-    <div class="progress-label">
-      <span>Task completed</span>
-    </div>
-    <div class="progress-percentage">
-      <span>60%</span>
-    </div>
-  </div>
-  <div class="progress">
-    <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
-  </div>
-</div>
-
-<div class="progress-wrapper">
-  <div class="progress-info">
-    <div class="progress-label">
-      <span>Task completed</span>
-    </div>
-    <div class="progress-percentage">
-      <span>60%</span>
-    </div>
-  </div>
-  <div class="progress">
-    <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
-  </div>
-</div>
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/components/tooltips.html b/docs/components/tooltips.html deleted file mode 100644 index b097943f..00000000 --- a/docs/components/tooltips.html +++ /dev/null @@ -1,362 +0,0 @@ - - - - - - - - - Argon Design System - Free Design System for Bootstrap 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - Docs - - -
- -
- - - - - Download - - -
-
-
-
- -
-
- -
-
-
-

Tooltips

-
-
-
-

Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

-
-

Example

-
- -
-
- - - - -
-
- 
<button type="button" class="btn btn-sm btn-white" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
-  Tooltip on top
-</button>
-<button type="button" class="btn btn-sm btn-white" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
-  Tooltip on right
-</button>
-<button type="button" class="btn btn-sm btn-white" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
-  Tooltip on bottom
-</button>
-<button type="button" class="btn btn-sm btn-white" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
-  Tooltip on left
-</button>
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/documentation.html b/docs/documentation.html index 3c87fae9..0957cca5 100644 --- a/docs/documentation.html +++ b/docs/documentation.html @@ -15,14 +15,14 @@ - +
-