diff --git a/dist/vishnu.css b/dist/vishnu.css index 5c0d4d3..a1e4761 100644 --- a/dist/vishnu.css +++ b/dist/vishnu.css @@ -1,5 +1,5 @@ /** -* vishnucss v1.0.0-beta.0 +* vishnucss v1.0.0-beta.2 * https://vishnucss.github.io */ @@ -33,27 +33,6 @@ body { text-rendering: optimizeLegibility; } -/* -* Responsive -*/ - -@media only screen and (max-width: 25em) { - .hide-phone { - display: none; - } -} - -@media only screen and (max-width: 48em) { - .hide-tablet { - display: none; - } -} - -@media only screen and (max-width: 62em) { - .hide-desktop { - display: none; - } -} /* * Typography */ @@ -193,6 +172,26 @@ button:active, background: rgba(230, 236, 240, 0.8); } +/* Size */ +button.small, +.button.small, +[type='submit'].small, +button[type='submit'].small, +.button[type='submit'].small, +[type='submit'][type='submit'].small { + font-size: 1.2rem; + padding: 0.6rem 1.6rem; +} +button.large, +.button.large, +[type='submit'].large, +button[type='submit'].large, +.button[type='submit'].large, +[type='submit'][type='submit'].large { + font-size: 1.8rem; + padding: 1.8rem 4.2rem; +} + /* Outline */ button.outline, .button.outline, @@ -314,13 +313,238 @@ input[type='text']:focus, input[type='password']:focus, input[type='email']:focu box-shadow: rgba(102, 126, 234, 0.6) 0px 0px 4px -1px; } -select {} - textarea, textarea[type='text'] { min-height: 7rem; } +/* + * List +*/ + +ul, +ol { + padding-left: 0; + margin-top: 0; + margin-bottom: 2rem; + list-style-position: inside; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1rem 0 1rem 2rem; + font-size: 95%; +} + +li { + margin-bottom: 1rem; +} + +/* + * Tables +*/ + +table, +.table { + width: 100%; + border: none; + border-collapse: collapse; + border-spacing: 0; + text-align: left +} + +table th, table td, .table th, .table td { + vertical-align: middle; + padding: 12px 4px; +} + +table thead, .table thead { + border-bottom: 1px solid #e5e5e5; +} + +/* responsive tables */ +@media only screen and (max-width: 48em) { + table.responsive, .table.responsive { + position: relative; + display: block; + } + table.responsive th, table.responsive td, .table.responsive th, .table.responsive td { + margin: 0; + } + table.responsive thead, .table.responsive thead { + display: block; + float: left; + border: 0; + } + table.responsive thead tr, .table.responsive thead tr { + display: block; + padding: 0 10px 0 0; + border-right: 1px solid #e5e5e5; + } + table.responsive thead th, .table.responsive thead th { + text-align: left; + } + table.responsive th, .table.responsive th { + display: block; + text-align: right; + } + table.responsive tbody, .table.responsive tbody { + display: block; + overflow-x: auto; + white-space: nowrap; + } + table.responsive tbody tr, .table.responsive tbody tr { + display: inline-block; + } + table.responsive td, .table.responsive td { + display: block; + min-height: 16px; + text-align: left; + } + table.responsive tr, .table.responsive tr { + padding: 0 10px; + } +} + +/* + * Images +*/ + +img { + max-width: 100%; +} + +/* + * Utils +*/ + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.txt-center { + text-align: center; +} + +.txt-left { + text-align: left; +} + +.txt-right { + text-align: right; +} + +.full-screen { + width: 100%; + min-height: 100vh; +} + +.full-width { + width: 100%; +} + +.full-height { + height: 100%; + min-height: 100%; +} + +.v-align { + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; +} + +.h-align { + display: -webkit-box; + display: flex; + -webkit-box-pack: center; + justify-content: center; +} + +.center { + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; +} + +.right { + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: end; + justify-content: flex-end; +} + +.left { + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: start; + justify-content: flex-start; +} + +.fixed { + position: fixed; +} + +.relative { + position: relative; +} + +.truncate { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +/* + * Misc +*/ + +hr { + height: 0; + margin: 15px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} + +pre { + margin-top: 0; + margin-bottom: 2rem; +} + +code { + padding: 0.2rem 0.5rem; + margin: 0 0.2rem; + font-size: 1.3rem; + white-space: nowrap; + background: #E6ECF0; + border: 1px solid #dbdbdb; + border-radius: 4px; + font-family: 'Consolas', 'Monaco', 'Menlo', monospace; +} + +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre-wrap; + word-wrap: break-word; +} + /* * Grid */ @@ -957,231 +1181,25 @@ textarea[type='text'] { order: 1; } } -/* - * List -*/ - -ul, -ol { - padding-left: 0; - margin-top: 0; - margin-bottom: 2rem; - list-style-position: inside; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin: 1rem 0 1rem 2rem; - font-size: 95%; -} - -li { - margin-bottom: 1rem; -} - -/* - * Tables +/* +* Responsive */ -table, -.table { - width: 100%; - border: none; - border-collapse: collapse; - border-spacing: 0; - text-align: left -} - -table th, table td, .table th, .table td { - vertical-align: middle; - padding: 12px 4px; -} - -table thead, .table thead { - border-bottom: 1px solid #e5e5e5; +@media only screen and (max-width: 25em) { + .hide-phone { + display: none; + } } -/* responsive tables */ @media only screen and (max-width: 48em) { - table.responsive, .table.responsive { - position: relative; - display: block; - } - table.responsive th, table.responsive td, .table.responsive th, .table.responsive td { - margin: 0; - } - table.responsive thead, .table.responsive thead { - display: block; - float: left; - border: 0; - } - table.responsive thead tr, .table.responsive thead tr { - display: block; - padding: 0 10px 0 0; - border-right: 1px solid #e5e5e5; - } - table.responsive thead th, .table.responsive thead th { - text-align: left; - } - table.responsive th, .table.responsive th { - display: block; - text-align: right; - } - table.responsive tbody, .table.responsive tbody { - display: block; - overflow-x: auto; - white-space: nowrap; - } - table.responsive tbody tr, .table.responsive tbody tr { - display: inline-block; - } - table.responsive td, .table.responsive td { - display: block; - min-height: 16px; - text-align: left; - } - table.responsive tr, .table.responsive tr { - padding: 0 10px; + .hide-tablet { + display: none; } } -/* - * Images -*/ - -img { - max-width: 100%; -} - -/* - * Utils -*/ - -.pull-right { - float: right; -} - -.pull-left { - float: left; -} - -.txt-center { - text-align: center; -} - -.txt-left { - text-align: left; -} - -.txt-right { - text-align: right; -} - -.full-screen { - width: 100%; - min-height: 100vh; -} - -.full-width { - width: 100%; -} - -.full-height { - height: 100%; - min-height: 100%; -} - -.v-align { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; -} - -.h-align { - display: -webkit-box; - display: flex; - -webkit-box-pack: center; - justify-content: center; -} - -.center { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - -webkit-box-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - flex-direction: column; -} - -.right { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - -webkit-box-pack: end; - justify-content: flex-end; -} - -.left { - display: -webkit-box; - display: flex; - -webkit-box-align: center; - align-items: center; - -webkit-box-pack: start; - justify-content: flex-start; -} - -.fixed { - position: fixed; -} - -.relative { - position: relative; -} - -.truncate { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -/* - * Misc -*/ - -hr { - height: 0; - margin: 15px 0; - border: 0; - border-top: 1px solid #e5e5e5; -} - -pre { - margin-top: 0; - margin-bottom: 2rem; -} - -code { - padding: 0.2rem 0.5rem; - margin: 0 0.2rem; - font-size: 1.3rem; - white-space: nowrap; - background: #E6ECF0; - border: 1px solid #dbdbdb; - border-radius: 4px; - font-family: 'Consolas', 'Monaco', 'Menlo', monospace; -} - -pre > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre-wrap; - word-wrap: break-word; +@media only screen and (max-width: 62em) { + .hide-desktop { + display: none; + } } - /*# sourceMappingURL=vishnu.css.map */ diff --git a/dist/vishnu.css.map b/dist/vishnu.css.map index 9a200e2..9310956 100644 --- a/dist/vishnu.css.map +++ b/dist/vishnu.css.map @@ -1 +1 @@ -{"version":3,"sources":["variables.css","reset.css","responsive.css","typography.css","links.css","buttons.css","forms.css","grid.css","lists.css","tables.css","images.css","utils.css","misc.css"],"names":[],"mappings":"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EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,iBAAA;EACA,gBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,wBAAA;UAAA,4BAAA;EACA,kBAAA;CACA;AACA;EACA,yBAAA;UAAA,wBAAA;EACA,mBAAA;CACA;AACA;EACA,sBAAA;UAAA,0BAAA;EACA,gBAAA;CACA;AACA;EACA,yBAAA;UAAA,wBAAA;CACA;AACA;EACA,0BAAA;UAAA,oBAAA;CACA;AACA;EACA,uBAAA;UAAA,sBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;UAAA,+BAAA;CACA;AACA;EACA,6BAAA;UAAA,UAAA;CACA;AACA;EACA,6BAAA;UAAA,SAAA;CACA;AACA;EACA;;;;;;;;;;;;;IAaA,uBAAA;IACA,oBAAA;YAAA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,oBAAA;YAAA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,wBAAA;YAAA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,sBAAA;YAAA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;GACA;EACA;IACA,0BAAA;YAAA,oBAAA;GACA;EACA;IACA,uBAAA;YAAA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,0BAAA;YAAA,+BAAA;GACA;EACA;IACA,6BAAA;YAAA,UAAA;GACA;EACA;IACA,6BAAA;YAAA,SAAA;GACA;CACA;AACA;EACA;;;;;;;;;;;;;IAaA,uBAAA;IACA,oBAAA;YAAA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,oBAAA;YAAA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,wBAAA;YAAA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,sBAAA;YAAA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;GACA;EACA;IACA,0BAAA;YAAA,oBAAA;GACA;EACA;IACA,uBAAA;YAAA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,0BAAA;YAAA,+BAAA;GACA;EACA;IACA,6BAAA;YAAA,UAAA;GACA;EACA;IACA,6BAAA;YAAA,SAAA;GACA;CACA;AACA;EACA;;;;;;;;;;;;;IAaA,uBAAA;IACA,oBAAA;YAAA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,oBAAA;YAAA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,wBAAA;YAAA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,sBAAA;YAAA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;GACA;EACA;IACA,0BAAA;YAAA,oBAAA;GACA;EACA;IACA,uBAAA;YAAA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,0BAAA;YAAA,+BAAA;GACA;EACA;IACA,6BAAA;YAAA,UAAA;GACA;EACA;IACA,6BAAA;YAAA,SAAA;GACA;CACA;ACtkBA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAIA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;EACA,uBAAA;EACA,kBAAA;CACA;;AACA;EACA,iCAAA;CACA;;AAGA,uBAAA;AACA;EAEA;IACA,mBAAA;IACA,eAAA;GAqCA;EApCA;IACA,UAAA;GACA;EACA;IACA,eAAA;IACA,YAAA;IACA,UAAA;GASA;EARA;IACA,eAAA;IACA,oBAAA;IACA,gCAAA;GACA;EACA;IACA,iBAAA;GACA;EAEA;IACA,eAAA;IACA,kBAAA;GACA;EACA;IACA,eAAA;IACA,iBAAA;IACA,oBAAA;GAIA;EAHA;IACA,sBAAA;GACA;EAEA;IACA,eAAA;IACA,iBAAA;IACA,iBAAA;GACA;EACA;IACA,gBAAA;GACA;CAGA;;ACjEA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;EAEA;;AAEA;EACA,aAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,aAAA;EACA,iBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;EACA,yBAAA;UAAA,wBAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,uBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;EACA,sBAAA;UAAA,0BAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;EACA,wBAAA;UAAA,4BAAA;CACA;;AAEA;EACA,gBAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CACA;AC/EA;;EAEA;;AAEA;EACA,UAAA;EACA,eAAA;EACA,UAAA;EACA,8BAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,sDAAA;CACA;;AAEA;EACA,eAAA;EACA,qBAAA;EACA,sBAAA;EACA,sBAAA;CACA","file":"vishnu.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, 'Avenir Next',\n 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',\n 'Droid Sans', 'Helvetica Neue', sans-serif;\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n --base-line-height: 1.5;\n --base-font-size: 1.6rem;\n --transition-ease-in-out: all 0.2s ease-in-out;\n --base-radius: 4px;\n}\n\n","/* \n * Reset\n*/\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n line-height: var(--base-line-height);\n font-size: var(--base-font-size);\n font-family: var(--base-font-family);\n font-weight: 400;\n text-rendering: optimizeLegibility;\n}\n","/*\n* Responsive\n*/\n\n@custom-media --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-viewport only screen and (max-width: 75em);\n\n@media (--phone-viewport) {\n .hide-phone {\n display: none;\n }\n}\n\n@media (--tablet-viewport) {\n .hide-tablet {\n display: none;\n }\n}\n\n@media (--desktop-viewport) {\n .hide-desktop {\n display: none;\n }\n}","/* \n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 2rem;\n font-weight: 400;\n font-family: var(--base-font-family);\n}\n\nh1 {\n font-size: 5rem;\n line-height: 1.2;\n}\n\nh2 {\n font-size: 4.2rem;\n line-height: 1.25;\n}\n\nh3 {\n font-size: 3.6rem;\n line-height: 1.3;\n}\n\nh4 {\n font-size: 3rem;\n line-height: 1.35;\n}\n\nh5 {\n font-size: 2.4rem;\n line-height: 1.5;\n}\n\nh6 {\n font-size: 1.8rem;\n line-height: 1.6;\n}\n\np {\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: var(--base-font-size);\n}\n\n@media (--phone-viewport) {\n h1 {\n font-size: 4rem;\n }\n\n h2 {\n font-size: 3.5rem;\n }\n\n h3 {\n font-size: 3rem;\n }\n\n h4 {\n font-size: 2.6rem;\n }\n\n h5 {\n font-size: 2.2rem;\n }\n\n h6 {\n font-size: 1.8rem;\n }\n}\n","/* \n * Links\n*/\n\na {\n color: var(--primary-color);\n transition: color 0.1s ease;\n &:hover {\n cursor: pointer;\n color: color(var(--primary-color) alpha(80%));\n text-decoration: none;\n }\n &:focus {\n outline: thin dotted;\n }\n &:active,&:hover {\n outline: 0;\n }\n}","/* \n * Buttons\n*/\n\n@custom-selector :--button button, .button, [type='submit'];\n@custom-selector :--button-outline button.outline, .button.outline, [type='submit'].outline;\n@custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat;\n@custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary;\n@custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n@custom-selector :--enter :hover;\n@custom-selector :--press :focus, :active;\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: 1.5rem;\n color: var(--base-text-color);\n background: var(--base-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1.5px solid transparent;\n cursor: pointer;\n}\n:--button:--enter {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--press {\n outline: none;\n transform: scale(0.99);\n background: color(var(--base-color) alpha(-20%));\n}\n\n/* Outline */\n:--button-outline {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid var(--base-color);\n}\n:--button-outline:--enter {\n background: none;\n border: 1.5px solid color(var(--primary-color) alpha(-50%));\n color: color(var(--primary-color) alpha(-50%));\n}\n:--button-outline:--press {\n transform: scale(0.99);\n border-color: color(var(--primary-color) alpha(-20%));\n color: color(var(--primary-color) alpha(-20%));\n}\n\n/* Flat */\n:--button-flat {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid transparent;\n}\n:--button-flat:--enter {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--press {\n transform: scale(0.99);\n color: color(var(--primary-color) alpha(-10%));\n}\n\n/* Primary */\n:--button-primary {\n color: #fff;\n background: var(--primary-color);\n border: 1.5px solid transparent;\n}\n:--button-primary:--enter {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--press {\n transform: scale(0.99);\n background: color(var(--primary-color) alpha(-10%));\n}\n\n/* Rounded */\n:--button-rounded {\n border-radius: 28px;\n}","/* \n * Forms\n*/\n\ninput[type='text'],\ninput[type='password'],\ninput[type='email'],\ninput[type='search'],\ninput[type='number'],\ninput[type='file'],\ninput[type='tel'],\ninput[type='url'],\nselect,\ntextarea,\ntextarea[type='text'] {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n box-sizing: border-box;\n background: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n &:hover {\n border: 1px solid color(var(--primary-color) alpha(80%));\n }\n &:focus {\n outline: none;\n border: 1px solid color(var(--primary-color) blackness(20%));\n box-shadow: color(var(--primary-color) alpha(60%)) 0px 0px 4px -1px;\n }\n}\n\nselect {}\n\ntextarea,\ntextarea[type='text'] {\n min-height: 7rem;\n}\n","/* \n * Grid\n*/\n\n.flex {\n display: flex;\n flex-wrap: wrap;\n}\n.container-fluid {\n margin-right: auto;\n margin-left: auto;\n padding-right: 2rem;\n padding-left: 2rem;\n}\n.row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin-right: -0.5rem;\n margin-left: -0.5rem;\n}\n.row.reverse {\n flex-direction: row-reverse;\n}\n.col.reverse {\n flex-direction: column-reverse;\n}\n.col-xs,\n.col-xs-1,\n.col-xs-2,\n.col-xs-3,\n.col-xs-4,\n.col-xs-5,\n.col-xs-6,\n.col-xs-7,\n.col-xs-8,\n.col-xs-9,\n.col-xs-10,\n.col-xs-11,\n.col-xs-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n.col-xs {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n.col-xs-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n}\n.col-xs-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n}\n.col-xs-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n.col-xs-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n}\n.col-xs-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n}\n.col-xs-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n.col-xs-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n}\n.col-xs-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n}\n.col-xs-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n.col-xs-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n}\n.col-xs-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n}\n.col-xs-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n.col-xs-offset-1 {\n margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n margin-left: 25%;\n}\n.col-xs-offset-4 {\n margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n margin-left: 50%;\n}\n.col-xs-offset-7 {\n margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n margin-left: 75%;\n}\n.col-xs-offset-10 {\n margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n margin-left: 91.667%;\n}\n.start-xs {\n justify-content: flex-start;\n text-align: start;\n}\n.center-xs {\n justify-content: center;\n text-align: center;\n}\n.end-xs {\n justify-content: flex-end;\n text-align: end;\n}\n.top-xs {\n align-items: flex-start;\n}\n.middle-xs {\n align-items: center;\n}\n.bottom-xs {\n align-items: flex-end;\n}\n.around-xs {\n justify-content: space-around;\n}\n.between-xs {\n justify-content: space-between;\n}\n.first-xs {\n order: -1;\n}\n.last-xs {\n order: 1;\n}\n@media (--tablet-viewport) {\n .col-sm,\n .col-sm-1,\n .col-sm-2,\n .col-sm-3,\n .col-sm-4,\n .col-sm-5,\n .col-sm-6,\n .col-sm-7,\n .col-sm-8,\n .col-sm-9,\n .col-sm-10,\n .col-sm-11,\n .col-sm-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-sm {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-sm-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-sm-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-sm-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-sm-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-sm-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-sm-offset-1 {\n margin-left: 8.333%;\n }\n .col-sm-offset-2 {\n margin-left: 16.667%;\n }\n .col-sm-offset-3 {\n margin-left: 25%;\n }\n .col-sm-offset-4 {\n margin-left: 33.333%;\n }\n .col-sm-offset-5 {\n margin-left: 41.667%;\n }\n .col-sm-offset-6 {\n margin-left: 50%;\n }\n .col-sm-offset-7 {\n margin-left: 58.333%;\n }\n .col-sm-offset-8 {\n margin-left: 66.667%;\n }\n .col-sm-offset-9 {\n margin-left: 75%;\n }\n .col-sm-offset-10 {\n margin-left: 83.333%;\n }\n .col-sm-offset-11 {\n margin-left: 91.667%;\n }\n .start-sm {\n justify-content: flex-start;\n text-align: start;\n }\n .center-sm {\n justify-content: center;\n text-align: center;\n }\n .end-sm {\n justify-content: flex-end;\n text-align: end;\n }\n .top-sm {\n align-items: flex-start;\n }\n .middle-sm {\n align-items: center;\n }\n .bottom-sm {\n align-items: flex-end;\n }\n .around-sm {\n justify-content: space-around;\n }\n .between-sm {\n justify-content: space-between;\n }\n .first-sm {\n order: -1;\n }\n .last-sm {\n order: 1;\n }\n}\n@media (--desktop-viewport) {\n .col-md,\n .col-md-1,\n .col-md-2,\n .col-md-3,\n .col-md-4,\n .col-md-5,\n .col-md-6,\n .col-md-7,\n .col-md-8,\n .col-md-9,\n .col-md-10,\n .col-md-11,\n .col-md-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-md {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-md-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-md-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-md-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-md-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-md-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-md-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-md-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-md-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-md-offset-1 {\n margin-left: 8.333%;\n }\n .col-md-offset-2 {\n margin-left: 16.667%;\n }\n .col-md-offset-3 {\n margin-left: 25%;\n }\n .col-md-offset-4 {\n margin-left: 33.333%;\n }\n .col-md-offset-5 {\n margin-left: 41.667%;\n }\n .col-md-offset-6 {\n margin-left: 50%;\n }\n .col-md-offset-7 {\n margin-left: 58.333%;\n }\n .col-md-offset-8 {\n margin-left: 66.667%;\n }\n .col-md-offset-9 {\n margin-left: 75%;\n }\n .col-md-offset-10 {\n margin-left: 83.333%;\n }\n .col-md-offset-11 {\n margin-left: 91.667%;\n }\n .start-md {\n justify-content: flex-start;\n text-align: start;\n }\n .center-md {\n justify-content: center;\n text-align: center;\n }\n .end-md {\n justify-content: flex-end;\n text-align: end;\n }\n .top-md {\n align-items: flex-start;\n }\n .middle-md {\n align-items: center;\n }\n .bottom-md {\n align-items: flex-end;\n }\n .around-md {\n justify-content: space-around;\n }\n .between-md {\n justify-content: space-between;\n }\n .first-md {\n order: -1;\n }\n .last-md {\n order: 1;\n }\n}\n@media (--desktop-large-viewport) {\n .col-lg,\n .col-lg-1,\n .col-lg-2,\n .col-lg-3,\n .col-lg-4,\n .col-lg-5,\n .col-lg-6,\n .col-lg-7,\n .col-lg-8,\n .col-lg-9,\n .col-lg-10,\n .col-lg-11,\n .col-lg-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-lg {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-lg-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-lg-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-lg-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-lg-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-lg-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-lg-offset-1 {\n margin-left: 8.333%;\n }\n .col-lg-offset-2 {\n margin-left: 16.667%;\n }\n .col-lg-offset-3 {\n margin-left: 25%;\n }\n .col-lg-offset-4 {\n margin-left: 33.333%;\n }\n .col-lg-offset-5 {\n margin-left: 41.667%;\n }\n .col-lg-offset-6 {\n margin-left: 50%;\n }\n .col-lg-offset-7 {\n margin-left: 58.333%;\n }\n .col-lg-offset-8 {\n margin-left: 66.667%;\n }\n .col-lg-offset-9 {\n margin-left: 75%;\n }\n .col-lg-offset-10 {\n margin-left: 83.333%;\n }\n .col-lg-offset-11 {\n margin-left: 91.667%;\n }\n .start-lg {\n justify-content: flex-start;\n text-align: start;\n }\n .center-lg {\n justify-content: center;\n text-align: center;\n }\n .end-lg {\n justify-content: flex-end;\n text-align: end;\n }\n .top-lg {\n align-items: flex-start;\n }\n .middle-lg {\n align-items: center;\n }\n .bottom-lg {\n align-items: flex-end;\n }\n .around-lg {\n justify-content: space-around;\n }\n .between-lg {\n justify-content: space-between;\n }\n .first-lg {\n order: -1;\n }\n .last-lg {\n order: 1;\n }\n}","/* \n * List\n*/\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 2rem;\n list-style-position: inside;\n}\n\nul ul,\nul ol,\nol ol,\nol ul {\n margin: 1rem 0 1rem 2rem;\n font-size: 95%;\n}\n\nli {\n margin-bottom: 1rem;\n}\n","/* \n * Tables\n*/\n\n@custom-selector :--table table, .table;\n\n:--table {\n width: 100%;\n border: none;\n border-collapse: collapse;\n border-spacing: 0;\n text-align: left;\n & th, & td {\n vertical-align: middle;\n padding: 12px 4px;\n }\n & thead {\n border-bottom: 1px solid var(--base-border-color);\n }\n}\n\n/* responsive tables */\n@media (--tablet-viewport) {\n :--table {\n &.responsive {\n position: relative;\n display: block;\n & th, & td {\n margin: 0\n }\n & thead {\n display: block;\n float: left;\n border: 0;\n & tr {\n display: block;\n padding: 0 10px 0 0;\n border-right: 1px solid var(--base-border-color);\n }\n & th {\n text-align: left;\n }\n }\n & th {\n display: block;\n text-align: right;\n }\n & tbody {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n & tr {\n display: inline-block;\n }\n }\n & td {\n display: block;\n min-height: 16px;\n text-align: left;\n }\n & tr {\n padding: 0 10px;\n }\n }\n }\n}\n","/* \n * Images\n*/\n\nimg {\n max-width: 100%;\n}\n","/* \n * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.txt-center {\n text-align: center;\n}\n\n.txt-left {\n text-align: left;\n}\n\n.txt-right {\n text-align: right;\n}\n\n.full-screen {\n width: 100%;\n min-height: 100vh;\n}\n\n.full-width {\n width: 100%;\n}\n\n.full-height {\n height: 100%;\n min-height: 100%;\n}\n\n.v-align {\n display: flex;\n align-items: center;\n}\n\n.h-align {\n display: flex;\n justify-content: center;\n}\n\n.center {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n\n.left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.fixed {\n position: fixed;\n}\n\n.relative {\n position: relative;\n}\n\n.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}","/* \n * Misc\n*/\n\nhr {\n height: 0;\n margin: 15px 0;\n border: 0;\n border-top: 1px solid var(--base-border-color);\n}\n\npre {\n margin-top: 0;\n margin-bottom: 2rem;\n}\n\ncode {\n padding: 0.2rem 0.5rem;\n margin: 0 0.2rem;\n font-size: 1.3rem;\n white-space: nowrap;\n background: var(--base-color);\n border: 1px solid #dbdbdb;\n border-radius: 4px;\n font-family: 'Consolas', 'Monaco', 'Menlo', monospace;\n}\n\npre > code {\n display: block;\n padding: 1rem 1.5rem;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["variables.css","reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","utils.css","misc.css","grid.css","responsive.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;;ACFA;;EAEA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;6CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;ACrBA;;EAEA;;AAEA;;;;;;EAMA,cAAA;EACA,oBAAA;EACA,iBAAA;EACA;;6CAAA;CACA;;AAEA;EACA,gBAAA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;EACA,kBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,gBAAA;EACA,kBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,kBAAA;CACA;;AAEA;EACA;IACA,gBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,gBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,kBAAA;GACA;CACA;;AC5EA;;EAEA;;AAEA;EACA,eAAA;EACA,2BAAA;CAYA;;AAXA;EACA,gBAAA;EACA,gCAAA;EACA,sBAAA;CACA;;AACA;EACA,qBAAA;CACA;;AACA;EACA,WAAA;CACA;ACjBA;;EAEA;;AAYA,aAAA;AACA;;;EACA,uBAAA;EACA,cAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,iCAAA;EACA,gCAAA;EACA,gBAAA;CACA;AACA;;;EACA,eAAA;EACA,qCAAA;CACA;AACA;;;;;;EACA,cAAA;EACA,+BAAA;UAAA,uBAAA;EACA,qCAAA;CACA;;AAEA,UAAA;AACA;;;;;;EACA,kBAAA;EACA,uBAAA;CACA;AACA;;;;;;EACA,kBAAA;EACA,uBAAA;CACA;;AAEA,aAAA;AACA;;;EACA,eAAA;EACA,iBAAA;EACA,4BAAA;CACA;AACA;;;EACA,iBAAA;EACA,6CAAA;EACA,gCAAA;CACA;AACA;;;;;;EACA,+BAAA;UAAA,uBAAA;EACA,uCAAA;EACA,gCAAA;CACA;;AAEA,UAAA;AACA;;;EACA,eAAA;EACA,iBAAA;EACA,gCAAA;CACA;AACA;;;EACA,iBAAA;EACA,gCAAA;CACA;AACA;;;;;;EACA,+BAAA;UAAA,uBAAA;EACA,gCAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,gCAAA;CACA;AACA;;;EACA,qCAAA;EACA,YAAA;CACA;AACA;;;;;;EACA,+BAAA;UAAA,uBAAA;EACA,qCAAA;CACA;;AAEA,aAAA;AACA;;;EACA,oBAAA;CACA;ACjGA;;EAEA;;AAIA;;;;;;;;;;;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,gCAAA;CASA;;AARA;EACA,2CAAA;CACA;;AACA;EACA,cAAA;EACA,qCAAA;EACA,sDAAA;CACA;;AAGA;;EAEA,iBAAA;CACA;;AC/BA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAIA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;EACA,uBAAA;EACA,kBAAA;CACA;;AACA;EACA,iCAAA;CACA;;AAGA,uBAAA;AACA;EAEA;IACA,mBAAA;IACA,eAAA;GAqCA;EApCA;IACA,UAAA;GACA;EACA;IACA,eAAA;IACA,YAAA;IACA,UAAA;GASA;EARA;IACA,eAAA;IACA,oBAAA;IACA,gCAAA;GACA;EACA;IACA,iBAAA;GACA;EAEA;IACA,eAAA;IACA,kBAAA;GACA;EACA;IACA,eAAA;IACA,iBAAA;IACA,oBAAA;GAIA;EAHA;IACA,sBAAA;GACA;EAEA;IACA,eAAA;IACA,iBAAA;IACA,iBAAA;GACA;EACA;IACA,gBAAA;GACA;CAGA;;ACjEA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;EAEA;;AAEA;EACA,aAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,aAAA;EACA,iBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;EACA,yBAAA;UAAA,wBAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,uBAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;EACA,sBAAA;UAAA,0BAAA;CACA;;AAEA;EACA,qBAAA;EAAA,cAAA;EACA,0BAAA;UAAA,oBAAA;EACA,wBAAA;UAAA,4BAAA;CACA;;AAEA;EACA,gBAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CACA;AC/EA;;EAEA;;AAEA;EACA,UAAA;EACA,eAAA;EACA,UAAA;EACA,8BAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,sDAAA;CACA;;AAEA;EACA,eAAA;EACA,qBAAA;EACA,sBAAA;EACA,sBAAA;CACA;;AChCA;;EAEA;;AAOA;EACA,qBAAA;EAAA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,uBAAA;EACA,qBAAA;EAAA,cAAA;EACA,oBAAA;UAAA,eAAA;EACA,+BAAA;EAAA,8BAAA;UAAA,oBAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,+BAAA;EAAA,+BAAA;UAAA,4BAAA;CACA;AACA;EACA,6BAAA;EAAA,+BAAA;UAAA,+BAAA;CACA;AACA;;;;;;;;;;;;;EACA,uBAAA;EACA,oBAAA;UAAA,eAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,oBAAA;UAAA,aAAA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,iBAAA;EACA,gBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,wBAAA;UAAA,4BAAA;EACA,kBAAA;CACA;AACA;EACA,yBAAA;UAAA,wBAAA;EACA,mBAAA;CACA;AACA;EACA,sBAAA;UAAA,0BAAA;EACA,gBAAA;CACA;AACA;EACA,yBAAA;UAAA,wBAAA;CACA;AACA;EACA,0BAAA;UAAA,oBAAA;CACA;AACA;EACA,uBAAA;UAAA,sBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;UAAA,+BAAA;CACA;AACA;EACA,6BAAA;UAAA,UAAA;CACA;AACA;EACA,6BAAA;UAAA,SAAA;CACA;AACA;EACA;;;;;;;;;;;;;IACA,uBAAA;IACA,oBAAA;YAAA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,oBAAA;YAAA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,wBAAA;YAAA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,sBAAA;YAAA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;GACA;EACA;IACA,0BAAA;YAAA,oBAAA;GACA;EACA;IACA,uBAAA;YAAA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,0BAAA;YAAA,+BAAA;GACA;EACA;IACA,6BAAA;YAAA,UAAA;GACA;EACA;IACA,6BAAA;YAAA,SAAA;GACA;CACA;AACA;EACA;;;;;;;;;;;;;IACA,uBAAA;IACA,oBAAA;YAAA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,oBAAA;YAAA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,wBAAA;YAAA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,sBAAA;YAAA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;GACA;EACA;IACA,0BAAA;YAAA,oBAAA;GACA;EACA;IACA,uBAAA;YAAA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,0BAAA;YAAA,+BAAA;GACA;EACA;IACA,6BAAA;YAAA,UAAA;GACA;EACA;IACA,6BAAA;YAAA,SAAA;GACA;CACA;AACA;EACA;;;;;;;;;;;;;IACA,uBAAA;IACA,oBAAA;YAAA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,oBAAA;YAAA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,wBAAA;YAAA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,sBAAA;YAAA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,yBAAA;YAAA,wBAAA;GACA;EACA;IACA,0BAAA;YAAA,oBAAA;GACA;EACA;IACA,uBAAA;YAAA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,0BAAA;YAAA,+BAAA;GACA;EACA;IACA,6BAAA;YAAA,UAAA;GACA;EACA;IACA,6BAAA;YAAA,SAAA;GACA;CACA;AC3hBA;;EAEA;;AAOA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA","file":"vishnu.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, 'Avenir Next',\n 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',\n 'Droid Sans', 'Helvetica Neue', sans-serif;\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n --base-line-height: 1.5;\n --base-font-size: 1.6rem;\n --transition-ease-in-out: all 0.2s ease-in-out;\n --base-radius: 4px;\n}\n\n","/* \n * Reset\n*/\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n line-height: var(--base-line-height);\n font-size: var(--base-font-size);\n font-family: var(--base-font-family);\n font-weight: 400;\n text-rendering: optimizeLegibility;\n}\n","/* \n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 2rem;\n font-weight: 400;\n font-family: var(--base-font-family);\n}\n\nh1 {\n font-size: 5rem;\n line-height: 1.2;\n}\n\nh2 {\n font-size: 4.2rem;\n line-height: 1.25;\n}\n\nh3 {\n font-size: 3.6rem;\n line-height: 1.3;\n}\n\nh4 {\n font-size: 3rem;\n line-height: 1.35;\n}\n\nh5 {\n font-size: 2.4rem;\n line-height: 1.5;\n}\n\nh6 {\n font-size: 1.8rem;\n line-height: 1.6;\n}\n\np {\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: var(--base-font-size);\n}\n\n@media (--phone-viewport) {\n h1 {\n font-size: 4rem;\n }\n\n h2 {\n font-size: 3.5rem;\n }\n\n h3 {\n font-size: 3rem;\n }\n\n h4 {\n font-size: 2.6rem;\n }\n\n h5 {\n font-size: 2.2rem;\n }\n\n h6 {\n font-size: 1.8rem;\n }\n}\n","/* \n * Links\n*/\n\na {\n color: var(--primary-color);\n transition: color 0.1s ease;\n &:hover {\n cursor: pointer;\n color: color(var(--primary-color) alpha(80%));\n text-decoration: none;\n }\n &:focus {\n outline: thin dotted;\n }\n &:active,&:hover {\n outline: 0;\n }\n}","/* \n * Buttons\n*/\n\n@custom-selector :--button button, .button, [type='submit'];\n@custom-selector :--button-outline button.outline, .button.outline, [type='submit'].outline;\n@custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat;\n@custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary;\n@custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n@custom-selector :--enter :hover;\n@custom-selector :--press :focus, :active;\n@custom-selector :--large .large, [type='submit'].large;\n@custom-selector :--small .small, [type='submit'].small;\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: 1.5rem;\n color: var(--base-text-color);\n background: var(--base-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1.5px solid transparent;\n cursor: pointer;\n}\n:--button:--enter {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--press {\n outline: none;\n transform: scale(0.99);\n background: color(var(--base-color) alpha(-20%));\n}\n\n/* Size */\n:--button:--small {\n font-size: 1.2rem;\n padding: 0.6rem 1.6rem;\n}\n:--button:--large {\n font-size: 1.8rem;\n padding: 1.8rem 4.2rem;\n}\n\n/* Outline */\n:--button-outline {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid var(--base-color);\n}\n:--button-outline:--enter {\n background: none;\n border: 1.5px solid color(var(--primary-color) alpha(-50%));\n color: color(var(--primary-color) alpha(-50%));\n}\n:--button-outline:--press {\n transform: scale(0.99);\n border-color: color(var(--primary-color) alpha(-20%));\n color: color(var(--primary-color) alpha(-20%));\n}\n\n/* Flat */\n:--button-flat {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid transparent;\n}\n:--button-flat:--enter {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--press {\n transform: scale(0.99);\n color: color(var(--primary-color) alpha(-10%));\n}\n\n/* Primary */\n:--button-primary {\n color: #fff;\n background: var(--primary-color);\n border: 1.5px solid transparent;\n}\n:--button-primary:--enter {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--press {\n transform: scale(0.99);\n background: color(var(--primary-color) alpha(-10%));\n}\n\n/* Rounded */\n:--button-rounded {\n border-radius: 28px;\n}","/* \n * Forms\n*/\n\n@custom-selector :--all-fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea, textarea[type='text'];\n\n:--all-fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n box-sizing: border-box;\n background: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n &:hover {\n border: 1px solid color(var(--primary-color) alpha(80%));\n }\n &:focus {\n outline: none;\n border: 1px solid color(var(--primary-color) blackness(20%));\n box-shadow: color(var(--primary-color) alpha(60%)) 0px 0px 4px -1px;\n }\n}\n\ntextarea,\ntextarea[type='text'] {\n min-height: 7rem;\n}\n","/* \n * List\n*/\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 2rem;\n list-style-position: inside;\n}\n\nul ul,\nul ol,\nol ol,\nol ul {\n margin: 1rem 0 1rem 2rem;\n font-size: 95%;\n}\n\nli {\n margin-bottom: 1rem;\n}\n","/* \n * Tables\n*/\n\n@custom-selector :--table table, .table;\n\n:--table {\n width: 100%;\n border: none;\n border-collapse: collapse;\n border-spacing: 0;\n text-align: left;\n & th, & td {\n vertical-align: middle;\n padding: 12px 4px;\n }\n & thead {\n border-bottom: 1px solid var(--base-border-color);\n }\n}\n\n/* responsive tables */\n@media (--tablet-viewport) {\n :--table {\n &.responsive {\n position: relative;\n display: block;\n & th, & td {\n margin: 0\n }\n & thead {\n display: block;\n float: left;\n border: 0;\n & tr {\n display: block;\n padding: 0 10px 0 0;\n border-right: 1px solid var(--base-border-color);\n }\n & th {\n text-align: left;\n }\n }\n & th {\n display: block;\n text-align: right;\n }\n & tbody {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n & tr {\n display: inline-block;\n }\n }\n & td {\n display: block;\n min-height: 16px;\n text-align: left;\n }\n & tr {\n padding: 0 10px;\n }\n }\n }\n}\n","/* \n * Images\n*/\n\nimg {\n max-width: 100%;\n}\n","/* \n * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.txt-center {\n text-align: center;\n}\n\n.txt-left {\n text-align: left;\n}\n\n.txt-right {\n text-align: right;\n}\n\n.full-screen {\n width: 100%;\n min-height: 100vh;\n}\n\n.full-width {\n width: 100%;\n}\n\n.full-height {\n height: 100%;\n min-height: 100%;\n}\n\n.v-align {\n display: flex;\n align-items: center;\n}\n\n.h-align {\n display: flex;\n justify-content: center;\n}\n\n.center {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n\n.left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.fixed {\n position: fixed;\n}\n\n.relative {\n position: relative;\n}\n\n.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}","/* \n * Misc\n*/\n\nhr {\n height: 0;\n margin: 15px 0;\n border: 0;\n border-top: 1px solid var(--base-border-color);\n}\n\npre {\n margin-top: 0;\n margin-bottom: 2rem;\n}\n\ncode {\n padding: 0.2rem 0.5rem;\n margin: 0 0.2rem;\n font-size: 1.3rem;\n white-space: nowrap;\n background: var(--base-color);\n border: 1px solid #dbdbdb;\n border-radius: 4px;\n font-family: 'Consolas', 'Monaco', 'Menlo', monospace;\n}\n\npre > code {\n display: block;\n padding: 1rem 1.5rem;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n","/* \n * Grid\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n\n.flex {\n display: flex;\n flex-wrap: wrap;\n}\n.container-fluid {\n margin-right: auto;\n margin-left: auto;\n padding-right: 2rem;\n padding-left: 2rem;\n}\n.row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin-right: -0.5rem;\n margin-left: -0.5rem;\n}\n.row.reverse {\n flex-direction: row-reverse;\n}\n.col.reverse {\n flex-direction: column-reverse;\n}\n:--all-cols-xs {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n.col-xs {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n.col-xs-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n}\n.col-xs-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n}\n.col-xs-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n.col-xs-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n}\n.col-xs-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n}\n.col-xs-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n.col-xs-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n}\n.col-xs-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n}\n.col-xs-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n.col-xs-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n}\n.col-xs-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n}\n.col-xs-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n.col-xs-offset-1 {\n margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n margin-left: 25%;\n}\n.col-xs-offset-4 {\n margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n margin-left: 50%;\n}\n.col-xs-offset-7 {\n margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n margin-left: 75%;\n}\n.col-xs-offset-10 {\n margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n margin-left: 91.667%;\n}\n.start-xs {\n justify-content: flex-start;\n text-align: start;\n}\n.center-xs {\n justify-content: center;\n text-align: center;\n}\n.end-xs {\n justify-content: flex-end;\n text-align: end;\n}\n.top-xs {\n align-items: flex-start;\n}\n.middle-xs {\n align-items: center;\n}\n.bottom-xs {\n align-items: flex-end;\n}\n.around-xs {\n justify-content: space-around;\n}\n.between-xs {\n justify-content: space-between;\n}\n.first-xs {\n order: -1;\n}\n.last-xs {\n order: 1;\n}\n@media (--tablet-viewport) {\n :--all-cols-sm {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-sm {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-sm-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-sm-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-sm-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-sm-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-sm-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-sm-offset-1 {\n margin-left: 8.333%;\n }\n .col-sm-offset-2 {\n margin-left: 16.667%;\n }\n .col-sm-offset-3 {\n margin-left: 25%;\n }\n .col-sm-offset-4 {\n margin-left: 33.333%;\n }\n .col-sm-offset-5 {\n margin-left: 41.667%;\n }\n .col-sm-offset-6 {\n margin-left: 50%;\n }\n .col-sm-offset-7 {\n margin-left: 58.333%;\n }\n .col-sm-offset-8 {\n margin-left: 66.667%;\n }\n .col-sm-offset-9 {\n margin-left: 75%;\n }\n .col-sm-offset-10 {\n margin-left: 83.333%;\n }\n .col-sm-offset-11 {\n margin-left: 91.667%;\n }\n .start-sm {\n justify-content: flex-start;\n text-align: start;\n }\n .center-sm {\n justify-content: center;\n text-align: center;\n }\n .end-sm {\n justify-content: flex-end;\n text-align: end;\n }\n .top-sm {\n align-items: flex-start;\n }\n .middle-sm {\n align-items: center;\n }\n .bottom-sm {\n align-items: flex-end;\n }\n .around-sm {\n justify-content: space-around;\n }\n .between-sm {\n justify-content: space-between;\n }\n .first-sm {\n order: -1;\n }\n .last-sm {\n order: 1;\n }\n}\n@media (--desktop-viewport) {\n :--all-cols-md {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-md {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-md-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-md-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-md-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-md-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-md-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-md-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-md-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-md-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-md-offset-1 {\n margin-left: 8.333%;\n }\n .col-md-offset-2 {\n margin-left: 16.667%;\n }\n .col-md-offset-3 {\n margin-left: 25%;\n }\n .col-md-offset-4 {\n margin-left: 33.333%;\n }\n .col-md-offset-5 {\n margin-left: 41.667%;\n }\n .col-md-offset-6 {\n margin-left: 50%;\n }\n .col-md-offset-7 {\n margin-left: 58.333%;\n }\n .col-md-offset-8 {\n margin-left: 66.667%;\n }\n .col-md-offset-9 {\n margin-left: 75%;\n }\n .col-md-offset-10 {\n margin-left: 83.333%;\n }\n .col-md-offset-11 {\n margin-left: 91.667%;\n }\n .start-md {\n justify-content: flex-start;\n text-align: start;\n }\n .center-md {\n justify-content: center;\n text-align: center;\n }\n .end-md {\n justify-content: flex-end;\n text-align: end;\n }\n .top-md {\n align-items: flex-start;\n }\n .middle-md {\n align-items: center;\n }\n .bottom-md {\n align-items: flex-end;\n }\n .around-md {\n justify-content: space-around;\n }\n .between-md {\n justify-content: space-between;\n }\n .first-md {\n order: -1;\n }\n .last-md {\n order: 1;\n }\n}\n@media (--desktop-large-viewport) {\n :--all-cols-lg {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-lg {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-lg-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-lg-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-lg-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-lg-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-lg-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-lg-offset-1 {\n margin-left: 8.333%;\n }\n .col-lg-offset-2 {\n margin-left: 16.667%;\n }\n .col-lg-offset-3 {\n margin-left: 25%;\n }\n .col-lg-offset-4 {\n margin-left: 33.333%;\n }\n .col-lg-offset-5 {\n margin-left: 41.667%;\n }\n .col-lg-offset-6 {\n margin-left: 50%;\n }\n .col-lg-offset-7 {\n margin-left: 58.333%;\n }\n .col-lg-offset-8 {\n margin-left: 66.667%;\n }\n .col-lg-offset-9 {\n margin-left: 75%;\n }\n .col-lg-offset-10 {\n margin-left: 83.333%;\n }\n .col-lg-offset-11 {\n margin-left: 91.667%;\n }\n .start-lg {\n justify-content: flex-start;\n text-align: start;\n }\n .center-lg {\n justify-content: center;\n text-align: center;\n }\n .end-lg {\n justify-content: flex-end;\n text-align: end;\n }\n .top-lg {\n align-items: flex-start;\n }\n .middle-lg {\n align-items: center;\n }\n .bottom-lg {\n align-items: flex-end;\n }\n .around-lg {\n justify-content: space-around;\n }\n .between-lg {\n justify-content: space-between;\n }\n .first-lg {\n order: -1;\n }\n .last-lg {\n order: 1;\n }\n}","/*\n* Responsive\n*/\n\n@custom-media --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-viewport only screen and (max-width: 75em);\n\n@media (--phone-viewport) {\n .hide-phone {\n display: none;\n }\n}\n\n@media (--tablet-viewport) {\n .hide-tablet {\n display: none;\n }\n}\n\n@media (--desktop-viewport) {\n .hide-desktop {\n display: none;\n }\n}"]} \ No newline at end of file diff --git a/dist/vishnu.min.css b/dist/vishnu.min.css index ee686d8..bf641fd 100644 --- a/dist/vishnu.min.css +++ b/dist/vishnu.min.css @@ -1,6 +1,6 @@ /** -* vishnucss v1.0.0-beta.0 +* vishnucss v1.0.0-beta.2 * https://vishnucss.github.io */ -body,html{margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{line-height:1.5;font-size:1.6rem;font-family:-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;text-rendering:optimizeLegibility}@media only screen and (max-width:25em){.hide-phone{display:none}}@media only screen and (max-width:48em){.hide-tablet{display:none}}@media only screen and (max-width:62em){.hide-desktop{display:none}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1{font-size:5rem;line-height:1.2}h2{font-size:4.2rem;line-height:1.25}h3{font-size:3.6rem;line-height:1.3}h4{font-size:3rem;line-height:1.35}h5{font-size:2.4rem;line-height:1.5}h6{font-size:1.8rem;line-height:1.6}p{margin-top:0;margin-bottom:2rem;font-size:1.6rem}@media only screen and (max-width:25em){h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.6rem}h5{font-size:2.2rem}h6{font-size:1.8rem}}a{color:#667eea;transition:color .1s ease}a:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}.button,[type=submit],button{padding:1.1rem 3.5rem;margin-top:0;margin-bottom:2rem;font-size:1.5rem;color:#444;background:#e6ecf0;border-radius:4px;transition:all .2s ease-in-out;border:1.5px solid transparent;cursor:pointer}.button:hover,[type=submit]:hover,button:hover{color:#667eea;background:rgba(230, 236, 240, .5)}.button:active,.button:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:none;-webkit-transform:scale(.99);transform:scale(.99);background:rgba(230, 236, 240, .8)}.button.outline,[type=submit].outline,button.outline{color:#667eea;background:none;border:1.5px solid #e6ecf0}.button.outline:hover,[type=submit].outline:hover,button.outline:hover{background:none;border:1.5px solid rgba(102, 126, 234, .5);color:rgba(102, 126, 234, .5)}.button.outline:active,.button.outline:focus,[type=submit].outline:active,[type=submit].outline:focus,button.outline:active,button.outline:focus{-webkit-transform:scale(.99);transform:scale(.99);border-color:rgba(102, 126, 234, .8);color:rgba(102, 126, 234, .8)}.button.flat,[type=submit].flat,button.flat{color:#667eea;background:none;border:1.5px solid transparent}.button.flat:hover,[type=submit].flat:hover,button.flat:hover{background:none;color:rgba(102, 126, 234, .8)}.button.flat:active,.button.flat:focus,[type=submit].flat:active,[type=submit].flat:focus,button.flat:active,button.flat:focus{-webkit-transform:scale(.99);transform:scale(.99);color:rgba(102, 126, 234, .9)}.button.primary,[type=submit].primary,button.primary{color:#fff;background:#667eea;border:1.5px solid transparent}.button.primary:hover,[type=submit].primary:hover,button.primary:hover{background:rgba(102, 126, 234, .8);color:#fff}.button.primary:active,.button.primary:focus,[type=submit].primary:active,[type=submit].primary:focus,button.primary:active,button.primary:focus{-webkit-transform:scale(.99);transform:scale(.99);background:rgba(102, 126, 234, .9)}.button.rounded,[type=submit].rounded,button.rounded{border-radius:28px}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea,textarea[type=text]{width:100%;height:42px;padding:10px;margin-top:1rem;margin-bottom:1rem;font-size:1.3rem;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:4px;transition:all .2s ease-in-out}input[type=email]:hover,input[type=file]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover,textarea[type=text]:hover{border:1px solid rgba(102, 126, 234, .8)}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus,textarea[type=text]:focus{outline:none;border:1px solid #6679cc;box-shadow:0 0 4px -1px rgba(102, 126, 234, .6)}textarea,textarea[type=text]{min-height:7rem}.flex{display:-webkit-box;display:flex;flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:0;flex:0 1 auto;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row,.row.reverse{-webkit-box-orient:horizontal}.row.reverse{flex-direction:row-reverse}.col.reverse,.row.reverse{-webkit-box-direction:reverse}.col.reverse{-webkit-box-orient:vertical;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{-webkit-box-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;order:-1}.last-xs{-webkit-box-ordinal-group:2;order:1}@media only screen and (max-width:48em){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{-webkit-box-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;order:-1}.last-sm{-webkit-box-ordinal-group:2;order:1}}@media only screen and (max-width:62em){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;align-items:center}.bottom-md{-webkit-box-align:end;align-items:flex-end}.around-md{justify-content:space-around}.between-md{-webkit-box-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;order:-1}.last-md{-webkit-box-ordinal-group:2;order:1}}@media only screen and (max-width:75em){.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{-webkit-box-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;order:-1}.last-lg{-webkit-box-ordinal-group:2;order:1}}ol,ul{padding-left:0;margin-top:0;margin-bottom:2rem;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{margin:1rem 0 1rem 2rem;font-size:95%}li{margin-bottom:1rem}.table,table{width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left}.table td,.table th,table td,table th{vertical-align:middle;padding:12px 4px}.table thead,table thead{border-bottom:1px solid #e5e5e5}@media only screen and (max-width:48em){.table.responsive,table.responsive{position:relative;display:block}.table.responsive td,.table.responsive th,table.responsive td,table.responsive th{margin:0}.table.responsive thead,table.responsive thead{display:block;float:left;border:0}.table.responsive thead tr,table.responsive thead tr{display:block;padding:0 10px 0 0;border-right:1px solid #e5e5e5}.table.responsive thead th,table.responsive thead th{text-align:left}.table.responsive th,table.responsive th{display:block;text-align:right}.table.responsive tbody,table.responsive tbody{display:block;overflow-x:auto;white-space:nowrap}.table.responsive tbody tr,table.responsive tbody tr{display:inline-block}.table.responsive td,table.responsive td{display:block;min-height:16px;text-align:left}.table.responsive tr,table.responsive tr{padding:0 10px}}img{max-width:100%}.pull-right{float:right}.pull-left{float:left}.txt-center{text-align:center}.txt-left{text-align:left}.txt-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.v-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.h-align{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.center{-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.right{-webkit-box-pack:end;justify-content:flex-end}.left,.right{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.left{-webkit-box-pack:start;justify-content:flex-start}.fixed{position:fixed}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}hr{height:0;margin:15px 0;border:0;border-top:1px solid #e5e5e5}pre{margin-top:0;margin-bottom:2rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:#e6ecf0;border:1px solid #dbdbdb;border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word} +body,html{margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{line-height:1.5;font-size:1.6rem;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem}h1{font-size:5rem;line-height:1.2}h2{font-size:4.2rem;line-height:1.25}h3{font-size:3.6rem;line-height:1.3}h4{font-size:3rem;line-height:1.35}h5{font-size:2.4rem;line-height:1.5}h6{font-size:1.8rem;line-height:1.6}p{margin-top:0;margin-bottom:2rem;font-size:1.6rem}@media only screen and (max-width:25em){h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.6rem}h5{font-size:2.2rem}h6{font-size:1.8rem}}a{color:#667eea;transition:color .1s ease}a:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}.button,[type=submit],button{padding:1.1rem 3.5rem;margin-top:0;margin-bottom:2rem;font-size:1.5rem;color:#444;background:#e6ecf0;border-radius:4px;transition:all .2s ease-in-out;border:1.5px solid transparent;cursor:pointer}.button:hover,[type=submit]:hover,button:hover{color:#667eea;background:rgba(230, 236, 240, .5)}.button:active,.button:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:none;-webkit-transform:scale(.99);transform:scale(.99);background:rgba(230, 236, 240, .8)}.button.small,.button[type=submit].small,[type=submit].small,[type=submit][type=submit].small,button.small,button[type=submit].small{font-size:1.2rem;padding:.6rem 1.6rem}.button.large,.button[type=submit].large,[type=submit].large,[type=submit][type=submit].large,button.large,button[type=submit].large{font-size:1.8rem;padding:1.8rem 4.2rem}.button.outline,[type=submit].outline,button.outline{color:#667eea;background:none;border:1.5px solid #e6ecf0}.button.outline:hover,[type=submit].outline:hover,button.outline:hover{background:none;border:1.5px solid rgba(102, 126, 234, .5);color:rgba(102, 126, 234, .5)}.button.outline:active,.button.outline:focus,[type=submit].outline:active,[type=submit].outline:focus,button.outline:active,button.outline:focus{-webkit-transform:scale(.99);transform:scale(.99);border-color:rgba(102, 126, 234, .8);color:rgba(102, 126, 234, .8)}.button.flat,[type=submit].flat,button.flat{color:#667eea;background:none;border:1.5px solid transparent}.button.flat:hover,[type=submit].flat:hover,button.flat:hover{background:none;color:rgba(102, 126, 234, .8)}.button.flat:active,.button.flat:focus,[type=submit].flat:active,[type=submit].flat:focus,button.flat:active,button.flat:focus{-webkit-transform:scale(.99);transform:scale(.99);color:rgba(102, 126, 234, .9)}.button.primary,[type=submit].primary,button.primary{color:#fff;background:#667eea;border:1.5px solid transparent}.button.primary:hover,[type=submit].primary:hover,button.primary:hover{background:rgba(102, 126, 234, .8);color:#fff}.button.primary:active,.button.primary:focus,[type=submit].primary:active,[type=submit].primary:focus,button.primary:active,button.primary:focus{-webkit-transform:scale(.99);transform:scale(.99);background:rgba(102, 126, 234, .9)}.button.rounded,[type=submit].rounded,button.rounded{border-radius:28px}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea,textarea[type=text]{width:100%;height:42px;padding:10px;margin-top:1rem;margin-bottom:1rem;font-size:1.3rem;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:4px;transition:all .2s ease-in-out}input[type=email]:hover,input[type=file]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover,textarea[type=text]:hover{border:1px solid rgba(102, 126, 234, .8)}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus,textarea[type=text]:focus{outline:none;border:1px solid #6679cc;box-shadow:0 0 4px -1px rgba(102, 126, 234, .6)}textarea,textarea[type=text]{min-height:7rem}ol,ul{padding-left:0;margin-top:0;margin-bottom:2rem;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{margin:1rem 0 1rem 2rem;font-size:95%}li{margin-bottom:1rem}.table,table{width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left}.table td,.table th,table td,table th{vertical-align:middle;padding:12px 4px}.table thead,table thead{border-bottom:1px solid #e5e5e5}@media only screen and (max-width:48em){.table.responsive,table.responsive{position:relative;display:block}.table.responsive td,.table.responsive th,table.responsive td,table.responsive th{margin:0}.table.responsive thead,table.responsive thead{display:block;float:left;border:0}.table.responsive thead tr,table.responsive thead tr{display:block;padding:0 10px 0 0;border-right:1px solid #e5e5e5}.table.responsive thead th,table.responsive thead th{text-align:left}.table.responsive th,table.responsive th{display:block;text-align:right}.table.responsive tbody,table.responsive tbody{display:block;overflow-x:auto;white-space:nowrap}.table.responsive tbody tr,table.responsive tbody tr{display:inline-block}.table.responsive td,table.responsive td{display:block;min-height:16px;text-align:left}.table.responsive tr,table.responsive tr{padding:0 10px}}img{max-width:100%}.pull-right{float:right}.pull-left{float:left}.txt-center{text-align:center}.txt-left{text-align:left}.txt-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.v-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.h-align{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.center{-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.right{-webkit-box-pack:end;justify-content:flex-end}.left,.right{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.left{-webkit-box-pack:start;justify-content:flex-start}.fixed{position:fixed}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}hr{height:0;margin:15px 0;border:0;border-top:1px solid #e5e5e5}pre{margin-top:0;margin-bottom:2rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:#e6ecf0;border:1px solid #dbdbdb;border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}.flex{display:-webkit-box;display:flex;flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:0;flex:0 1 auto;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row,.row.reverse{-webkit-box-orient:horizontal}.row.reverse{flex-direction:row-reverse}.col.reverse,.row.reverse{-webkit-box-direction:reverse}.col.reverse{-webkit-box-orient:vertical;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{-webkit-box-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;order:-1}.last-xs{-webkit-box-ordinal-group:2;order:1}@media only screen and (max-width:48em){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{-webkit-box-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;order:-1}.last-sm{-webkit-box-ordinal-group:2;order:1}}@media only screen and (max-width:62em){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;align-items:center}.bottom-md{-webkit-box-align:end;align-items:flex-end}.around-md{justify-content:space-around}.between-md{-webkit-box-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;order:-1}.last-md{-webkit-box-ordinal-group:2;order:1}}@media only screen and (max-width:75em){.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;-webkit-box-flex:0;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{-webkit-box-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;order:-1}.last-lg{-webkit-box-ordinal-group:2;order:1}}@media only screen and (max-width:25em){.hide-phone{display:none}}@media only screen and (max-width:48em){.hide-tablet{display:none}}@media only screen and (max-width:62em){.hide-desktop{display:none}} /*# sourceMappingURL=vishnu.min.css.map */ diff --git a/dist/vishnu.min.css.map b/dist/vishnu.min.css.map index ae14bf1..406fadb 100644 --- a/dist/vishnu.min.css.map +++ b/dist/vishnu.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["reset.css","responsive.css","typography.css","links.css","buttons.css","forms.css","grid.css","lists.css","tables.css","images.css","utils.css","misc.css"],"names":[],"mappings":";;;;AAIA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACZA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA,ACrBA,kBAMA,aAAA,AACA,mBAAA,AACA,gBAAA,AACA,sJAAA,CACA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AAEA,wCACA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,CACA,ACxEA,EACA,cAAA,AACA,yBAAA,CACA,AAWA,QAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,QACA,mBAAA,CACA,AACA,iBACA,SAAA,CACA,ACJA,6BACA,sBAAA,AACA,aAAA,AACA,mBAAA,AACA,iBAAA,AACA,WAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,+BAAA,AACA,cAAA,CACA,AACA,+CACA,cAAA,AACA,kCAAA,CACA,AACA,iGACA,aAAA,AACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,iJACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,+HACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,iJACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,ACjFA,mLAWA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AAQA,qPAPA,wCAAA,CACA,AACA,qPACA,aAAA,AACA,yBAAA,AACA,+CAAA,CACA,AAKA,6BAEA,eAAA,CACA,ACrCA,MACA,oBAAA,aAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AACA,KACA,sBAAA,AACA,oBAAA,aAAA,AACA,mBAAA,cAAA,AACA,6BAAA,mBAAA,AACA,eAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,kBALA,6BAAA,CAKA,AAEA,aADA,0BAAA,CACA,AACA,0BAFA,6BAAA,CAEA,AAEA,aADA,4BAAA,6BAAA,CACA,AACA,mIAaA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,AACA,wCACA,mIAaA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,CACA,AACA,wCACA,mIAaA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,CACA,AACA,wCACA,mIAaA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,CACA,AClkBA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,AChBA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,AAIA,wCAEA,mCACA,kBAAA,AACA,aAAA,CACA,AAoCA,kFAnCA,QAAA,CACA,AACA,+CACA,cAAA,AACA,WAAA,AACA,QAAA,CACA,AAQA,qDAPA,cAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,qDACA,eAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,CACA,AACA,+CACA,cAAA,AACA,gBAAA,AACA,kBAAA,CACA,AAGA,qDAFA,oBAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,AACA,eAAA,CACA,AACA,yCACA,cAAA,CACA,CAGA,AC7DA,IACA,cAAA,CACA,ACFA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,YACA,iBAAA,CACA,AAEA,UACA,eAAA,CACA,AAEA,WACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,SACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,iBAJA,oBAAA,aAAA,AACA,wBAAA,sBAAA,CAGA,AAKA,QAHA,yBAAA,mBAAA,AAEA,4BAAA,6BAAA,qBAAA,CACA,AAEA,OAGA,qBAAA,wBAAA,CACA,AAEA,aALA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CAIA,AAIA,MADA,uBAAA,0BAAA,CACA,AAEA,OACA,cAAA,CACA,AAEA,UACA,iBAAA,CACA,AAEA,UACA,mBAAA,AACA,gBAAA,AACA,sBAAA,CACA,AC3EA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA","file":"vishnu.min.css","sourcesContent":["/* \n * Reset\n*/\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n line-height: var(--base-line-height);\n font-size: var(--base-font-size);\n font-family: var(--base-font-family);\n font-weight: 400;\n text-rendering: optimizeLegibility;\n}\n","/*\n* Responsive\n*/\n\n@custom-media --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-viewport only screen and (max-width: 75em);\n\n@media (--phone-viewport) {\n .hide-phone {\n display: none;\n }\n}\n\n@media (--tablet-viewport) {\n .hide-tablet {\n display: none;\n }\n}\n\n@media (--desktop-viewport) {\n .hide-desktop {\n display: none;\n }\n}","/* \n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 2rem;\n font-weight: 400;\n font-family: var(--base-font-family);\n}\n\nh1 {\n font-size: 5rem;\n line-height: 1.2;\n}\n\nh2 {\n font-size: 4.2rem;\n line-height: 1.25;\n}\n\nh3 {\n font-size: 3.6rem;\n line-height: 1.3;\n}\n\nh4 {\n font-size: 3rem;\n line-height: 1.35;\n}\n\nh5 {\n font-size: 2.4rem;\n line-height: 1.5;\n}\n\nh6 {\n font-size: 1.8rem;\n line-height: 1.6;\n}\n\np {\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: var(--base-font-size);\n}\n\n@media (--phone-viewport) {\n h1 {\n font-size: 4rem;\n }\n\n h2 {\n font-size: 3.5rem;\n }\n\n h3 {\n font-size: 3rem;\n }\n\n h4 {\n font-size: 2.6rem;\n }\n\n h5 {\n font-size: 2.2rem;\n }\n\n h6 {\n font-size: 1.8rem;\n }\n}\n","/* \n * Links\n*/\n\na {\n color: var(--primary-color);\n transition: color 0.1s ease;\n &:hover {\n cursor: pointer;\n color: color(var(--primary-color) alpha(80%));\n text-decoration: none;\n }\n &:focus {\n outline: thin dotted;\n }\n &:active,&:hover {\n outline: 0;\n }\n}","/* \n * Buttons\n*/\n\n@custom-selector :--button button, .button, [type='submit'];\n@custom-selector :--button-outline button.outline, .button.outline, [type='submit'].outline;\n@custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat;\n@custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary;\n@custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n@custom-selector :--enter :hover;\n@custom-selector :--press :focus, :active;\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: 1.5rem;\n color: var(--base-text-color);\n background: var(--base-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1.5px solid transparent;\n cursor: pointer;\n}\n:--button:--enter {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--press {\n outline: none;\n transform: scale(0.99);\n background: color(var(--base-color) alpha(-20%));\n}\n\n/* Outline */\n:--button-outline {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid var(--base-color);\n}\n:--button-outline:--enter {\n background: none;\n border: 1.5px solid color(var(--primary-color) alpha(-50%));\n color: color(var(--primary-color) alpha(-50%));\n}\n:--button-outline:--press {\n transform: scale(0.99);\n border-color: color(var(--primary-color) alpha(-20%));\n color: color(var(--primary-color) alpha(-20%));\n}\n\n/* Flat */\n:--button-flat {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid transparent;\n}\n:--button-flat:--enter {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--press {\n transform: scale(0.99);\n color: color(var(--primary-color) alpha(-10%));\n}\n\n/* Primary */\n:--button-primary {\n color: #fff;\n background: var(--primary-color);\n border: 1.5px solid transparent;\n}\n:--button-primary:--enter {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--press {\n transform: scale(0.99);\n background: color(var(--primary-color) alpha(-10%));\n}\n\n/* Rounded */\n:--button-rounded {\n border-radius: 28px;\n}","/* \n * Forms\n*/\n\ninput[type='text'],\ninput[type='password'],\ninput[type='email'],\ninput[type='search'],\ninput[type='number'],\ninput[type='file'],\ninput[type='tel'],\ninput[type='url'],\nselect,\ntextarea,\ntextarea[type='text'] {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n box-sizing: border-box;\n background: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n &:hover {\n border: 1px solid color(var(--primary-color) alpha(80%));\n }\n &:focus {\n outline: none;\n border: 1px solid color(var(--primary-color) blackness(20%));\n box-shadow: color(var(--primary-color) alpha(60%)) 0px 0px 4px -1px;\n }\n}\n\nselect {}\n\ntextarea,\ntextarea[type='text'] {\n min-height: 7rem;\n}\n","/* \n * Grid\n*/\n\n.flex {\n display: flex;\n flex-wrap: wrap;\n}\n.container-fluid {\n margin-right: auto;\n margin-left: auto;\n padding-right: 2rem;\n padding-left: 2rem;\n}\n.row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin-right: -0.5rem;\n margin-left: -0.5rem;\n}\n.row.reverse {\n flex-direction: row-reverse;\n}\n.col.reverse {\n flex-direction: column-reverse;\n}\n.col-xs,\n.col-xs-1,\n.col-xs-2,\n.col-xs-3,\n.col-xs-4,\n.col-xs-5,\n.col-xs-6,\n.col-xs-7,\n.col-xs-8,\n.col-xs-9,\n.col-xs-10,\n.col-xs-11,\n.col-xs-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n.col-xs {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n.col-xs-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n}\n.col-xs-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n}\n.col-xs-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n.col-xs-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n}\n.col-xs-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n}\n.col-xs-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n.col-xs-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n}\n.col-xs-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n}\n.col-xs-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n.col-xs-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n}\n.col-xs-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n}\n.col-xs-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n.col-xs-offset-1 {\n margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n margin-left: 25%;\n}\n.col-xs-offset-4 {\n margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n margin-left: 50%;\n}\n.col-xs-offset-7 {\n margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n margin-left: 75%;\n}\n.col-xs-offset-10 {\n margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n margin-left: 91.667%;\n}\n.start-xs {\n justify-content: flex-start;\n text-align: start;\n}\n.center-xs {\n justify-content: center;\n text-align: center;\n}\n.end-xs {\n justify-content: flex-end;\n text-align: end;\n}\n.top-xs {\n align-items: flex-start;\n}\n.middle-xs {\n align-items: center;\n}\n.bottom-xs {\n align-items: flex-end;\n}\n.around-xs {\n justify-content: space-around;\n}\n.between-xs {\n justify-content: space-between;\n}\n.first-xs {\n order: -1;\n}\n.last-xs {\n order: 1;\n}\n@media (--tablet-viewport) {\n .col-sm,\n .col-sm-1,\n .col-sm-2,\n .col-sm-3,\n .col-sm-4,\n .col-sm-5,\n .col-sm-6,\n .col-sm-7,\n .col-sm-8,\n .col-sm-9,\n .col-sm-10,\n .col-sm-11,\n .col-sm-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-sm {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-sm-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-sm-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-sm-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-sm-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-sm-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-sm-offset-1 {\n margin-left: 8.333%;\n }\n .col-sm-offset-2 {\n margin-left: 16.667%;\n }\n .col-sm-offset-3 {\n margin-left: 25%;\n }\n .col-sm-offset-4 {\n margin-left: 33.333%;\n }\n .col-sm-offset-5 {\n margin-left: 41.667%;\n }\n .col-sm-offset-6 {\n margin-left: 50%;\n }\n .col-sm-offset-7 {\n margin-left: 58.333%;\n }\n .col-sm-offset-8 {\n margin-left: 66.667%;\n }\n .col-sm-offset-9 {\n margin-left: 75%;\n }\n .col-sm-offset-10 {\n margin-left: 83.333%;\n }\n .col-sm-offset-11 {\n margin-left: 91.667%;\n }\n .start-sm {\n justify-content: flex-start;\n text-align: start;\n }\n .center-sm {\n justify-content: center;\n text-align: center;\n }\n .end-sm {\n justify-content: flex-end;\n text-align: end;\n }\n .top-sm {\n align-items: flex-start;\n }\n .middle-sm {\n align-items: center;\n }\n .bottom-sm {\n align-items: flex-end;\n }\n .around-sm {\n justify-content: space-around;\n }\n .between-sm {\n justify-content: space-between;\n }\n .first-sm {\n order: -1;\n }\n .last-sm {\n order: 1;\n }\n}\n@media (--desktop-viewport) {\n .col-md,\n .col-md-1,\n .col-md-2,\n .col-md-3,\n .col-md-4,\n .col-md-5,\n .col-md-6,\n .col-md-7,\n .col-md-8,\n .col-md-9,\n .col-md-10,\n .col-md-11,\n .col-md-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-md {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-md-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-md-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-md-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-md-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-md-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-md-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-md-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-md-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-md-offset-1 {\n margin-left: 8.333%;\n }\n .col-md-offset-2 {\n margin-left: 16.667%;\n }\n .col-md-offset-3 {\n margin-left: 25%;\n }\n .col-md-offset-4 {\n margin-left: 33.333%;\n }\n .col-md-offset-5 {\n margin-left: 41.667%;\n }\n .col-md-offset-6 {\n margin-left: 50%;\n }\n .col-md-offset-7 {\n margin-left: 58.333%;\n }\n .col-md-offset-8 {\n margin-left: 66.667%;\n }\n .col-md-offset-9 {\n margin-left: 75%;\n }\n .col-md-offset-10 {\n margin-left: 83.333%;\n }\n .col-md-offset-11 {\n margin-left: 91.667%;\n }\n .start-md {\n justify-content: flex-start;\n text-align: start;\n }\n .center-md {\n justify-content: center;\n text-align: center;\n }\n .end-md {\n justify-content: flex-end;\n text-align: end;\n }\n .top-md {\n align-items: flex-start;\n }\n .middle-md {\n align-items: center;\n }\n .bottom-md {\n align-items: flex-end;\n }\n .around-md {\n justify-content: space-around;\n }\n .between-md {\n justify-content: space-between;\n }\n .first-md {\n order: -1;\n }\n .last-md {\n order: 1;\n }\n}\n@media (--desktop-large-viewport) {\n .col-lg,\n .col-lg-1,\n .col-lg-2,\n .col-lg-3,\n .col-lg-4,\n .col-lg-5,\n .col-lg-6,\n .col-lg-7,\n .col-lg-8,\n .col-lg-9,\n .col-lg-10,\n .col-lg-11,\n .col-lg-12 {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-lg {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-lg-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-lg-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-lg-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-lg-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-lg-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-lg-offset-1 {\n margin-left: 8.333%;\n }\n .col-lg-offset-2 {\n margin-left: 16.667%;\n }\n .col-lg-offset-3 {\n margin-left: 25%;\n }\n .col-lg-offset-4 {\n margin-left: 33.333%;\n }\n .col-lg-offset-5 {\n margin-left: 41.667%;\n }\n .col-lg-offset-6 {\n margin-left: 50%;\n }\n .col-lg-offset-7 {\n margin-left: 58.333%;\n }\n .col-lg-offset-8 {\n margin-left: 66.667%;\n }\n .col-lg-offset-9 {\n margin-left: 75%;\n }\n .col-lg-offset-10 {\n margin-left: 83.333%;\n }\n .col-lg-offset-11 {\n margin-left: 91.667%;\n }\n .start-lg {\n justify-content: flex-start;\n text-align: start;\n }\n .center-lg {\n justify-content: center;\n text-align: center;\n }\n .end-lg {\n justify-content: flex-end;\n text-align: end;\n }\n .top-lg {\n align-items: flex-start;\n }\n .middle-lg {\n align-items: center;\n }\n .bottom-lg {\n align-items: flex-end;\n }\n .around-lg {\n justify-content: space-around;\n }\n .between-lg {\n justify-content: space-between;\n }\n .first-lg {\n order: -1;\n }\n .last-lg {\n order: 1;\n }\n}","/* \n * List\n*/\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 2rem;\n list-style-position: inside;\n}\n\nul ul,\nul ol,\nol ol,\nol ul {\n margin: 1rem 0 1rem 2rem;\n font-size: 95%;\n}\n\nli {\n margin-bottom: 1rem;\n}\n","/* \n * Tables\n*/\n\n@custom-selector :--table table, .table;\n\n:--table {\n width: 100%;\n border: none;\n border-collapse: collapse;\n border-spacing: 0;\n text-align: left;\n & th, & td {\n vertical-align: middle;\n padding: 12px 4px;\n }\n & thead {\n border-bottom: 1px solid var(--base-border-color);\n }\n}\n\n/* responsive tables */\n@media (--tablet-viewport) {\n :--table {\n &.responsive {\n position: relative;\n display: block;\n & th, & td {\n margin: 0\n }\n & thead {\n display: block;\n float: left;\n border: 0;\n & tr {\n display: block;\n padding: 0 10px 0 0;\n border-right: 1px solid var(--base-border-color);\n }\n & th {\n text-align: left;\n }\n }\n & th {\n display: block;\n text-align: right;\n }\n & tbody {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n & tr {\n display: inline-block;\n }\n }\n & td {\n display: block;\n min-height: 16px;\n text-align: left;\n }\n & tr {\n padding: 0 10px;\n }\n }\n }\n}\n","/* \n * Images\n*/\n\nimg {\n max-width: 100%;\n}\n","/* \n * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.txt-center {\n text-align: center;\n}\n\n.txt-left {\n text-align: left;\n}\n\n.txt-right {\n text-align: right;\n}\n\n.full-screen {\n width: 100%;\n min-height: 100vh;\n}\n\n.full-width {\n width: 100%;\n}\n\n.full-height {\n height: 100%;\n min-height: 100%;\n}\n\n.v-align {\n display: flex;\n align-items: center;\n}\n\n.h-align {\n display: flex;\n justify-content: center;\n}\n\n.center {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n\n.left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.fixed {\n position: fixed;\n}\n\n.relative {\n position: relative;\n}\n\n.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}","/* \n * Misc\n*/\n\nhr {\n height: 0;\n margin: 15px 0;\n border: 0;\n border-top: 1px solid var(--base-border-color);\n}\n\npre {\n margin-top: 0;\n margin-bottom: 2rem;\n}\n\ncode {\n padding: 0.2rem 0.5rem;\n margin: 0 0.2rem;\n font-size: 1.3rem;\n white-space: nowrap;\n background: var(--base-color);\n border: 1px solid #dbdbdb;\n border-radius: 4px;\n font-family: 'Consolas', 'Monaco', 'Menlo', monospace;\n}\n\npre > code {\n display: block;\n padding: 1rem 1.5rem;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","utils.css","misc.css","grid.css","responsive.css"],"names":[],"mappings":";;;;AAIA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AAGA,iCAAA,CACA,ACjBA,uBDcA,uJAAA,AACA,eAAA,CCfA,AAUA,kBAJA,aAAA,AACA,kBAAA,CAGA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AAEA,wCACA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,CACA,ACxEA,EACA,cAAA,AACA,yBAAA,CACA,AAWA,QAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,QACA,mBAAA,CACA,AACA,iBACA,SAAA,CACA,ACFA,6BACA,sBAAA,AACA,aAAA,AACA,mBAAA,AACA,iBAAA,AACA,WAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,+BAAA,AACA,cAAA,CACA,AACA,+CACA,cAAA,AACA,kCAAA,CACA,AACA,iGACA,aAAA,AACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qIACA,iBAAA,AACA,oBAAA,CACA,AACA,qIACA,iBAAA,AACA,qBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,iJACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,+HACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,iJACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,AC3FA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AAQA,qPAPA,wCAAA,CACA,AACA,qPACA,aAAA,AACA,yBAAA,AACA,+CAAA,CACA,AAGA,6BAEA,eAAA,CACA,AC3BA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,AChBA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,AAIA,wCAEA,mCACA,kBAAA,AACA,aAAA,CACA,AAoCA,kFAnCA,QAAA,CACA,AACA,+CACA,cAAA,AACA,WAAA,AACA,QAAA,CACA,AAQA,qDAPA,cAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,qDACA,eAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,CACA,AACA,+CACA,cAAA,AACA,gBAAA,AACA,kBAAA,CACA,AAGA,qDAFA,oBAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,AACA,eAAA,CACA,AACA,yCACA,cAAA,CACA,CAGA,AC7DA,IACA,cAAA,CACA,ACFA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,YACA,iBAAA,CACA,AAEA,UACA,eAAA,CACA,AAEA,WACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,SACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,iBAJA,oBAAA,aAAA,AACA,wBAAA,sBAAA,CAGA,AAKA,QAHA,yBAAA,mBAAA,AAEA,4BAAA,6BAAA,qBAAA,CACA,AAEA,OAGA,qBAAA,wBAAA,CACA,AAEA,aALA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CAIA,AAIA,MADA,uBAAA,0BAAA,CACA,AAEA,OACA,cAAA,CACA,AAEA,UACA,iBAAA,CACA,AAEA,UACA,mBAAA,AACA,gBAAA,AACA,sBAAA,CACA,AC3EA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA,ACvBA,MACA,oBAAA,aAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AACA,KACA,sBAAA,AACA,oBAAA,aAAA,AACA,mBAAA,cAAA,AACA,6BAAA,mBAAA,AACA,eAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,kBALA,6BAAA,CAKA,AAEA,aADA,0BAAA,CACA,AACA,0BAFA,6BAAA,CAEA,AAEA,aADA,4BAAA,6BAAA,CACA,AACA,mIACA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,AACA,wCACA,mIACA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,CACA,AACA,wCACA,mIACA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,CACA,AACA,wCACA,mIACA,sBAAA,AACA,mBAAA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,mBAAA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,uBAAA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,wBAAA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,qBAAA,yBAAA,AACA,cAAA,CACA,AACA,QACA,wBAAA,sBAAA,CACA,AACA,WACA,yBAAA,kBAAA,CACA,AACA,WACA,sBAAA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,yBAAA,6BAAA,CACA,AACA,UACA,4BAAA,QAAA,CACA,AACA,SACA,4BAAA,OAAA,CACA,CACA,AClhBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA","file":"vishnu.min.css","sourcesContent":["/* \n * Reset\n*/\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n line-height: var(--base-line-height);\n font-size: var(--base-font-size);\n font-family: var(--base-font-family);\n font-weight: 400;\n text-rendering: optimizeLegibility;\n}\n","/* \n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 2rem;\n font-weight: 400;\n font-family: var(--base-font-family);\n}\n\nh1 {\n font-size: 5rem;\n line-height: 1.2;\n}\n\nh2 {\n font-size: 4.2rem;\n line-height: 1.25;\n}\n\nh3 {\n font-size: 3.6rem;\n line-height: 1.3;\n}\n\nh4 {\n font-size: 3rem;\n line-height: 1.35;\n}\n\nh5 {\n font-size: 2.4rem;\n line-height: 1.5;\n}\n\nh6 {\n font-size: 1.8rem;\n line-height: 1.6;\n}\n\np {\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: var(--base-font-size);\n}\n\n@media (--phone-viewport) {\n h1 {\n font-size: 4rem;\n }\n\n h2 {\n font-size: 3.5rem;\n }\n\n h3 {\n font-size: 3rem;\n }\n\n h4 {\n font-size: 2.6rem;\n }\n\n h5 {\n font-size: 2.2rem;\n }\n\n h6 {\n font-size: 1.8rem;\n }\n}\n","/* \n * Links\n*/\n\na {\n color: var(--primary-color);\n transition: color 0.1s ease;\n &:hover {\n cursor: pointer;\n color: color(var(--primary-color) alpha(80%));\n text-decoration: none;\n }\n &:focus {\n outline: thin dotted;\n }\n &:active,&:hover {\n outline: 0;\n }\n}","/* \n * Buttons\n*/\n\n@custom-selector :--button button, .button, [type='submit'];\n@custom-selector :--button-outline button.outline, .button.outline, [type='submit'].outline;\n@custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat;\n@custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary;\n@custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n@custom-selector :--enter :hover;\n@custom-selector :--press :focus, :active;\n@custom-selector :--large .large, [type='submit'].large;\n@custom-selector :--small .small, [type='submit'].small;\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\n margin-bottom: 2rem;\n font-size: 1.5rem;\n color: var(--base-text-color);\n background: var(--base-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1.5px solid transparent;\n cursor: pointer;\n}\n:--button:--enter {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--press {\n outline: none;\n transform: scale(0.99);\n background: color(var(--base-color) alpha(-20%));\n}\n\n/* Size */\n:--button:--small {\n font-size: 1.2rem;\n padding: 0.6rem 1.6rem;\n}\n:--button:--large {\n font-size: 1.8rem;\n padding: 1.8rem 4.2rem;\n}\n\n/* Outline */\n:--button-outline {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid var(--base-color);\n}\n:--button-outline:--enter {\n background: none;\n border: 1.5px solid color(var(--primary-color) alpha(-50%));\n color: color(var(--primary-color) alpha(-50%));\n}\n:--button-outline:--press {\n transform: scale(0.99);\n border-color: color(var(--primary-color) alpha(-20%));\n color: color(var(--primary-color) alpha(-20%));\n}\n\n/* Flat */\n:--button-flat {\n color: var(--primary-color);\n background: none;\n border: 1.5px solid transparent;\n}\n:--button-flat:--enter {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--press {\n transform: scale(0.99);\n color: color(var(--primary-color) alpha(-10%));\n}\n\n/* Primary */\n:--button-primary {\n color: #fff;\n background: var(--primary-color);\n border: 1.5px solid transparent;\n}\n:--button-primary:--enter {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--press {\n transform: scale(0.99);\n background: color(var(--primary-color) alpha(-10%));\n}\n\n/* Rounded */\n:--button-rounded {\n border-radius: 28px;\n}","/* \n * Forms\n*/\n\n@custom-selector :--all-fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea, textarea[type='text'];\n\n:--all-fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n box-sizing: border-box;\n background: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n &:hover {\n border: 1px solid color(var(--primary-color) alpha(80%));\n }\n &:focus {\n outline: none;\n border: 1px solid color(var(--primary-color) blackness(20%));\n box-shadow: color(var(--primary-color) alpha(60%)) 0px 0px 4px -1px;\n }\n}\n\ntextarea,\ntextarea[type='text'] {\n min-height: 7rem;\n}\n","/* \n * List\n*/\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 2rem;\n list-style-position: inside;\n}\n\nul ul,\nul ol,\nol ol,\nol ul {\n margin: 1rem 0 1rem 2rem;\n font-size: 95%;\n}\n\nli {\n margin-bottom: 1rem;\n}\n","/* \n * Tables\n*/\n\n@custom-selector :--table table, .table;\n\n:--table {\n width: 100%;\n border: none;\n border-collapse: collapse;\n border-spacing: 0;\n text-align: left;\n & th, & td {\n vertical-align: middle;\n padding: 12px 4px;\n }\n & thead {\n border-bottom: 1px solid var(--base-border-color);\n }\n}\n\n/* responsive tables */\n@media (--tablet-viewport) {\n :--table {\n &.responsive {\n position: relative;\n display: block;\n & th, & td {\n margin: 0\n }\n & thead {\n display: block;\n float: left;\n border: 0;\n & tr {\n display: block;\n padding: 0 10px 0 0;\n border-right: 1px solid var(--base-border-color);\n }\n & th {\n text-align: left;\n }\n }\n & th {\n display: block;\n text-align: right;\n }\n & tbody {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n & tr {\n display: inline-block;\n }\n }\n & td {\n display: block;\n min-height: 16px;\n text-align: left;\n }\n & tr {\n padding: 0 10px;\n }\n }\n }\n}\n","/* \n * Images\n*/\n\nimg {\n max-width: 100%;\n}\n","/* \n * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.txt-center {\n text-align: center;\n}\n\n.txt-left {\n text-align: left;\n}\n\n.txt-right {\n text-align: right;\n}\n\n.full-screen {\n width: 100%;\n min-height: 100vh;\n}\n\n.full-width {\n width: 100%;\n}\n\n.full-height {\n height: 100%;\n min-height: 100%;\n}\n\n.v-align {\n display: flex;\n align-items: center;\n}\n\n.h-align {\n display: flex;\n justify-content: center;\n}\n\n.center {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n\n.left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.fixed {\n position: fixed;\n}\n\n.relative {\n position: relative;\n}\n\n.truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}","/* \n * Misc\n*/\n\nhr {\n height: 0;\n margin: 15px 0;\n border: 0;\n border-top: 1px solid var(--base-border-color);\n}\n\npre {\n margin-top: 0;\n margin-bottom: 2rem;\n}\n\ncode {\n padding: 0.2rem 0.5rem;\n margin: 0 0.2rem;\n font-size: 1.3rem;\n white-space: nowrap;\n background: var(--base-color);\n border: 1px solid #dbdbdb;\n border-radius: 4px;\n font-family: 'Consolas', 'Monaco', 'Menlo', monospace;\n}\n\npre > code {\n display: block;\n padding: 1rem 1.5rem;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n","/* \n * Grid\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n\n.flex {\n display: flex;\n flex-wrap: wrap;\n}\n.container-fluid {\n margin-right: auto;\n margin-left: auto;\n padding-right: 2rem;\n padding-left: 2rem;\n}\n.row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin-right: -0.5rem;\n margin-left: -0.5rem;\n}\n.row.reverse {\n flex-direction: row-reverse;\n}\n.col.reverse {\n flex-direction: column-reverse;\n}\n:--all-cols-xs {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n.col-xs {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n.col-xs-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n}\n.col-xs-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n}\n.col-xs-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n.col-xs-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n}\n.col-xs-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n}\n.col-xs-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n.col-xs-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n}\n.col-xs-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n}\n.col-xs-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n.col-xs-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n}\n.col-xs-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n}\n.col-xs-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n.col-xs-offset-1 {\n margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n margin-left: 25%;\n}\n.col-xs-offset-4 {\n margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n margin-left: 50%;\n}\n.col-xs-offset-7 {\n margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n margin-left: 75%;\n}\n.col-xs-offset-10 {\n margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n margin-left: 91.667%;\n}\n.start-xs {\n justify-content: flex-start;\n text-align: start;\n}\n.center-xs {\n justify-content: center;\n text-align: center;\n}\n.end-xs {\n justify-content: flex-end;\n text-align: end;\n}\n.top-xs {\n align-items: flex-start;\n}\n.middle-xs {\n align-items: center;\n}\n.bottom-xs {\n align-items: flex-end;\n}\n.around-xs {\n justify-content: space-around;\n}\n.between-xs {\n justify-content: space-between;\n}\n.first-xs {\n order: -1;\n}\n.last-xs {\n order: 1;\n}\n@media (--tablet-viewport) {\n :--all-cols-sm {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-sm {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-sm-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-sm-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-sm-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-sm-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-sm-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-sm-offset-1 {\n margin-left: 8.333%;\n }\n .col-sm-offset-2 {\n margin-left: 16.667%;\n }\n .col-sm-offset-3 {\n margin-left: 25%;\n }\n .col-sm-offset-4 {\n margin-left: 33.333%;\n }\n .col-sm-offset-5 {\n margin-left: 41.667%;\n }\n .col-sm-offset-6 {\n margin-left: 50%;\n }\n .col-sm-offset-7 {\n margin-left: 58.333%;\n }\n .col-sm-offset-8 {\n margin-left: 66.667%;\n }\n .col-sm-offset-9 {\n margin-left: 75%;\n }\n .col-sm-offset-10 {\n margin-left: 83.333%;\n }\n .col-sm-offset-11 {\n margin-left: 91.667%;\n }\n .start-sm {\n justify-content: flex-start;\n text-align: start;\n }\n .center-sm {\n justify-content: center;\n text-align: center;\n }\n .end-sm {\n justify-content: flex-end;\n text-align: end;\n }\n .top-sm {\n align-items: flex-start;\n }\n .middle-sm {\n align-items: center;\n }\n .bottom-sm {\n align-items: flex-end;\n }\n .around-sm {\n justify-content: space-around;\n }\n .between-sm {\n justify-content: space-between;\n }\n .first-sm {\n order: -1;\n }\n .last-sm {\n order: 1;\n }\n}\n@media (--desktop-viewport) {\n :--all-cols-md {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-md {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-md-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-md-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-md-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-md-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-md-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-md-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-md-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-md-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-md-offset-1 {\n margin-left: 8.333%;\n }\n .col-md-offset-2 {\n margin-left: 16.667%;\n }\n .col-md-offset-3 {\n margin-left: 25%;\n }\n .col-md-offset-4 {\n margin-left: 33.333%;\n }\n .col-md-offset-5 {\n margin-left: 41.667%;\n }\n .col-md-offset-6 {\n margin-left: 50%;\n }\n .col-md-offset-7 {\n margin-left: 58.333%;\n }\n .col-md-offset-8 {\n margin-left: 66.667%;\n }\n .col-md-offset-9 {\n margin-left: 75%;\n }\n .col-md-offset-10 {\n margin-left: 83.333%;\n }\n .col-md-offset-11 {\n margin-left: 91.667%;\n }\n .start-md {\n justify-content: flex-start;\n text-align: start;\n }\n .center-md {\n justify-content: center;\n text-align: center;\n }\n .end-md {\n justify-content: flex-end;\n text-align: end;\n }\n .top-md {\n align-items: flex-start;\n }\n .middle-md {\n align-items: center;\n }\n .bottom-md {\n align-items: flex-end;\n }\n .around-md {\n justify-content: space-around;\n }\n .between-md {\n justify-content: space-between;\n }\n .first-md {\n order: -1;\n }\n .last-md {\n order: 1;\n }\n}\n@media (--desktop-large-viewport) {\n :--all-cols-lg {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .col-lg {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n .col-lg-1 {\n flex-basis: 8.333%;\n max-width: 8.333%;\n }\n .col-lg-2 {\n flex-basis: 16.667%;\n max-width: 16.667%;\n }\n .col-lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n flex-basis: 33.333%;\n max-width: 33.333%;\n }\n .col-lg-5 {\n flex-basis: 41.667%;\n max-width: 41.667%;\n }\n .col-lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n flex-basis: 58.333%;\n max-width: 58.333%;\n }\n .col-lg-8 {\n flex-basis: 66.667%;\n max-width: 66.667%;\n }\n .col-lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n flex-basis: 83.333%;\n max-width: 83.333%;\n }\n .col-lg-11 {\n flex-basis: 91.667%;\n max-width: 91.667%;\n }\n .col-lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n .col-lg-offset-1 {\n margin-left: 8.333%;\n }\n .col-lg-offset-2 {\n margin-left: 16.667%;\n }\n .col-lg-offset-3 {\n margin-left: 25%;\n }\n .col-lg-offset-4 {\n margin-left: 33.333%;\n }\n .col-lg-offset-5 {\n margin-left: 41.667%;\n }\n .col-lg-offset-6 {\n margin-left: 50%;\n }\n .col-lg-offset-7 {\n margin-left: 58.333%;\n }\n .col-lg-offset-8 {\n margin-left: 66.667%;\n }\n .col-lg-offset-9 {\n margin-left: 75%;\n }\n .col-lg-offset-10 {\n margin-left: 83.333%;\n }\n .col-lg-offset-11 {\n margin-left: 91.667%;\n }\n .start-lg {\n justify-content: flex-start;\n text-align: start;\n }\n .center-lg {\n justify-content: center;\n text-align: center;\n }\n .end-lg {\n justify-content: flex-end;\n text-align: end;\n }\n .top-lg {\n align-items: flex-start;\n }\n .middle-lg {\n align-items: center;\n }\n .bottom-lg {\n align-items: flex-end;\n }\n .around-lg {\n justify-content: space-around;\n }\n .between-lg {\n justify-content: space-between;\n }\n .first-lg {\n order: -1;\n }\n .last-lg {\n order: 1;\n }\n}","/*\n* Responsive\n*/\n\n@custom-media --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-viewport only screen and (max-width: 75em);\n\n@media (--phone-viewport) {\n .hide-phone {\n display: none;\n }\n}\n\n@media (--tablet-viewport) {\n .hide-tablet {\n display: none;\n }\n}\n\n@media (--desktop-viewport) {\n .hide-desktop {\n display: none;\n }\n}"]} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 96810fc..ca48ed2 100644 --- a/docs/index.html +++ b/docs/index.html @@ -85,7 +85,23 @@

Buttons

This button is available by default

<button>Content</button>
- + +
+
+ +
+
+

This button is available by class .large

<button class='large'>Content</button> +
+
+
+
+ +
+
+

This button is available by class .small

<button class='small'>Content</button> +
+
diff --git a/gulpfile.js b/gulpfile.js index 824761c..cade740 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -24,17 +24,17 @@ gulp.task('build', function () { return gulp.src([ './src/variables.css', './src/reset.css', - './src/responsive.css', './src/typography.css', './src/links.css', './src/buttons.css', './src/forms.css', - './src/grid.css', './src/lists.css', './src/tables.css', './src/images.css', './src/utils.css', - './src/misc.css' + './src/misc.css', + './src/grid.css', + './src/responsive.css' ]) .pipe($.sourcemaps.init()) .pipe($.concat('vishnu.css')) diff --git a/package.json b/package.json index 1181b50..5bc3dfa 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "vishnucss", "filename": "vishnu.min.css", - "version": "1.0.0-beta.2", + "version": "1.0.0-beta.3", "description": "A simple and minimalist toolkit with modern css", "main": "./dist/vishnu.min.css", "keywords": [ @@ -61,9 +61,7 @@ "owl-tool": "0.0.3", "postcss-cssnext": "^3.0.2", "postcss-custom-selectors": "^4.0.1", - "postcss-nesting": "^4.2.1" - }, - "dependencies": { + "postcss-nesting": "^4.2.1", "postcss-custom-media": "^6.0.0" } } diff --git a/src/buttons.css b/src/buttons.css index b1234d3..16613ba 100644 --- a/src/buttons.css +++ b/src/buttons.css @@ -9,6 +9,8 @@ @custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded; @custom-selector :--enter :hover; @custom-selector :--press :focus, :active; +@custom-selector :--large .large, [type='submit'].large; +@custom-selector :--small .small, [type='submit'].small; /* Default */ :--button { @@ -33,6 +35,16 @@ background: color(var(--base-color) alpha(-20%)); } +/* Size */ +:--button:--small { + font-size: 1.2rem; + padding: 0.6rem 1.6rem; +} +:--button:--large { + font-size: 1.8rem; + padding: 1.8rem 4.2rem; +} + /* Outline */ :--button-outline { color: var(--primary-color); diff --git a/src/forms.css b/src/forms.css index 86f8965..ecf0c60 100644 --- a/src/forms.css +++ b/src/forms.css @@ -2,17 +2,9 @@ * Forms */ -input[type='text'], -input[type='password'], -input[type='email'], -input[type='search'], -input[type='number'], -input[type='file'], -input[type='tel'], -input[type='url'], -select, -textarea, -textarea[type='text'] { +@custom-selector :--all-fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea, textarea[type='text']; + +:--all-fields { width: 100%; height: 42px; padding: 10px; @@ -34,8 +26,6 @@ textarea[type='text'] { } } -select {} - textarea, textarea[type='text'] { min-height: 7rem; diff --git a/src/grid.css b/src/grid.css index 07e4a09..8d05af1 100644 --- a/src/grid.css +++ b/src/grid.css @@ -2,6 +2,11 @@ * Grid */ +@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12; +@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12; +@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12; +@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12; + .flex { display: flex; flex-wrap: wrap; @@ -27,19 +32,7 @@ .col.reverse { flex-direction: column-reverse; } -.col-xs, -.col-xs-1, -.col-xs-2, -.col-xs-3, -.col-xs-4, -.col-xs-5, -.col-xs-6, -.col-xs-7, -.col-xs-8, -.col-xs-9, -.col-xs-10, -.col-xs-11, -.col-xs-12 { +:--all-cols-xs { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; @@ -165,19 +158,7 @@ order: 1; } @media (--tablet-viewport) { - .col-sm, - .col-sm-1, - .col-sm-2, - .col-sm-3, - .col-sm-4, - .col-sm-5, - .col-sm-6, - .col-sm-7, - .col-sm-8, - .col-sm-9, - .col-sm-10, - .col-sm-11, - .col-sm-12 { + :--all-cols-sm { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; @@ -304,19 +285,7 @@ } } @media (--desktop-viewport) { - .col-md, - .col-md-1, - .col-md-2, - .col-md-3, - .col-md-4, - .col-md-5, - .col-md-6, - .col-md-7, - .col-md-8, - .col-md-9, - .col-md-10, - .col-md-11, - .col-md-12 { + :--all-cols-md { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; @@ -443,19 +412,7 @@ } } @media (--desktop-large-viewport) { - .col-lg, - .col-lg-1, - .col-lg-2, - .col-lg-3, - .col-lg-4, - .col-lg-5, - .col-lg-6, - .col-lg-7, - .col-lg-8, - .col-lg-9, - .col-lg-10, - .col-lg-11, - .col-lg-12 { + :--all-cols-lg { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem;