From 4340d226d046d273b6a02b8a1fa470f2ab2a8042 Mon Sep 17 00:00:00 2001 From: Allan Alexandre Date: Sun, 29 Oct 2017 00:07:05 -0300 Subject: [PATCH 1/2] Remove unnecessary margin button --- src/buttons.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/buttons.css b/src/buttons.css index 316d608..d45094e 100644 --- a/src/buttons.css +++ b/src/buttons.css @@ -21,7 +21,6 @@ :--button { padding: 1.1rem 3.5rem; margin-top: 0; - margin-bottom: 2rem; font-size: 1.5rem; color: var(--base-text-color); background: var(--base-color); From 3b0a0278fa93604ab6b0f38ddef653bc5af8a0bd Mon Sep 17 00:00:00 2001 From: Allan Alexandre Date: Tue, 16 Jan 2018 23:54:38 -0300 Subject: [PATCH 2/2] Minor changes inside extensions and package - Add state conditions --error and --success - Rename danger to error - Improve input fields and select - Add style ```.radio``` and ```.checkbox``` just using classes in label or div wrapper input and add span inside to marker ```.checkmark``` to checkbox and ```.radiomark``` to radio button - Rename transition custom properties ```--transition``` --- dist/vishnu.css | 170 ++++++++++++++++-- dist/vishnu.css.map | 2 +- dist/vishnu.min.css | 6 +- dist/vishnu.min.css.map | 2 +- docs/index.html | 20 ++- docs/src/assets/style.css | 2 +- docs/src/assets/vishnu.min.css | 6 +- docs/src/assets/vishnu.min.css.map | 2 +- examples/meteor-boilerplate/client/main.css | 2 +- package.js | 2 +- package.json | 2 +- .../vishnucss-alert/dist/vishnu.alert.css | 10 +- .../vishnucss-alert/dist/vishnu.alert.css.map | 2 +- .../vishnucss-alert/dist/vishnu.alert.min.css | 4 +- .../dist/vishnu.alert.min.css.map | 2 +- packages/vishnucss-alert/package.js | 2 +- packages/vishnucss-alert/package.json | 2 +- packages/vishnucss-alert/src/alert.css | 16 +- packages/vishnucss-alert/src/customs.css | 2 +- packages/vishnucss-alert/src/variables.css | 4 +- packages/vishnucss-base/dist/vishnu.base.css | 165 ++++++++++++++++- .../vishnucss-base/dist/vishnu.base.css.map | 2 +- .../vishnucss-base/dist/vishnu.base.min.css | 4 +- .../dist/vishnu.base.min.css.map | 2 +- packages/vishnucss-base/package.js | 2 +- packages/vishnucss-base/package.json | 2 +- packages/vishnucss-base/src/buttons.css | 37 +++- packages/vishnucss-base/src/customs.css | 10 +- packages/vishnucss-base/src/forms.css | 102 ++++++++++- packages/vishnucss-base/src/variables.css | 4 +- packages/vishnucss-card/dist/vishnu.card.css | 2 +- .../vishnucss-card/dist/vishnu.card.css.map | 2 +- .../vishnucss-card/dist/vishnu.card.min.css | 2 +- packages/vishnucss-card/package.js | 2 +- packages/vishnucss-card/package.json | 2 +- packages/vishnucss-card/src/variables.css | 2 +- .../dist/vishnu.extensions.css | 10 +- .../dist/vishnu.extensions.css.map | 2 +- .../dist/vishnu.extensions.min.css | 4 +- .../dist/vishnu.extensions.min.css.map | 2 +- packages/vishnucss-extensions/package.js | 2 +- packages/vishnucss-extensions/package.json | 2 +- packages/vishnucss-extensions/src/alert.css | 16 +- packages/vishnucss-extensions/src/customs.css | 2 +- .../vishnucss-extensions/src/variables.css | 4 +- packages/vishnucss-grid/dist/vishnu.grid.css | 2 +- .../vishnucss-grid/dist/vishnu.grid.min.css | 2 +- packages/vishnucss-grid/package.js | 2 +- packages/vishnucss-grid/package.json | 2 +- .../vishnucss-utils/dist/vishnu.utils.css | 2 +- .../vishnucss-utils/dist/vishnu.utils.min.css | 2 +- packages/vishnucss-utils/package.js | 2 +- packages/vishnucss-utils/package.json | 2 +- src/alert.css | 16 +- src/buttons.css | 36 +++- src/customs.css | 6 +- src/forms.css | 102 ++++++++++- src/variables.css | 4 +- 58 files changed, 694 insertions(+), 132 deletions(-) diff --git a/dist/vishnu.css b/dist/vishnu.css index 10cd3c7..458ea55 100644 --- a/dist/vishnu.css +++ b/dist/vishnu.css @@ -1,7 +1,7 @@ /** -* vishnucss - v1.0.5 +* vishnucss - v1.0.6 * https://vishnucss.github.io/vishnu -*/ +*/ /* * Responsive @@ -195,6 +195,8 @@ p { * :--button-flat button.flat, .button.flat, [type='submit'].flat; * :--button-primary button.primary, .button.primary, [type='submit'].primary; * :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded; +* :--button-success button.success, .button.success, [type='submit'].success; +* :--button-error button.error, .button.error, [type='submit'].error; * :--hovered :hover; * :--pressed :focus; * :--large .large; @@ -208,7 +210,6 @@ button, [type='submit'] { padding: 1.1rem 3.5rem; margin-top: 0; - margin-bottom: 2rem; font-size: 1.5rem; color: #444; background: #E6ECF0; @@ -216,7 +217,10 @@ button, transition: all 0.2s ease-in-out; border: 1.5px solid transparent; cursor: pointer; + text-decoration: none; } + +/* Status */ button:hover, .button:hover, [type='submit']:hover { @@ -227,8 +231,6 @@ button:focus, .button:focus, [type='submit']:focus { outline: none; - -webkit-transform: scale(0.99); - transform: scale(0.99); background: rgba(230, 236, 240, 0.8); } @@ -320,6 +322,46 @@ button.rounded, [type='submit'].rounded { border-radius: 28px; } + +/* Success */ +button.success, +.button.success, +[type='submit'].success { + color: #fff; + background: #0DC222; + border: 1.5px solid transparent; +} +button.success:hover, +.button.success:hover, +[type='submit'].success:hover { + background: rgba(13, 194, 34, 0.8); + color: #fff; +} +button.success:focus, +.button.success:focus, +[type='submit'].success:focus { + background: rgba(13, 194, 34, 0.9); +} + +/* Error */ +button.error, +.button.error, +[type='submit'].error { + color: #fff; + background: #F93838; + border: 1.5px solid transparent; +} +button.error:hover, +.button.error:hover, +[type='submit'].error:hover { + background: rgba(249, 56, 56, 0.8); + color: #fff; +} +button.error:focus, +.button.error:focus, +[type='submit'].error:focus { + background: rgba(249, 56, 56, 0.9); +} /* * Forms */ @@ -329,6 +371,8 @@ button.rounded, * @ custom-properties * :--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']; * :--textarea textarea, textarea[type='text']; +* :--checkbox input[type='checkbox']; +* :--radio input[type='radio']; * :--hovered :hover; * :--pressed :focus; * @@ -368,7 +412,8 @@ input[type='url']:hover, select:hover, textarea:hover, textarea[type='text']:hover { - border: 1px solid rgba(102, 126, 234, 0.8); + border-color: rgba(102, 126, 234, 0.8); + background-color: #f1f1f1; } input[type='text']:focus, input[type='password']:focus, @@ -382,8 +427,8 @@ select:focus, textarea:focus, textarea[type='text']:focus { outline: none; - border: 1px solid rgb(102, 121, 204); - box-shadow: rgba(102, 126, 234, 0.6) 0px 0px 4px -1px; + border-color: #667eea; + box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2); } textarea, @@ -391,6 +436,107 @@ textarea[type='text'] { min-height: 7rem; } +/* Checkbox */ +.checkbox { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: 1.6rem; + line-height: 1.5; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border-radius: 4px +} +.checkbox .checkmark { + position: absolute; + top: 3px; + left: 0; + height: 18px; + width: 18px; + background-color: #fff; + border: 1px solid #e5e5e5; + transition: all 0.2s ease-in-out; + border-radius: 4px; + +} +.checkbox input { + position: absolute; + opacity: 0; + cursor: pointer; + +} +.checkbox .checkmark:after { + left: 6px; + top: 1px; + width: 4px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* Radio Button */ +.radio { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: 1.6rem; + line-height: 1.5; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.radio .radiomark { + position: absolute; + top: 3px; + left: 0; + height: 16px; + width: 16px; + background-color: #fff; + border: 1px solid #e5e5e5; + border-radius: 50%; + transition: all 0.2s ease-in-out; + +} +.radio input { + position: absolute; + opacity: 0; + +} +.radio .radiomark:after { + top: 4px; + left: 4px; + width: 8px; + height: 8px; + border-radius: 50%; + background: white; +} + +/* Checkbox and Radio Button */ +.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark { + background-color: #f1f1f1; + border-color: rgba(102, 126, 234, 0.8); +} + +.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark { + background-color: #667eea; + border-color: #667eea; + box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2); +} +.checkbox .checkmark:after, .radio .radiomark:after { + content: ""; + position: absolute; + display: none; +} +.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after { + display: block; +} /* * List */ @@ -583,7 +729,7 @@ pre > code { * :--alert .alert; * :--close .close; * :--info .info; -* :--danger .danger; +* :--error .error; * :--rounded .rounded; * :--placeholder .placeholder; * @@ -654,18 +800,18 @@ pre > code { color:#fff; } -.alert.danger { +.alert.error { background: rgba(249, 56, 56, 0.05); border-color: rgba(249, 56, 56, 0.5); color: #F93838 } -.alert.danger .close { +.alert.error .close { border-color: transparent; background: rgba(249, 56, 56, 0.5); color:#fff; } -.alert.danger .description { +.alert.error .description { color: rgba(249, 56, 56, 0.6); } diff --git a/dist/vishnu.css.map b/dist/vishnu.css.map index 0ae9f2f..1276177 100644 --- a/dist/vishnu.css.map +++ b/dist/vishnu.css.map @@ -1 +1 @@ -{"version":3,"sources":["customs.css","variables.css","reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;AAYA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;AC9DA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAaA,iBAAA;;EAGA,WAAA;;CAIA;ACjCA;;EAEA;;AAEA;EACA,eAAA;EACA,oBAAA;CACA;;AAHA;EACA,eAAA;EACA,oBAAA;CACA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;6CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;AC1BA;;EAEA;;AAEA;;;;;;EAMA,cAAA;EACA,oBAAA;EACA,iBAAA;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;;AC3EA;;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;;AAEA;;;;;;;;;;;;;EAaA;;AAEA,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;ACtGA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;;;;;;;;;;;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;CACA;AACA;;;;;;;;;;;EACA,2CAAA;CACA;AACA;;;;;;;;;;;EACA,cAAA;EACA,qCAAA;EACA,sDAAA;CACA;;AAEA;;EACA,iBAAA;CACA;;ACtCA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAEA;;;;;EAKA;;AAEA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;EACA,uBAAA;EACA,kBAAA;;CACA;;AACA;EACA,iCAAA;;CACA;;AAGA,sBAAA;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;;ACtEA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;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;;AAEA;;;;;;;;EAQA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;AC9BA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,qBAAA;EAAA,cAAA;EACA,wBAAA;UAAA,4BAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,sBAAA;CAOA;;AANA;EACA,UAAA;;CACA;;AACA;EACA,oBAAA;;CACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;EACA,0BAAA;UAAA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;CAIA;AAHA;EACA,iBAAA;;CACA;AAEA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CASA;AARA;EACA,+BAAA;;CACA;AACA;EACA,0BAAA;EACA,oCAAA;EACA,WAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,WAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,YAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;EACA,SAAA;EACA,kBAAA;EACA,YAAA;;CACA;;AAGA,iBAAA;AACA;EACA,qBAAA;EACA,sBAAA;CACA;AC5GA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,qBAAA;EAAA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA;ACpCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;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;AChiBA;;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","file":"vishnu.css","sourcesContent":["/*\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/*\n* Table\n*/\n\n@custom-selector :--table table, .table;\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 :--hovered :hover;\n@custom-selector :--pressed :focus;\n@custom-selector :--large .large;\n@custom-selector :--small .small;\n\n/*\n* Forms\n*/\n\n@custom-selector :--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@custom-selector :--textarea textarea, textarea[type='text'];\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n\n/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--danger .danger;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\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* Variables\n*/\n\n:root {\n\n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n\n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-danger-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n\n /* Transitions */\n --transition-ease-in-out: all 0.2s ease-in-out;\n\n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\n\n}","/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\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:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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}\n:--fields:--hovered {\n border: 1px solid color(var(--primary-color) alpha(80%));\n}\n:--fields:--pressed {\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:--textarea {\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--danger .danger;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--danger {\n background: color(var(--base-danger-color) alpha(5%));\n border-color: color(var(--base-danger-color) alpha(50%));\n color: var(--base-danger-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-danger-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-danger-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file +{"version":3,"sources":["customs.css","variables.css","reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;AAcA;;EAEA;;AASA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;AClEA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAaA,iBAAA;;EAGA,WAAA;;CAIA;ACjCA;;EAEA;;AAEA;EACA,eAAA;EACA,oBAAA;CACA;;AAHA;EACA,eAAA;EACA,oBAAA;CACA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;6CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;AC1BA;;EAEA;;AAEA;;;;;;EAMA,cAAA;EACA,oBAAA;EACA,iBAAA;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;;AC3EA;;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;;AAEA;;;;;;;;;;;;;;;EAeA;;AAEA,aAAA;AACA;;;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,iCAAA;EACA,gCAAA;EACA,gBAAA;EACA,sBAAA;CACA;;AAEA,YAAA;AACA;;;EACA,eAAA;EACA,qCAAA;CACA;AACA;;;EACA,cAAA;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;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,gCAAA;CACA;AACA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,WAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,gCAAA;CACA;AACA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;ACrIA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;;;;;;;;;;;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;CACA;AACA;;;;;;;;;;;EACA,uCAAA;EACA,0BAAA;CACA;AACA;;;;;;;;;;;EACA,cAAA;EACA,sBAAA;EACA,+CAAA;CACA;;AAEA;;EACA,iBAAA;CACA;;AAEA,cAAA;AACA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,kBAAA;EACA,kBAAA;CAiBA;AAhBA;EACA,mBAAA;EACA,SAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;EACA,0BAAA;EACA,iCAAA;EACA,mBAAA;;CACA;AACA;EACA,mBAAA;EACA,WAAA;EACA,gBAAA;;CACA;AAEA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,0BAAA;EACA,iCAAA;UAAA,yBAAA;CACA;;AAEA,kBAAA;AACA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAgBA;AAfA;EACA,mBAAA;EACA,SAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;;CACA;AACA;EACA,mBAAA;EACA,WAAA;;CACA;AAEA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;CACA;;AAEA,+BAAA;AACA;EACA,0BAAA;EACA,uCAAA;CACA;;AAEA;EACA,0BAAA;EACA,sBAAA;EACA,+CAAA;CACA;AACA;EACA,YAAA;EACA,mBAAA;EACA,cAAA;CACA;AACA;EACA,eAAA;CACA;ACpIA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAEA;;;;;EAKA;;AAEA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;EACA,uBAAA;EACA,kBAAA;;CACA;;AACA;EACA,iCAAA;;CACA;;AAGA,sBAAA;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;;ACtEA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;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;;AAEA;;;;;;;;EAQA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;AC9BA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,qBAAA;EAAA,cAAA;EACA,wBAAA;UAAA,4BAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,sBAAA;CAOA;;AANA;EACA,UAAA;;CACA;;AACA;EACA,oBAAA;;CACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;EACA,0BAAA;UAAA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;CAIA;AAHA;EACA,iBAAA;;CACA;AAEA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CASA;AARA;EACA,+BAAA;;CACA;AACA;EACA,0BAAA;EACA,oCAAA;EACA,WAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,WAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,YAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;EACA,SAAA;EACA,kBAAA;EACA,YAAA;;CACA;;AAGA,iBAAA;AACA;EACA,qBAAA;EACA,sBAAA;CACA;AC5GA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,qBAAA;EAAA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA;ACpCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;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;AChiBA;;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","file":"vishnu.css","sourcesContent":["/*\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/*\n* Table\n*/\n\n@custom-selector :--table table, .table;\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 :--button-success button.success, .button.success, [type='submit'].success;\n@custom-selector :--button-error button.error, .button.error, [type='submit'].error;\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n@custom-selector :--large .large;\n@custom-selector :--small .small;\n\n/*\n* Forms\n*/\n\n@custom-selector :--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@custom-selector :--textarea textarea, textarea[type='text'];\n@custom-selector :--checkbox input[type='checkbox'];\n@custom-selector :--radio input[type='radio'];\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n\n/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--error .error;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\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* Variables\n*/\n\n:root {\n\n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n\n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-error-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n\n /* Transitions */\n --transition: all 0.2s ease-in-out;\n\n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\n\n}","/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--button-success button.success, .button.success, [type='submit'].success;\n* :--button-error button.error, .button.error, [type='submit'].error;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\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);\n border: 1.5px solid transparent;\n cursor: pointer;\n text-decoration: none;\n}\n\n/* Status */\n:--button:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\n outline: none;\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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\n/* Success */\n:--button-success {\n color: #fff;\n background: var(--base-success-color);\n border: 1.5px solid transparent;\n}\n:--button-success:--hovered {\n background: color(var(--base-success-color) alpha(-20%));\n color: #fff;\n}\n:--button-success:--pressed {\n background: color(var(--base-success-color) alpha(-10%));\n}\n\n/* Error */\n:--button-error {\n color: #fff;\n background: var(--base-error-color);\n border: 1.5px solid transparent;\n}\n:--button-error:--hovered {\n background: color(var(--base-error-color) alpha(-20%));\n color: #fff;\n}\n:--button-error:--pressed {\n background: color(var(--base-error-color) alpha(-10%));\n}","/* \n * Forms\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--checkbox input[type='checkbox'];\n* :--radio input[type='radio'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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);\n}\n:--fields:--hovered {\n border-color: color(var(--primary-color) alpha(80%));\n background-color: var(--base-light-color);\n}\n:--fields:--pressed {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n\n:--textarea {\n min-height: 7rem;\n}\n\n/* Checkbox */\n.checkbox {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n border-radius: var(--base-radius);\n & .checkmark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 18px;\n width: 18px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n transition: var(--transition);\n border-radius: var(--base-radius);\n }\n & input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n}\n.checkbox .checkmark:after {\n left: 6px;\n top: 1px;\n width: 4px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n/* Radio Button */\n.radio {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n & .radiomark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 16px;\n width: 16px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n transition: var(--transition);\n }\n & input {\n position: absolute;\n opacity: 0;\n }\n}\n.radio .radiomark:after {\n top: 4px;\n left: 4px;\n width: 8px;\n height: 8px;\n border-radius: var(--base-rounded-radius);\n background: white;\n}\n\n/* Checkbox and Radio Button */\n.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark {\n background-color: var(--base-light-color);\n border-color: color(var(--primary-color) alpha(80%));\n}\n\n.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark {\n background-color: var(--primary-color);\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n.checkbox .checkmark:after, .radio .radiomark:after {\n content: \"\";\n position: absolute;\n display: none;\n}\n.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after {\n display: block;\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--error {\n background: color(var(--base-error-color) alpha(5%));\n border-color: color(var(--base-error-color) alpha(50%));\n color: var(--base-error-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-error-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-error-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file diff --git a/dist/vishnu.min.css b/dist/vishnu.min.css index 3dae1bc..be5b08a 100644 --- a/dist/vishnu.min.css +++ b/dist/vishnu.min.css @@ -1,6 +1,6 @@ /** -* vishnucss - v1.0.5 +* vishnucss - v1.0.6 * https://vishnucss.github.io/vishnu -*/ -::-moz-selection{color:#667eea;background:#e6ecf0}::selection{color:#667eea;background:#e6ecf0}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}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400}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}}:link,:visited{color:#667eea;transition:color .1s ease}:link:hover,:visited:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}:link:focus,:visited:focus{outline:thin dotted}:link:active,:link:hover,:visited:active,:visited: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:focus,[type=submit]:focus,button:focus{outline:none;-webkit-transform:scale(.99);transform:scale(.99);background:rgba(230, 236, 240, .8)}.button.small,[type=submit].small,button.small{font-size:1.2rem;padding:.6rem 1.6rem}.button.large,[type=submit].large,button.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:focus,[type=submit].outline:focus,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:focus,[type=submit].flat:focus,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:focus,[type=submit].primary:focus,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.4rem;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%}hr{height:0;margin:20px 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}@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}}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.danger{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.danger .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.danger .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1}.card{border:1px solid #f1f1f1;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:rgba(230, 236, 240, .3);padding:10px;display:-webkit-box;display:flex}.card .card-header{border-bottom:1px solid #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.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}}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.horizontal-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} +*/ +::-moz-selection{color:#667eea;background:#e6ecf0}::selection{color:#667eea;background:#e6ecf0}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}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400}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}}:link,:visited{color:#667eea;transition:color .1s ease}:link:hover,:visited:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}:link:focus,:visited:focus{outline:thin dotted}:link:active,:link:hover,:visited:active,:visited:hover{outline:0}.button,[type=submit],button{padding:1.1rem 3.5rem;margin-top:0;font-size:1.5rem;color:#444;background:#e6ecf0;border-radius:4px;transition:all .2s ease-in-out;border:1.5px solid transparent;cursor:pointer;text-decoration:none}.button:hover,[type=submit]:hover,button:hover{color:#667eea;background:rgba(230, 236, 240, .5)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:rgba(230, 236, 240, .8)}.button.small,[type=submit].small,button.small{font-size:1.2rem;padding:.6rem 1.6rem}.button.large,[type=submit].large,button.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:focus,[type=submit].outline:focus,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:focus,[type=submit].flat:focus,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:focus,[type=submit].primary:focus,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}.button.success,[type=submit].success,button.success{color:#fff;background:#0dc222;border:1.5px solid transparent}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13, 194, 34, .8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13, 194, 34, .9)}.button.error,[type=submit].error,button.error{color:#fff;background:#f93838;border:1.5px solid transparent}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249, 56, 56, .8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249, 56, 56, .9)}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.4rem;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-color:rgba(102, 126, 234, .8);background-color:#f1f1f1}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-color:#667eea;box-shadow:0 0 0 2px rgba(102, 126, 234, .2)}textarea,textarea[type=text]{min-height:7rem}.checkbox{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px}.checkbox .checkmark{position:absolute;top:3px;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #e5e5e5;transition:all .2s ease-in-out;border-radius:4px}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.radio{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio .radiomark{position:absolute;top:3px;left:0;height:16px;width:16px;background-color:#fff;border:1px solid #e5e5e5;border-radius:50%;transition:all .2s ease-in-out}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{background-color:#f1f1f1;border-color:rgba(102, 126, 234, .8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:#667eea;border-color:#667eea;box-shadow:0 0 0 2px rgba(102, 126, 234, .2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}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%}hr{height:0;margin:20px 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}@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}}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.error{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.error .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.error .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1}.card{border:1px solid #f1f1f1;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:rgba(230, 236, 240, .3);padding:10px;display:-webkit-box;display:flex}.card .card-header{border-bottom:1px solid #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.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}}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.horizontal-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} /*# sourceMappingURL=vishnu.min.css.map */ diff --git a/dist/vishnu.min.css.map b/dist/vishnu.min.css.map index 6dc467b..d6877e8 100644 --- a/dist/vishnu.min.css.map +++ b/dist/vishnu.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,kBAAA,CAFA,AAGA,YAFA,cAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACtBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,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,ACvEA,eACA,cAAA,AACA,yBAAA,CACA,AAWA,2BAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,2BACA,mBAAA,CACA,AACA,wDACA,SAAA,CACA,ACGA,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,+CACA,aAAA,AACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,+CACA,iBAAA,AACA,oBAAA,CACA,AACA,+CACA,iBAAA,AACA,qBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,8DACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,ACxFA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,wCAAA,CACA,AACA,qPACA,aAAA,AACA,yBAAA,AACA,+CAAA,CACA,AAEA,6BACA,eAAA,CACA,AClCA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,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,AClEA,IACA,cAAA,CACA,ACFA,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,AClBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA,ACdA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,cACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,qBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,2BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA,AC9FA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,mCAAA,AACA,aAAA,AACA,oBAAA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,ACtBA,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,AC5hBA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,0BAJA,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","file":"vishnu.min.css","sourcesContent":["/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\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:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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}\n:--fields:--hovered {\n border: 1px solid color(var(--primary-color) alpha(80%));\n}\n:--fields:--pressed {\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:--textarea {\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--danger .danger;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--danger {\n background: color(var(--base-danger-color) alpha(5%));\n border-color: color(var(--base-danger-color) alpha(50%));\n color: var(--base-danger-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-danger-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-danger-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ 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","misc.css","responsive.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,kBAAA,CAFA,AAGA,YAFA,cAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACtBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,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,ACvEA,eACA,cAAA,AACA,yBAAA,CACA,AAWA,2BAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,2BACA,mBAAA,CACA,AACA,wDACA,SAAA,CACA,ACKA,6BACA,sBAAA,AACA,aAAA,AACA,iBAAA,AACA,WAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,+BAAA,AACA,eAAA,AACA,oBAAA,CACA,AAGA,+CACA,cAAA,AACA,kCAAA,CACA,AACA,+CACA,aAAA,AACA,kCAAA,CACA,AAGA,+CACA,iBAAA,AACA,oBAAA,CACA,AACA,+CACA,iBAAA,AACA,qBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,8DACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,iCAAA,AACA,UAAA,CACA,AACA,uEACA,gCAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,iEACA,iCAAA,AACA,UAAA,CACA,AACA,iEACA,gCAAA,CACA,ACrHA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,qCAAA,AACA,wBAAA,CACA,AACA,qPACA,aAAA,AACA,qBAAA,AACA,4CAAA,CACA,AAEA,6BACA,eAAA,CACA,AAGA,UACA,cAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,QAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,gCAAA,uBAAA,CACA,AAGA,OACA,cAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,QAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,yBAAA,AACA,oCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,4CAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,AChIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,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,AClEA,IACA,cAAA,CACA,ACFA,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,AClBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA,ACdA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,aACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,oBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,0BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA,AC9FA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,mCAAA,AACA,aAAA,AACA,oBAAA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,ACtBA,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,AC5hBA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,0BAJA,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","file":"vishnu.min.css","sourcesContent":["/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--button-success button.success, .button.success, [type='submit'].success;\n* :--button-error button.error, .button.error, [type='submit'].error;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\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);\n border: 1.5px solid transparent;\n cursor: pointer;\n text-decoration: none;\n}\n\n/* Status */\n:--button:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\n outline: none;\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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\n/* Success */\n:--button-success {\n color: #fff;\n background: var(--base-success-color);\n border: 1.5px solid transparent;\n}\n:--button-success:--hovered {\n background: color(var(--base-success-color) alpha(-20%));\n color: #fff;\n}\n:--button-success:--pressed {\n background: color(var(--base-success-color) alpha(-10%));\n}\n\n/* Error */\n:--button-error {\n color: #fff;\n background: var(--base-error-color);\n border: 1.5px solid transparent;\n}\n:--button-error:--hovered {\n background: color(var(--base-error-color) alpha(-20%));\n color: #fff;\n}\n:--button-error:--pressed {\n background: color(var(--base-error-color) alpha(-10%));\n}","/* \n * Forms\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--checkbox input[type='checkbox'];\n* :--radio input[type='radio'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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);\n}\n:--fields:--hovered {\n border-color: color(var(--primary-color) alpha(80%));\n background-color: var(--base-light-color);\n}\n:--fields:--pressed {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n\n:--textarea {\n min-height: 7rem;\n}\n\n/* Checkbox */\n.checkbox {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n border-radius: var(--base-radius);\n & .checkmark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 18px;\n width: 18px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n transition: var(--transition);\n border-radius: var(--base-radius);\n }\n & input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n}\n.checkbox .checkmark:after {\n left: 6px;\n top: 1px;\n width: 4px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n/* Radio Button */\n.radio {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n & .radiomark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 16px;\n width: 16px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n transition: var(--transition);\n }\n & input {\n position: absolute;\n opacity: 0;\n }\n}\n.radio .radiomark:after {\n top: 4px;\n left: 4px;\n width: 8px;\n height: 8px;\n border-radius: var(--base-rounded-radius);\n background: white;\n}\n\n/* Checkbox and Radio Button */\n.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark {\n background-color: var(--base-light-color);\n border-color: color(var(--primary-color) alpha(80%));\n}\n\n.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark {\n background-color: var(--primary-color);\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n.checkbox .checkmark:after, .radio .radiomark:after {\n content: \"\";\n position: absolute;\n display: none;\n}\n.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after {\n display: block;\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--error {\n background: color(var(--base-error-color) alpha(5%));\n border-color: color(var(--base-error-color) alpha(50%));\n color: var(--base-error-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-error-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-error-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 23a6f32..3b176eb 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,7 +13,6 @@ -
Fork me on GitHub
@@ -22,7 +21,7 @@

Vishnu

A simple and minimalist toolkit with modern css
Star - Currently v1.0.5 + Currently v1.0.6
@@ -327,18 +326,21 @@

# Forms

-
-
diff --git a/docs/src/assets/style.css b/docs/src/assets/style.css index 9df602d..3321fbb 100644 --- a/docs/src/assets/style.css +++ b/docs/src/assets/style.css @@ -13,7 +13,7 @@ --base-light-text-color: #ccc; --base-line-height: 1.5; --base-font-size: 1.6rem; - --transition-ease-in-out: all 0.2s ease-in-out; + --transition: all 0.2s ease-in-out; --base-radius: 4px; } diff --git a/docs/src/assets/vishnu.min.css b/docs/src/assets/vishnu.min.css index 3dae1bc..be5b08a 100644 --- a/docs/src/assets/vishnu.min.css +++ b/docs/src/assets/vishnu.min.css @@ -1,6 +1,6 @@ /** -* vishnucss - v1.0.5 +* vishnucss - v1.0.6 * https://vishnucss.github.io/vishnu -*/ -::-moz-selection{color:#667eea;background:#e6ecf0}::selection{color:#667eea;background:#e6ecf0}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}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400}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}}:link,:visited{color:#667eea;transition:color .1s ease}:link:hover,:visited:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}:link:focus,:visited:focus{outline:thin dotted}:link:active,:link:hover,:visited:active,:visited: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:focus,[type=submit]:focus,button:focus{outline:none;-webkit-transform:scale(.99);transform:scale(.99);background:rgba(230, 236, 240, .8)}.button.small,[type=submit].small,button.small{font-size:1.2rem;padding:.6rem 1.6rem}.button.large,[type=submit].large,button.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:focus,[type=submit].outline:focus,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:focus,[type=submit].flat:focus,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:focus,[type=submit].primary:focus,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.4rem;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%}hr{height:0;margin:20px 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}@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}}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.danger{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.danger .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.danger .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1}.card{border:1px solid #f1f1f1;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:rgba(230, 236, 240, .3);padding:10px;display:-webkit-box;display:flex}.card .card-header{border-bottom:1px solid #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.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}}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.horizontal-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} +*/ +::-moz-selection{color:#667eea;background:#e6ecf0}::selection{color:#667eea;background:#e6ecf0}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}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400}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}}:link,:visited{color:#667eea;transition:color .1s ease}:link:hover,:visited:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}:link:focus,:visited:focus{outline:thin dotted}:link:active,:link:hover,:visited:active,:visited:hover{outline:0}.button,[type=submit],button{padding:1.1rem 3.5rem;margin-top:0;font-size:1.5rem;color:#444;background:#e6ecf0;border-radius:4px;transition:all .2s ease-in-out;border:1.5px solid transparent;cursor:pointer;text-decoration:none}.button:hover,[type=submit]:hover,button:hover{color:#667eea;background:rgba(230, 236, 240, .5)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:rgba(230, 236, 240, .8)}.button.small,[type=submit].small,button.small{font-size:1.2rem;padding:.6rem 1.6rem}.button.large,[type=submit].large,button.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:focus,[type=submit].outline:focus,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:focus,[type=submit].flat:focus,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:focus,[type=submit].primary:focus,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}.button.success,[type=submit].success,button.success{color:#fff;background:#0dc222;border:1.5px solid transparent}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13, 194, 34, .8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13, 194, 34, .9)}.button.error,[type=submit].error,button.error{color:#fff;background:#f93838;border:1.5px solid transparent}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249, 56, 56, .8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249, 56, 56, .9)}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.4rem;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-color:rgba(102, 126, 234, .8);background-color:#f1f1f1}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-color:#667eea;box-shadow:0 0 0 2px rgba(102, 126, 234, .2)}textarea,textarea[type=text]{min-height:7rem}.checkbox{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px}.checkbox .checkmark{position:absolute;top:3px;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #e5e5e5;transition:all .2s ease-in-out;border-radius:4px}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.radio{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio .radiomark{position:absolute;top:3px;left:0;height:16px;width:16px;background-color:#fff;border:1px solid #e5e5e5;border-radius:50%;transition:all .2s ease-in-out}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{background-color:#f1f1f1;border-color:rgba(102, 126, 234, .8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:#667eea;border-color:#667eea;box-shadow:0 0 0 2px rgba(102, 126, 234, .2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}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%}hr{height:0;margin:20px 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}@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}}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.error{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.error .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.error .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1}.card{border:1px solid #f1f1f1;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:rgba(230, 236, 240, .3);padding:10px;display:-webkit-box;display:flex}.card .card-header{border-bottom:1px solid #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.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}}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.horizontal-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} /*# sourceMappingURL=vishnu.min.css.map */ diff --git a/docs/src/assets/vishnu.min.css.map b/docs/src/assets/vishnu.min.css.map index 6dc467b..d6877e8 100644 --- a/docs/src/assets/vishnu.min.css.map +++ b/docs/src/assets/vishnu.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,kBAAA,CAFA,AAGA,YAFA,cAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACtBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,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,ACvEA,eACA,cAAA,AACA,yBAAA,CACA,AAWA,2BAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,2BACA,mBAAA,CACA,AACA,wDACA,SAAA,CACA,ACGA,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,+CACA,aAAA,AACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,+CACA,iBAAA,AACA,oBAAA,CACA,AACA,+CACA,iBAAA,AACA,qBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,8DACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,ACxFA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,wCAAA,CACA,AACA,qPACA,aAAA,AACA,yBAAA,AACA,+CAAA,CACA,AAEA,6BACA,eAAA,CACA,AClCA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,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,AClEA,IACA,cAAA,CACA,ACFA,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,AClBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA,ACdA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,cACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,qBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,2BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA,AC9FA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,mCAAA,AACA,aAAA,AACA,oBAAA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,ACtBA,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,AC5hBA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,0BAJA,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","file":"vishnu.min.css","sourcesContent":["/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\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:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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}\n:--fields:--hovered {\n border: 1px solid color(var(--primary-color) alpha(80%));\n}\n:--fields:--pressed {\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:--textarea {\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--danger .danger;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--danger {\n background: color(var(--base-danger-color) alpha(5%));\n border-color: color(var(--base-danger-color) alpha(50%));\n color: var(--base-danger-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-danger-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-danger-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ 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","misc.css","responsive.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,kBAAA,CAFA,AAGA,YAFA,cAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACtBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,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,ACvEA,eACA,cAAA,AACA,yBAAA,CACA,AAWA,2BAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,2BACA,mBAAA,CACA,AACA,wDACA,SAAA,CACA,ACKA,6BACA,sBAAA,AACA,aAAA,AACA,iBAAA,AACA,WAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,+BAAA,AACA,eAAA,AACA,oBAAA,CACA,AAGA,+CACA,cAAA,AACA,kCAAA,CACA,AACA,+CACA,aAAA,AACA,kCAAA,CACA,AAGA,+CACA,iBAAA,AACA,oBAAA,CACA,AACA,+CACA,iBAAA,AACA,qBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,8DACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,iCAAA,AACA,UAAA,CACA,AACA,uEACA,gCAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,iEACA,iCAAA,AACA,UAAA,CACA,AACA,iEACA,gCAAA,CACA,ACrHA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,qCAAA,AACA,wBAAA,CACA,AACA,qPACA,aAAA,AACA,qBAAA,AACA,4CAAA,CACA,AAEA,6BACA,eAAA,CACA,AAGA,UACA,cAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,QAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,gCAAA,uBAAA,CACA,AAGA,OACA,cAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,QAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,yBAAA,AACA,oCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,4CAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,AChIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,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,AClEA,IACA,cAAA,CACA,ACFA,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,AClBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA,ACdA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,aACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,oBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,0BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA,AC9FA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,mCAAA,AACA,aAAA,AACA,oBAAA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,ACtBA,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,AC5hBA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,0BAJA,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","file":"vishnu.min.css","sourcesContent":["/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--button-success button.success, .button.success, [type='submit'].success;\n* :--button-error button.error, .button.error, [type='submit'].error;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\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);\n border: 1.5px solid transparent;\n cursor: pointer;\n text-decoration: none;\n}\n\n/* Status */\n:--button:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\n outline: none;\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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\n/* Success */\n:--button-success {\n color: #fff;\n background: var(--base-success-color);\n border: 1.5px solid transparent;\n}\n:--button-success:--hovered {\n background: color(var(--base-success-color) alpha(-20%));\n color: #fff;\n}\n:--button-success:--pressed {\n background: color(var(--base-success-color) alpha(-10%));\n}\n\n/* Error */\n:--button-error {\n color: #fff;\n background: var(--base-error-color);\n border: 1.5px solid transparent;\n}\n:--button-error:--hovered {\n background: color(var(--base-error-color) alpha(-20%));\n color: #fff;\n}\n:--button-error:--pressed {\n background: color(var(--base-error-color) alpha(-10%));\n}","/* \n * Forms\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--checkbox input[type='checkbox'];\n* :--radio input[type='radio'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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);\n}\n:--fields:--hovered {\n border-color: color(var(--primary-color) alpha(80%));\n background-color: var(--base-light-color);\n}\n:--fields:--pressed {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n\n:--textarea {\n min-height: 7rem;\n}\n\n/* Checkbox */\n.checkbox {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n border-radius: var(--base-radius);\n & .checkmark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 18px;\n width: 18px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n transition: var(--transition);\n border-radius: var(--base-radius);\n }\n & input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n}\n.checkbox .checkmark:after {\n left: 6px;\n top: 1px;\n width: 4px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n/* Radio Button */\n.radio {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n & .radiomark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 16px;\n width: 16px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n transition: var(--transition);\n }\n & input {\n position: absolute;\n opacity: 0;\n }\n}\n.radio .radiomark:after {\n top: 4px;\n left: 4px;\n width: 8px;\n height: 8px;\n border-radius: var(--base-rounded-radius);\n background: white;\n}\n\n/* Checkbox and Radio Button */\n.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark {\n background-color: var(--base-light-color);\n border-color: color(var(--primary-color) alpha(80%));\n}\n\n.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark {\n background-color: var(--primary-color);\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n.checkbox .checkmark:after, .radio .radiomark:after {\n content: \"\";\n position: absolute;\n display: none;\n}\n.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after {\n display: block;\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--error {\n background: color(var(--base-error-color) alpha(5%));\n border-color: color(var(--base-error-color) alpha(50%));\n color: var(--base-error-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-error-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-error-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file diff --git a/examples/meteor-boilerplate/client/main.css b/examples/meteor-boilerplate/client/main.css index 7e774c7..ea19641 100644 --- a/examples/meteor-boilerplate/client/main.css +++ b/examples/meteor-boilerplate/client/main.css @@ -13,7 +13,7 @@ --base-light-text-color: #ccc; --base-line-height: 1.5; --base-font-size: 1.6rem; - --transition-ease-in-out: all 0.2s ease-in-out; + --transition: all 0.2s ease-in-out; --base-radius: 4px; } diff --git a/package.js b/package.js index 5ce7d40..f105c7b 100644 --- a/package.js +++ b/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'vishnucss:vishnu', - version: '1.0.5', + version: '1.0.6', summary: 'A simple and minimalist toolkit with modern css.', git: 'https://github.com/vishnucss/vishnu.git', documentation: 'README.md' diff --git a/package.json b/package.json index d930755..763fd1e 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@vishnucss/vishnu", "filename": "vishnu.min.css", - "version": "1.0.5", + "version": "1.0.6", "description": "A simple and minimalist toolkit with modern css", "main": "./dist/vishnu.min.css", "keywords": [ diff --git a/packages/vishnucss-alert/dist/vishnu.alert.css b/packages/vishnucss-alert/dist/vishnu.alert.css index 5cafd3e..ec89241 100644 --- a/packages/vishnucss-alert/dist/vishnu.alert.css +++ b/packages/vishnucss-alert/dist/vishnu.alert.css @@ -1,5 +1,5 @@ /** -* vishnucss alert - v1.0.5 +* vishnucss alert - v1.0.6 * https://vishnucss.github.io/vishnu#alert */ @@ -31,7 +31,7 @@ * :--alert .alert; * :--close .close; * :--info .info; -* :--danger .danger; +* :--error .error; * :--rounded .rounded; * :--placeholder .placeholder; * @@ -102,18 +102,18 @@ color:#fff; } -.alert.danger { +.alert.error { background: rgba(249, 56, 56, 0.05); border-color: rgba(249, 56, 56, 0.5); color: #F93838 } -.alert.danger .close { +.alert.error .close { border-color: transparent; background: rgba(249, 56, 56, 0.5); color:#fff; } -.alert.danger .description { +.alert.error .description { color: rgba(249, 56, 56, 0.6); } diff --git a/packages/vishnucss-alert/dist/vishnu.alert.css.map b/packages/vishnucss-alert/dist/vishnu.alert.css.map index 5c1cf05..f508b07 100644 --- a/packages/vishnucss-alert/dist/vishnu.alert.css.map +++ b/packages/vishnucss-alert/dist/vishnu.alert.css.map @@ -1 +1 @@ -{"version":3,"sources":["variables.css","customs.css","alert.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;;IAEA,iBAAA;;IAOA,aAAA;;IAaA,iBAAA;;IAGA,WAAA;;GAIA;ACjCA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,qBAAA;EAAA,cAAA;EACA,wBAAA;UAAA,4BAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,sBAAA;CAOA;;AANA;IACA,UAAA;;CACA;;AACA;IACA,oBAAA;;CACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;EACA,0BAAA;UAAA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;CAIA;AAHA;IACA,iBAAA;;CACA;AAEA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CASA;AARA;IACA,+BAAA;;CACA;AACA;IACA,0BAAA;IACA,oCAAA;IACA,WAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;IACA,0BAAA;IACA,mCAAA;IACA,WAAA;;CACA;AACA;IACA,8BAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;IACA,0BAAA;IACA,mCAAA;IACA,YAAA;;CACA;AACA;IACA,8BAAA;;CACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;IACA,SAAA;IACA,kBAAA;IACA,YAAA;;CACA;;AAGA,iBAAA;AACA;EACA,qBAAA;EACA,sBAAA;CACA","file":"vishnu.alert.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n \n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n \n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-danger-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n \n /* Transitions */\n --transition-ease-in-out: all 0.2s ease-in-out;\n \n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\n \n }","/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--danger .danger;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;","/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--danger .danger;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--danger {\n background: color(var(--base-danger-color) alpha(5%));\n border-color: color(var(--base-danger-color) alpha(50%));\n color: var(--base-danger-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-danger-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-danger-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}"]} \ No newline at end of file +{"version":3,"sources":["variables.css","customs.css","alert.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;;IAEA,iBAAA;;IAOA,aAAA;;IAaA,iBAAA;;IAGA,WAAA;;GAIA;ACjCA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,qBAAA;EAAA,cAAA;EACA,wBAAA;UAAA,4BAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,sBAAA;CAOA;;AANA;IACA,UAAA;;CACA;;AACA;IACA,oBAAA;;CACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;EACA,0BAAA;UAAA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;CAIA;AAHA;IACA,iBAAA;;CACA;AAEA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CASA;AARA;IACA,+BAAA;;CACA;AACA;IACA,0BAAA;IACA,oCAAA;IACA,WAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;IACA,0BAAA;IACA,mCAAA;IACA,WAAA;;CACA;AACA;IACA,8BAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;IACA,0BAAA;IACA,mCAAA;IACA,YAAA;;CACA;AACA;IACA,8BAAA;;CACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;IACA,SAAA;IACA,kBAAA;IACA,YAAA;;CACA;;AAGA,iBAAA;AACA;EACA,qBAAA;EACA,sBAAA;CACA","file":"vishnu.alert.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n \n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n \n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-error-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n \n /* Transitions */\n --transition: all 0.2s ease-in-out;\n \n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\n \n }","/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--error .error;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;","/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--error {\n background: color(var(--base-error-color) alpha(5%));\n border-color: color(var(--base-error-color) alpha(50%));\n color: var(--base-error-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-error-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-error-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}"]} \ No newline at end of file diff --git a/packages/vishnucss-alert/dist/vishnu.alert.min.css b/packages/vishnucss-alert/dist/vishnu.alert.min.css index 4128d8c..5ff4666 100644 --- a/packages/vishnucss-alert/dist/vishnu.alert.min.css +++ b/packages/vishnucss-alert/dist/vishnu.alert.min.css @@ -1,6 +1,6 @@ /** -* vishnucss alert - v1.0.5 +* vishnucss alert - v1.0.6 * https://vishnucss.github.io/vishnu#alert */ -.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.danger{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.danger .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.danger .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1} +.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.error{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.error .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.error .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1} /*# sourceMappingURL=vishnu.alert.min.css.map */ diff --git a/packages/vishnucss-alert/dist/vishnu.alert.min.css.map b/packages/vishnucss-alert/dist/vishnu.alert.min.css.map index 085e90d..9aea290 100644 --- a/packages/vishnucss-alert/dist/vishnu.alert.min.css.map +++ b/packages/vishnucss-alert/dist/vishnu.alert.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["alert.css"],"names":[],"mappings":";;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,cACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,qBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,2BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA","file":"vishnu.alert.min.css","sourcesContent":["/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--danger .danger;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--danger {\n background: color(var(--base-danger-color) alpha(5%));\n border-color: color(var(--base-danger-color) alpha(50%));\n color: var(--base-danger-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-danger-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-danger-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}"]} \ No newline at end of file +{"version":3,"sources":["alert.css"],"names":[],"mappings":";;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,aACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,oBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,0BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA","file":"vishnu.alert.min.css","sourcesContent":["/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--error {\n background: color(var(--base-error-color) alpha(5%));\n border-color: color(var(--base-error-color) alpha(50%));\n color: var(--base-error-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-error-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-error-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}"]} \ No newline at end of file diff --git a/packages/vishnucss-alert/package.js b/packages/vishnucss-alert/package.js index 4f13428..361465a 100644 --- a/packages/vishnucss-alert/package.js +++ b/packages/vishnucss-alert/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'vishnucss:alert', - version: '1.0.5', + version: '1.0.6', summary: 'Alert toolkit with modern css.', git: 'https://github.com/vishnucss/vishnu.git', documentation: 'README.md' diff --git a/packages/vishnucss-alert/package.json b/packages/vishnucss-alert/package.json index 58fd71e..be7f98a 100644 --- a/packages/vishnucss-alert/package.json +++ b/packages/vishnucss-alert/package.json @@ -1,7 +1,7 @@ { "name": "@vishnucss/alert", "filename": "vishnu.alert.min.css", - "version": "1.0.5", + "version": "1.0.6", "description": "Alert package for Vishnucss toolkit with modern css.", "main": "./dist/vishnu.alert.min.css", "keywords": [ diff --git a/packages/vishnucss-alert/src/alert.css b/packages/vishnucss-alert/src/alert.css index a230ea3..fa2e499 100644 --- a/packages/vishnucss-alert/src/alert.css +++ b/packages/vishnucss-alert/src/alert.css @@ -8,7 +8,7 @@ * :--alert .alert; * :--close .close; * :--info .info; -* :--danger .danger; +* :--error .error; * :--rounded .rounded; * :--placeholder .placeholder; * @@ -21,7 +21,7 @@ background: transparent; color: var(--base-text-color); border-radius: var(--base-radius); - transition: var(--transition-ease-in-out); + transition: var(--transition); border: 1px solid var(--base-border-color); display: flex; justify-content: flex-start; @@ -65,17 +65,17 @@ color:#fff; } } -:--alert:--danger { - background: color(var(--base-danger-color) alpha(5%)); - border-color: color(var(--base-danger-color) alpha(50%)); - color: var(--base-danger-color); +:--alert:--error { + background: color(var(--base-error-color) alpha(5%)); + border-color: color(var(--base-error-color) alpha(50%)); + color: var(--base-error-color); & .close { border-color: transparent; - background: color(var(--base-danger-color) alpha(50%)); + background: color(var(--base-error-color) alpha(50%)); color:#fff; } & .description { - color: color(var(--base-danger-color) alpha(60%)); + color: color(var(--base-error-color) alpha(60%)); } } :--alert:--success { diff --git a/packages/vishnucss-alert/src/customs.css b/packages/vishnucss-alert/src/customs.css index f15c22b..55338ea 100644 --- a/packages/vishnucss-alert/src/customs.css +++ b/packages/vishnucss-alert/src/customs.css @@ -5,7 +5,7 @@ @custom-selector :--alert .alert; @custom-selector :--placeholder .placeholder; @custom-selector :--info .info; -@custom-selector :--danger .danger; +@custom-selector :--error .error; @custom-selector :--success .success; @custom-selector :--rounded .rounded; @custom-selector :--close .close; \ No newline at end of file diff --git a/packages/vishnucss-alert/src/variables.css b/packages/vishnucss-alert/src/variables.css index c2dd0c8..ffb17ab 100644 --- a/packages/vishnucss-alert/src/variables.css +++ b/packages/vishnucss-alert/src/variables.css @@ -17,7 +17,7 @@ --base-color: #E6ECF0; --base-dark-color: #282828; --base-info-color: #2C80FF; - --base-danger-color: #F93838; + --base-error-color: #F93838; --base-success-color: #0DC222; --base-light-color: #f1f1f1; --base-border-color: #e5e5e5; @@ -25,7 +25,7 @@ --base-light-text-color: #ccc; /* Transitions */ - --transition-ease-in-out: all 0.2s ease-in-out; + --transition: all 0.2s ease-in-out; /* Utils */ --base-radius: 4px; diff --git a/packages/vishnucss-base/dist/vishnu.base.css b/packages/vishnucss-base/dist/vishnu.base.css index 1e525fc..9ea55a1 100644 --- a/packages/vishnucss-base/dist/vishnu.base.css +++ b/packages/vishnucss-base/dist/vishnu.base.css @@ -1,5 +1,5 @@ /** -* vishnucss base - v1.0.5 +* vishnucss base - v1.0.6 * https://vishnucss.github.io/vishnu */ @@ -15,9 +15,14 @@ * Buttons */ + /* * Forms */ + + + + /* * Variables */ @@ -182,6 +187,8 @@ p { * :--button-flat button.flat, .button.flat, [type='submit'].flat; * :--button-primary button.primary, .button.primary, [type='submit'].primary; * :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded; +* :--button-success button.success, .button.success, [type='submit'].success; +* :--button-error button.error, .button.error, [type='submit'].error; * :--hovered :hover; * :--pressed :focus; * :--large .large; @@ -195,7 +202,6 @@ button, [type='submit'] { padding: 1.1rem 3.5rem; margin-top: 0; - margin-bottom: 2rem; font-size: 1.5rem; color: #444; background: #E6ECF0; @@ -203,7 +209,10 @@ button, transition: all 0.2s ease-in-out; border: 1.5px solid transparent; cursor: pointer; + text-decoration: none; } + +/* Status */ button:hover, .button:hover, [type='submit']:hover { @@ -214,8 +223,6 @@ button:focus, .button:focus, [type='submit']:focus { outline: none; - -webkit-transform: scale(0.99); - transform: scale(0.99); background: rgba(230, 236, 240, 0.8); } @@ -307,6 +314,46 @@ button.rounded, [type='submit'].rounded { border-radius: 28px; } + +/* Success */ +button.success, +.button.success, +[type='submit'].success { + color: #fff; + background: #0DC222; + border: 1.5px solid transparent; +} +button.success:hover, +.button.success:hover, +[type='submit'].success:hover { + background: rgba(13, 194, 34, 0.8); + color: #fff; +} +button.success:focus, +.button.success:focus, +[type='submit'].success:focus { + background: rgba(13, 194, 34, 0.9); +} + +/* Error */ +button.error, +.button.error, +[type='submit'].error { + color: #fff; + background: #F93838; + border: 1.5px solid transparent; +} +button.error:hover, +.button.error:hover, +[type='submit'].error:hover { + background: rgba(249, 56, 56, 0.8); + color: #fff; +} +button.error:focus, +.button.error:focus, +[type='submit'].error:focus { + background: rgba(249, 56, 56, 0.9); +} /* * Forms */ @@ -316,6 +363,8 @@ button.rounded, * @ custom-properties * :--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']; * :--textarea textarea, textarea[type='text']; +* :--checkbox input[type='checkbox']; +* :--radio input[type='radio']; * :--hovered :hover; * :--pressed :focus; * @@ -355,7 +404,8 @@ input[type='url']:hover, select:hover, textarea:hover, textarea[type='text']:hover { - border: 1px solid rgba(102, 126, 234, 0.8); + border-color: rgba(102, 126, 234, 0.8); + background-color: #f1f1f1; } input[type='text']:focus, input[type='password']:focus, @@ -369,8 +419,8 @@ select:focus, textarea:focus, textarea[type='text']:focus { outline: none; - border: 1px solid rgb(102, 121, 204); - box-shadow: rgba(102, 126, 234, 0.6) 0px 0px 4px -1px; + border-color: #667eea; + box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2); } textarea, @@ -378,6 +428,107 @@ textarea[type='text'] { min-height: 7rem; } +/* Checkbox */ +.checkbox { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: 1.6rem; + line-height: 1.5; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border-radius: 4px +} +.checkbox .checkmark { + position: absolute; + top: 3px; + left: 0; + height: 18px; + width: 18px; + background-color: #fff; + border: 1px solid #e5e5e5; + transition: all 0.2s ease-in-out; + border-radius: 4px; + +} +.checkbox input { + position: absolute; + opacity: 0; + cursor: pointer; + +} +.checkbox .checkmark:after { + left: 6px; + top: 1px; + width: 4px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* Radio Button */ +.radio { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: 1.6rem; + line-height: 1.5; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.radio .radiomark { + position: absolute; + top: 3px; + left: 0; + height: 16px; + width: 16px; + background-color: #fff; + border: 1px solid #e5e5e5; + border-radius: 50%; + transition: all 0.2s ease-in-out; + +} +.radio input { + position: absolute; + opacity: 0; + +} +.radio .radiomark:after { + top: 4px; + left: 4px; + width: 8px; + height: 8px; + border-radius: 50%; + background: white; +} + +/* Checkbox and Radio Button */ +.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark { + background-color: #f1f1f1; + border-color: rgba(102, 126, 234, 0.8); +} + +.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark { + background-color: #667eea; + border-color: #667eea; + box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2); +} +.checkbox .checkmark:after, .radio .radiomark:after { + content: ""; + position: absolute; + display: none; +} +.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after { + display: block; +} /* * List */ diff --git a/packages/vishnucss-base/dist/vishnu.base.css.map b/packages/vishnucss-base/dist/vishnu.base.css.map index 9eac183..8b7b016 100644 --- a/packages/vishnucss-base/dist/vishnu.base.css.map +++ b/packages/vishnucss-base/dist/vishnu.base.css.map @@ -1 +1 @@ -{"version":3,"sources":["customs.css","variables.css","reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;AAYA;;EAEA;AC/BA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAaA,iBAAA;;EAGA,WAAA;;CAIA;ACjCA;;EAEA;;AAEA;EACA,eAAA;EACA,oBAAA;CACA;;AAHA;EACA,eAAA;EACA,oBAAA;CACA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;6CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;AC1BA;;EAEA;;AAEA;;;;;;EAMA,cAAA;EACA,oBAAA;EACA,iBAAA;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;;AC3EA;;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;;AAEA;;;;;;;;;;;;;EAaA;;AAEA,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;ACtGA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;;;;;;;;;;;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;CACA;AACA;;;;;;;;;;;EACA,2CAAA;CACA;AACA;;;;;;;;;;;EACA,cAAA;EACA,qCAAA;EACA,sDAAA;CACA;;AAEA;;EACA,iBAAA;CACA;;ACtCA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAEA;;;;;EAKA;;AAEA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;EACA,uBAAA;EACA,kBAAA;;CACA;;AACA;EACA,iCAAA;;CACA;;AAGA,sBAAA;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;;ACtEA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;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;;AAEA;;;;;;;;EAQA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA","file":"vishnu.base.css","sourcesContent":["/*\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/*\n* Table\n*/\n\n@custom-selector :--table table, .table;\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 :--hovered :hover;\n@custom-selector :--pressed :focus;\n@custom-selector :--large .large;\n@custom-selector :--small .small;\n\n/*\n* Forms\n*/\n\n@custom-selector :--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@custom-selector :--textarea textarea, textarea[type='text'];\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;","/*\n* Variables\n*/\n\n:root {\n\n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n\n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-danger-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n\n /* Transitions */\n --transition-ease-in-out: all 0.2s ease-in-out;\n\n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\n\n}","/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\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:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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}\n:--fields:--hovered {\n border: 1px solid color(var(--primary-color) alpha(80%));\n}\n:--fields:--pressed {\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:--textarea {\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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 +{"version":3,"sources":["customs.css","variables.css","reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;;AAeA;;EAEA;;;;;AClCA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAaA,iBAAA;;EAGA,WAAA;;CAIA;ACjCA;;EAEA;;AAEA;EACA,eAAA;EACA,oBAAA;CACA;;AAHA;EACA,eAAA;EACA,oBAAA;CACA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;6CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;AC1BA;;EAEA;;AAEA;;;;;;EAMA,cAAA;EACA,oBAAA;EACA,iBAAA;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;;AC3EA;;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;;AAEA;;;;;;;;;;;;;;;EAeA;;AAEA,aAAA;AACA;;;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,iCAAA;EACA,gCAAA;EACA,gBAAA;EACA,sBAAA;CACA;;AAEA,YAAA;AACA;;;EACA,eAAA;EACA,qCAAA;CACA;AACA;;;EACA,cAAA;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;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,gCAAA;CACA;AACA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,WAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,gCAAA;CACA;AACA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;ACrIA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;;;;;;;;;;;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;CACA;AACA;;;;;;;;;;;EACA,uCAAA;EACA,0BAAA;CACA;AACA;;;;;;;;;;;EACA,cAAA;EACA,sBAAA;EACA,+CAAA;CACA;;AAEA;;EACA,iBAAA;CACA;;AAEA,cAAA;AACA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,kBAAA;EACA,kBAAA;CAiBA;AAhBA;EACA,mBAAA;EACA,SAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;EACA,0BAAA;EACA,iCAAA;EACA,mBAAA;;CACA;AACA;EACA,mBAAA;EACA,WAAA;EACA,gBAAA;;CACA;AAEA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,0BAAA;EACA,iCAAA;UAAA,yBAAA;CACA;;AAEA,kBAAA;AACA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAgBA;AAfA;EACA,mBAAA;EACA,SAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;;CACA;AACA;EACA,mBAAA;EACA,WAAA;;CACA;AAEA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;CACA;;AAEA,+BAAA;AACA;EACA,0BAAA;EACA,uCAAA;CACA;;AAEA;EACA,0BAAA;EACA,sBAAA;EACA,+CAAA;CACA;AACA;EACA,YAAA;EACA,mBAAA;EACA,cAAA;CACA;AACA;EACA,eAAA;CACA;ACpIA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAEA;;;;;EAKA;;AAEA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;EACA,uBAAA;EACA,kBAAA;;CACA;;AACA;EACA,iCAAA;;CACA;;AAGA,sBAAA;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;;ACtEA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;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;;AAEA;;;;;;;;EAQA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA","file":"vishnu.base.css","sourcesContent":["/*\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/*\n* Table\n*/\n\n@custom-selector :--table table, .table;\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 :--button-success button.success, .button.success, [type='submit'].success;\n@custom-selector :--button-error button.error, .button.error, [type='submit'].error;\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n@custom-selector :--large .large;\n@custom-selector :--small .small;\n\n\n/*\n* Forms\n*/\n\n@custom-selector :--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@custom-selector :--textarea textarea, textarea[type='text'];\n@custom-selector :--checkbox input[type='checkbox'];\n@custom-selector :--radio input[type='radio'];\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n\n\n\n","/*\n* Variables\n*/\n\n:root {\n\n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n\n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-error-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n\n /* Transitions */\n --transition: all 0.2s ease-in-out;\n\n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\n\n}","/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--button-success button.success, .button.success, [type='submit'].success;\n* :--button-error button.error, .button.error, [type='submit'].error;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\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);\n border: 1.5px solid transparent;\n cursor: pointer;\n text-decoration: none;\n}\n\n/* Status */\n:--button:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\n outline: none;\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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\n/* Success */\n:--button-success {\n color: #fff;\n background: var(--base-success-color);\n border: 1.5px solid transparent;\n}\n:--button-success:--hovered {\n background: color(var(--base-success-color) alpha(-20%));\n color: #fff;\n}\n:--button-success:--pressed {\n background: color(var(--base-success-color) alpha(-10%));\n}\n\n/* Error */\n:--button-error {\n color: #fff;\n background: var(--base-error-color);\n border: 1.5px solid transparent;\n}\n:--button-error:--hovered {\n background: color(var(--base-error-color) alpha(-20%));\n color: #fff;\n}\n:--button-error:--pressed {\n background: color(var(--base-error-color) alpha(-10%));\n}","/* \n * Forms\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--checkbox input[type='checkbox'];\n* :--radio input[type='radio'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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);\n}\n:--fields:--hovered {\n border-color: color(var(--primary-color) alpha(80%));\n background-color: var(--base-light-color);\n}\n:--fields:--pressed {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n\n:--textarea {\n min-height: 7rem;\n}\n\n/* Checkbox */\n.checkbox {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n border-radius: var(--base-radius);\n & .checkmark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 18px;\n width: 18px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n transition: var(--transition);\n border-radius: var(--base-radius);\n }\n & input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n}\n.checkbox .checkmark:after {\n left: 6px;\n top: 1px;\n width: 4px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n/* Radio Button */\n.radio {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n & .radiomark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 16px;\n width: 16px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n transition: var(--transition);\n }\n & input {\n position: absolute;\n opacity: 0;\n }\n}\n.radio .radiomark:after {\n top: 4px;\n left: 4px;\n width: 8px;\n height: 8px;\n border-radius: var(--base-rounded-radius);\n background: white;\n}\n\n/* Checkbox and Radio Button */\n.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark {\n background-color: var(--base-light-color);\n border-color: color(var(--primary-color) alpha(80%));\n}\n\n.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark {\n background-color: var(--primary-color);\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n.checkbox .checkmark:after, .radio .radiomark:after {\n content: \"\";\n position: absolute;\n display: none;\n}\n.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after {\n display: block;\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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/packages/vishnucss-base/dist/vishnu.base.min.css b/packages/vishnucss-base/dist/vishnu.base.min.css index e86a329..e8bd289 100644 --- a/packages/vishnucss-base/dist/vishnu.base.min.css +++ b/packages/vishnucss-base/dist/vishnu.base.min.css @@ -1,6 +1,6 @@ /** -* vishnucss base - v1.0.5 +* vishnucss base - v1.0.6 * https://vishnucss.github.io/vishnu */ -::-moz-selection{color:#667eea;background:#e6ecf0}::selection{color:#667eea;background:#e6ecf0}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}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400}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}}:link,:visited{color:#667eea;transition:color .1s ease}:link:hover,:visited:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}:link:focus,:visited:focus{outline:thin dotted}:link:active,:link:hover,:visited:active,:visited: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:focus,[type=submit]:focus,button:focus{outline:none;-webkit-transform:scale(.99);transform:scale(.99);background:rgba(230, 236, 240, .8)}.button.small,[type=submit].small,button.small{font-size:1.2rem;padding:.6rem 1.6rem}.button.large,[type=submit].large,button.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:focus,[type=submit].outline:focus,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:focus,[type=submit].flat:focus,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:focus,[type=submit].primary:focus,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.4rem;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%}hr{height:0;margin:20px 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}@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}} +::-moz-selection{color:#667eea;background:#e6ecf0}::selection{color:#667eea;background:#e6ecf0}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}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400}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}}:link,:visited{color:#667eea;transition:color .1s ease}:link:hover,:visited:hover{cursor:pointer;color:rgba(102, 126, 234, .8);text-decoration:none}:link:focus,:visited:focus{outline:thin dotted}:link:active,:link:hover,:visited:active,:visited:hover{outline:0}.button,[type=submit],button{padding:1.1rem 3.5rem;margin-top:0;font-size:1.5rem;color:#444;background:#e6ecf0;border-radius:4px;transition:all .2s ease-in-out;border:1.5px solid transparent;cursor:pointer;text-decoration:none}.button:hover,[type=submit]:hover,button:hover{color:#667eea;background:rgba(230, 236, 240, .5)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:rgba(230, 236, 240, .8)}.button.small,[type=submit].small,button.small{font-size:1.2rem;padding:.6rem 1.6rem}.button.large,[type=submit].large,button.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:focus,[type=submit].outline:focus,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:focus,[type=submit].flat:focus,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:focus,[type=submit].primary:focus,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}.button.success,[type=submit].success,button.success{color:#fff;background:#0dc222;border:1.5px solid transparent}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13, 194, 34, .8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13, 194, 34, .9)}.button.error,[type=submit].error,button.error{color:#fff;background:#f93838;border:1.5px solid transparent}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249, 56, 56, .8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249, 56, 56, .9)}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.4rem;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-color:rgba(102, 126, 234, .8);background-color:#f1f1f1}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-color:#667eea;box-shadow:0 0 0 2px rgba(102, 126, 234, .2)}textarea,textarea[type=text]{min-height:7rem}.checkbox{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px}.checkbox .checkmark{position:absolute;top:3px;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #e5e5e5;transition:all .2s ease-in-out;border-radius:4px}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.radio{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio .radiomark{position:absolute;top:3px;left:0;height:16px;width:16px;background-color:#fff;border:1px solid #e5e5e5;border-radius:50%;transition:all .2s ease-in-out}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{background-color:#f1f1f1;border-color:rgba(102, 126, 234, .8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:#667eea;border-color:#667eea;box-shadow:0 0 0 2px rgba(102, 126, 234, .2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}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%}hr{height:0;margin:20px 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}@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.base.min.css.map */ diff --git a/packages/vishnucss-base/dist/vishnu.base.min.css.map b/packages/vishnucss-base/dist/vishnu.base.min.css.map index 53c4d4a..989668b 100644 --- a/packages/vishnucss-base/dist/vishnu.base.min.css.map +++ b/packages/vishnucss-base/dist/vishnu.base.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,kBAAA,CAFA,AAGA,YAFA,cAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACtBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,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,ACvEA,eACA,cAAA,AACA,yBAAA,CACA,AAWA,2BAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,2BACA,mBAAA,CACA,AACA,wDACA,SAAA,CACA,ACGA,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,+CACA,aAAA,AACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,+CACA,iBAAA,AACA,oBAAA,CACA,AACA,+CACA,iBAAA,AACA,qBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,8DACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,ACxFA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,wCAAA,CACA,AACA,qPACA,aAAA,AACA,yBAAA,AACA,+CAAA,CACA,AAEA,6BACA,eAAA,CACA,AClCA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,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,AClEA,IACA,cAAA,CACA,ACFA,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,AClBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA","file":"vishnu.base.min.css","sourcesContent":["/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\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:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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}\n:--fields:--hovered {\n border: 1px solid color(var(--primary-color) alpha(80%));\n}\n:--fields:--pressed {\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:--textarea {\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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 +{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,kBAAA,CAFA,AAGA,YAFA,cAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACtBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,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,ACvEA,eACA,cAAA,AACA,yBAAA,CACA,AAWA,2BAVA,eAAA,AACA,8BAAA,AACA,oBAAA,CACA,AACA,2BACA,mBAAA,CACA,AACA,wDACA,SAAA,CACA,ACKA,6BACA,sBAAA,AACA,aAAA,AACA,iBAAA,AACA,WAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,+BAAA,AACA,eAAA,AACA,oBAAA,CACA,AAGA,+CACA,cAAA,AACA,kCAAA,CACA,AACA,+CACA,aAAA,AACA,kCAAA,CACA,AAGA,+CACA,iBAAA,AACA,oBAAA,CACA,AACA,+CACA,iBAAA,AACA,qBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,0BAAA,CACA,AACA,uEACA,gBAAA,AACA,2CAAA,AACA,6BAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,qCAAA,AACA,6BAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,8BAAA,CACA,AACA,8DACA,gBAAA,AACA,6BAAA,CACA,AACA,8DACA,6BAAA,qBAAA,AACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,mCAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,qBAAA,AACA,kCAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,uEACA,iCAAA,AACA,UAAA,CACA,AACA,uEACA,gCAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,iEACA,iCAAA,AACA,UAAA,CACA,AACA,iEACA,gCAAA,CACA,ACrHA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,qCAAA,AACA,wBAAA,CACA,AACA,qPACA,aAAA,AACA,qBAAA,AACA,4CAAA,CACA,AAEA,6BACA,eAAA,CACA,AAGA,UACA,cAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,QAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,gCAAA,uBAAA,CACA,AAGA,OACA,cAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,QAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,yBAAA,AACA,oCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,4CAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,AChIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,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,AClEA,IACA,cAAA,CACA,ACFA,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,AClBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA","file":"vishnu.base.min.css","sourcesContent":["/* \n * Reset\n*/\n\n::selection {\n color: var(--primary-color); \n background: var(--base-color);\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}\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\n:any-link {\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/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--button-success button.success, .button.success, [type='submit'].success;\n* :--button-error button.error, .button.error, [type='submit'].error;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\n\n/* Default */\n:--button {\n padding: 1.1rem 3.5rem;\n margin-top: 0;\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);\n border: 1.5px solid transparent;\n cursor: pointer;\n text-decoration: none;\n}\n\n/* Status */\n:--button:--hovered {\n color: var(--primary-color);\n background: color(var(--base-color) alpha(-50%));\n}\n:--button:--pressed {\n outline: none;\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:--hovered {\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:--pressed {\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:--hovered {\n background: none;\n color: color(var(--primary-color) alpha(-20%));\n}\n:--button-flat:--pressed {\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:--hovered {\n background: color(var(--primary-color) alpha(-20%));\n color: #fff;\n}\n:--button-primary:--pressed {\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\n/* Success */\n:--button-success {\n color: #fff;\n background: var(--base-success-color);\n border: 1.5px solid transparent;\n}\n:--button-success:--hovered {\n background: color(var(--base-success-color) alpha(-20%));\n color: #fff;\n}\n:--button-success:--pressed {\n background: color(var(--base-success-color) alpha(-10%));\n}\n\n/* Error */\n:--button-error {\n color: #fff;\n background: var(--base-error-color);\n border: 1.5px solid transparent;\n}\n:--button-error:--hovered {\n background: color(var(--base-error-color) alpha(-20%));\n color: #fff;\n}\n:--button-error:--pressed {\n background: color(var(--base-error-color) alpha(-10%));\n}","/* \n * Forms\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--textarea textarea, textarea[type='text'];\n* :--checkbox input[type='checkbox'];\n* :--radio input[type='radio'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n width: 100%;\n height: 42px;\n padding: 10px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n font-size: 1.4rem;\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);\n}\n:--fields:--hovered {\n border-color: color(var(--primary-color) alpha(80%));\n background-color: var(--base-light-color);\n}\n:--fields:--pressed {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n\n:--textarea {\n min-height: 7rem;\n}\n\n/* Checkbox */\n.checkbox {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n border-radius: var(--base-radius);\n & .checkmark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 18px;\n width: 18px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n transition: var(--transition);\n border-radius: var(--base-radius);\n }\n & input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n}\n.checkbox .checkmark:after {\n left: 6px;\n top: 1px;\n width: 4px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n/* Radio Button */\n.radio {\n display: block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: var(--base-font-size);\n line-height: var(--base-line-height);\n user-select: none;\n & .radiomark {\n position: absolute;\n top: 3px;\n left: 0;\n height: 16px;\n width: 16px;\n background-color: #fff;\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n transition: var(--transition);\n }\n & input {\n position: absolute;\n opacity: 0;\n }\n}\n.radio .radiomark:after {\n top: 4px;\n left: 4px;\n width: 8px;\n height: 8px;\n border-radius: var(--base-rounded-radius);\n background: white;\n}\n\n/* Checkbox and Radio Button */\n.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark {\n background-color: var(--base-light-color);\n border-color: color(var(--primary-color) alpha(80%));\n}\n\n.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark {\n background-color: var(--primary-color);\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%));\n}\n.checkbox .checkmark:after, .radio .radiomark:after {\n content: \"\";\n position: absolute;\n display: none;\n}\n.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after {\n display: block;\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/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\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 table */\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 * Misc\n*/\n\nhr {\n height: 0;\n margin: 20px 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* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\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/packages/vishnucss-base/package.js b/packages/vishnucss-base/package.js index 64e8ca8..7be4dfc 100644 --- a/packages/vishnucss-base/package.js +++ b/packages/vishnucss-base/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'vishnucss:base', - version: '1.0.5', + version: '1.0.6', summary: 'Base toolkit with modern css.', git: 'https://github.com/vishnucss/vishnu.git', documentation: 'README.md' diff --git a/packages/vishnucss-base/package.json b/packages/vishnucss-base/package.json index 5e0249d..69c86af 100644 --- a/packages/vishnucss-base/package.json +++ b/packages/vishnucss-base/package.json @@ -1,7 +1,7 @@ { "name": "@vishnucss/base", "filename": "vishnu.base.min.css", - "version": "1.0.5", + "version": "1.0.6", "description": "A simple and minimalist toolkit with modern css", "main": "./dist/vishnu.base.min.css", "keywords": [ diff --git a/packages/vishnucss-base/src/buttons.css b/packages/vishnucss-base/src/buttons.css index 316d608..f759719 100644 --- a/packages/vishnucss-base/src/buttons.css +++ b/packages/vishnucss-base/src/buttons.css @@ -10,6 +10,8 @@ * :--button-flat button.flat, .button.flat, [type='submit'].flat; * :--button-primary button.primary, .button.primary, [type='submit'].primary; * :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded; +* :--button-success button.success, .button.success, [type='submit'].success; +* :--button-error button.error, .button.error, [type='submit'].error; * :--hovered :hover; * :--pressed :focus; * :--large .large; @@ -21,22 +23,23 @@ :--button { padding: 1.1rem 3.5rem; margin-top: 0; - margin-bottom: 2rem; font-size: 1.5rem; color: var(--base-text-color); background: var(--base-color); border-radius: var(--base-radius); - transition: var(--transition-ease-in-out); + transition: var(--transition); border: 1.5px solid transparent; cursor: pointer; + text-decoration: none; } + +/* Status */ :--button:--hovered { color: var(--primary-color); background: color(var(--base-color) alpha(-50%)); } :--button:--pressed { outline: none; - transform: scale(0.99); background: color(var(--base-color) alpha(-20%)); } @@ -100,4 +103,32 @@ /* Rounded */ :--button-rounded { border-radius: 28px; +} + +/* Success */ +:--button-success { + color: #fff; + background: var(--base-success-color); + border: 1.5px solid transparent; +} +:--button-success:--hovered { + background: color(var(--base-success-color) alpha(-20%)); + color: #fff; +} +:--button-success:--pressed { + background: color(var(--base-success-color) alpha(-10%)); +} + +/* Error */ +:--button-error { + color: #fff; + background: var(--base-error-color); + border: 1.5px solid transparent; +} +:--button-error:--hovered { + background: color(var(--base-error-color) alpha(-20%)); + color: #fff; +} +:--button-error:--pressed { + background: color(var(--base-error-color) alpha(-10%)); } \ No newline at end of file diff --git a/packages/vishnucss-base/src/customs.css b/packages/vishnucss-base/src/customs.css index 7f22efc..e137d66 100644 --- a/packages/vishnucss-base/src/customs.css +++ b/packages/vishnucss-base/src/customs.css @@ -22,16 +22,24 @@ @custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat; @custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary; @custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded; +@custom-selector :--button-success button.success, .button.success, [type='submit'].success; +@custom-selector :--button-error button.error, .button.error, [type='submit'].error; @custom-selector :--hovered :hover; @custom-selector :--pressed :focus; @custom-selector :--large .large; @custom-selector :--small .small; + /* * Forms */ @custom-selector :--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']; @custom-selector :--textarea textarea, textarea[type='text']; +@custom-selector :--checkbox input[type='checkbox']; +@custom-selector :--radio input[type='radio']; @custom-selector :--hovered :hover; -@custom-selector :--pressed :focus; \ No newline at end of file +@custom-selector :--pressed :focus; + + + diff --git a/packages/vishnucss-base/src/forms.css b/packages/vishnucss-base/src/forms.css index c201bbf..ed51bf4 100644 --- a/packages/vishnucss-base/src/forms.css +++ b/packages/vishnucss-base/src/forms.css @@ -7,6 +7,8 @@ * @ custom-properties * :--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']; * :--textarea textarea, textarea[type='text']; +* :--checkbox input[type='checkbox']; +* :--radio input[type='radio']; * :--hovered :hover; * :--pressed :focus; * @@ -23,17 +25,109 @@ background: #fff; border: 1px solid var(--base-border-color); border-radius: var(--base-radius); - transition: var(--transition-ease-in-out); + transition: var(--transition); } :--fields:--hovered { - border: 1px solid color(var(--primary-color) alpha(80%)); + border-color: color(var(--primary-color) alpha(80%)); + background-color: var(--base-light-color); } :--fields:--pressed { outline: none; - border: 1px solid color(var(--primary-color) blackness(20%)); - box-shadow: color(var(--primary-color) alpha(60%)) 0px 0px 4px -1px; + border-color: var(--primary-color); + box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%)); } :--textarea { min-height: 7rem; } + +/* Checkbox */ +.checkbox { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: var(--base-font-size); + line-height: var(--base-line-height); + user-select: none; + border-radius: var(--base-radius); + & .checkmark { + position: absolute; + top: 3px; + left: 0; + height: 18px; + width: 18px; + background-color: #fff; + border: 1px solid var(--base-border-color); + transition: var(--transition); + border-radius: var(--base-radius); + } + & input { + position: absolute; + opacity: 0; + cursor: pointer; + } +} +.checkbox .checkmark:after { + left: 6px; + top: 1px; + width: 4px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + transform: rotate(45deg); +} + +/* Radio Button */ +.radio { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: var(--base-font-size); + line-height: var(--base-line-height); + user-select: none; + & .radiomark { + position: absolute; + top: 3px; + left: 0; + height: 16px; + width: 16px; + background-color: #fff; + border: 1px solid var(--base-border-color); + border-radius: var(--base-rounded-radius); + transition: var(--transition); + } + & input { + position: absolute; + opacity: 0; + } +} +.radio .radiomark:after { + top: 4px; + left: 4px; + width: 8px; + height: 8px; + border-radius: var(--base-rounded-radius); + background: white; +} + +/* Checkbox and Radio Button */ +.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark { + background-color: var(--base-light-color); + border-color: color(var(--primary-color) alpha(80%)); +} + +.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark { + background-color: var(--primary-color); + border-color: var(--primary-color); + box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%)); +} +.checkbox .checkmark:after, .radio .radiomark:after { + content: ""; + position: absolute; + display: none; +} +.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after { + display: block; +} \ No newline at end of file diff --git a/packages/vishnucss-base/src/variables.css b/packages/vishnucss-base/src/variables.css index 450f20d..06994f5 100644 --- a/packages/vishnucss-base/src/variables.css +++ b/packages/vishnucss-base/src/variables.css @@ -17,7 +17,7 @@ --base-color: #E6ECF0; --base-dark-color: #282828; --base-info-color: #2C80FF; - --base-danger-color: #F93838; + --base-error-color: #F93838; --base-success-color: #0DC222; --base-light-color: #f1f1f1; --base-border-color: #e5e5e5; @@ -25,7 +25,7 @@ --base-light-text-color: #ccc; /* Transitions */ - --transition-ease-in-out: all 0.2s ease-in-out; + --transition: all 0.2s ease-in-out; /* Utils */ --base-radius: 4px; diff --git a/packages/vishnucss-card/dist/vishnu.card.css b/packages/vishnucss-card/dist/vishnu.card.css index 2e96976..5c1a1cf 100644 --- a/packages/vishnucss-card/dist/vishnu.card.css +++ b/packages/vishnucss-card/dist/vishnu.card.css @@ -1,5 +1,5 @@ /** -* vishnucss card - v1.0.5 +* vishnucss card - v1.0.6 * https://vishnucss.github.io/vishnu#card */ diff --git a/packages/vishnucss-card/dist/vishnu.card.css.map b/packages/vishnucss-card/dist/vishnu.card.css.map index e4b5a0f..89460ba 100644 --- a/packages/vishnucss-card/dist/vishnu.card.css.map +++ b/packages/vishnucss-card/dist/vishnu.card.css.map @@ -1 +1 @@ -{"version":3,"sources":["variables.css","customs.css","card.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;;IAEA,iBAAA;;IAOA,aAAA;;IAaA,iBAAA;;IAGA,WAAA;;GAIA;ACjCA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;ACjCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,qBAAA;EAAA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA","file":"vishnu.card.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n \n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n \n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-danger-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n \n /* Transitions */\n --transition-ease-in-out: all 0.2s ease-in-out;\n \n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\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/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--danger .danger;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\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* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}"]} \ No newline at end of file +{"version":3,"sources":["variables.css","customs.css","card.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;;IAEA,iBAAA;;IAOA,aAAA;;IAaA,iBAAA;;IAGA,WAAA;;GAIA;ACjCA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;ACjCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,qBAAA;EAAA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA","file":"vishnu.card.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n \n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n \n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-danger-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n \n /* Transitions */\n --transition: all 0.2s ease-in-out;\n \n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\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/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--danger .danger;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\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* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}"]} \ No newline at end of file diff --git a/packages/vishnucss-card/dist/vishnu.card.min.css b/packages/vishnucss-card/dist/vishnu.card.min.css index 468bb39..14a5216 100644 --- a/packages/vishnucss-card/dist/vishnu.card.min.css +++ b/packages/vishnucss-card/dist/vishnu.card.min.css @@ -1,5 +1,5 @@ /** -* vishnucss card - v1.0.5 +* vishnucss card - v1.0.6 * https://vishnucss.github.io/vishnu#card */ .card{border:1px solid #f1f1f1;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:rgba(230, 236, 240, .3);padding:10px;display:-webkit-box;display:flex}.card .card-header{border-bottom:1px solid #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px} diff --git a/packages/vishnucss-card/package.js b/packages/vishnucss-card/package.js index cf1debf..44c0690 100644 --- a/packages/vishnucss-card/package.js +++ b/packages/vishnucss-card/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'vishnucss:card', - version: '1.0.5', + version: '1.0.6', summary: 'Card toolkit with modern css.', git: 'https://github.com/vishnucss/vishnu.git', documentation: 'README.md' diff --git a/packages/vishnucss-card/package.json b/packages/vishnucss-card/package.json index d048072..f6683c5 100644 --- a/packages/vishnucss-card/package.json +++ b/packages/vishnucss-card/package.json @@ -1,7 +1,7 @@ { "name": "@vishnucss/card", "filename": "vishnu.card.min.css", - "version": "1.0.5", + "version": "1.0.6", "description": "Card toolkit with modern css", "main": "./dist/vishnu.card.min.css", "keywords": [ diff --git a/packages/vishnucss-card/src/variables.css b/packages/vishnucss-card/src/variables.css index c2dd0c8..e5f1791 100644 --- a/packages/vishnucss-card/src/variables.css +++ b/packages/vishnucss-card/src/variables.css @@ -25,7 +25,7 @@ --base-light-text-color: #ccc; /* Transitions */ - --transition-ease-in-out: all 0.2s ease-in-out; + --transition: all 0.2s ease-in-out; /* Utils */ --base-radius: 4px; diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.css b/packages/vishnucss-extensions/dist/vishnu.extensions.css index 72efcfe..75af42a 100644 --- a/packages/vishnucss-extensions/dist/vishnu.extensions.css +++ b/packages/vishnucss-extensions/dist/vishnu.extensions.css @@ -1,5 +1,5 @@ /** -* vishnucss extensions - v1.0.5 +* vishnucss extensions - v1.0.6 * Extensions packages for Vishnucss toolkit with modern css * https://vishnucss.github.io/vishnu#extensions */ @@ -45,7 +45,7 @@ * :--alert .alert; * :--close .close; * :--info .info; -* :--danger .danger; +* :--error .error; * :--rounded .rounded; * :--placeholder .placeholder; * @@ -116,18 +116,18 @@ color:#fff; } -.alert.danger { +.alert.error { background: rgba(249, 56, 56, 0.05); border-color: rgba(249, 56, 56, 0.5); color: #F93838 } -.alert.danger .close { +.alert.error .close { border-color: transparent; background: rgba(249, 56, 56, 0.5); color:#fff; } -.alert.danger .description { +.alert.error .description { color: rgba(249, 56, 56, 0.6); } diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.css.map b/packages/vishnucss-extensions/dist/vishnu.extensions.css.map index d98713a..9a90b70 100644 --- a/packages/vishnucss-extensions/dist/vishnu.extensions.css.map +++ b/packages/vishnucss-extensions/dist/vishnu.extensions.css.map @@ -1 +1 @@ -{"version":3,"sources":["variables.css","customs.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;;;AAAA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAaA,iBAAA;;EAGA,WAAA;;CAIA;ACjCA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;ACjCA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,qBAAA;EAAA,cAAA;EACA,wBAAA;UAAA,4BAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,sBAAA;CAOA;;AANA;EACA,UAAA;;CACA;;AACA;EACA,oBAAA;;CACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;EACA,0BAAA;UAAA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;CAIA;AAHA;EACA,iBAAA;;CACA;AAEA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CASA;AARA;EACA,+BAAA;;CACA;AACA;EACA,0BAAA;EACA,oCAAA;EACA,WAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,WAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,YAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;EACA,SAAA;EACA,kBAAA;EACA,YAAA;;CACA;;AAGA,iBAAA;AACA;EACA,qBAAA;EACA,sBAAA;CACA;AC5GA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,qBAAA;EAAA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA;ACpCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;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;AChiBA;;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","file":"vishnu.extensions.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n\n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n\n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-danger-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n\n /* Transitions */\n --transition-ease-in-out: all 0.2s ease-in-out;\n\n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\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/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--danger .danger;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--danger .danger;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--danger {\n background: color(var(--base-danger-color) alpha(5%));\n border-color: color(var(--base-danger-color) alpha(50%));\n color: var(--base-danger-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-danger-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-danger-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file +{"version":3,"sources":["variables.css","customs.css","alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;;;AAAA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAaA,iBAAA;;EAGA,WAAA;;CAIA;ACjCA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;ACjCA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,qBAAA;EAAA,cAAA;EACA,wBAAA;UAAA,4BAAA;EACA,6BAAA;EAAA,8BAAA;UAAA,sBAAA;CAOA;;AANA;EACA,UAAA;;CACA;;AACA;EACA,oBAAA;;CACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,qBAAA;EAAA,cAAA;EACA,yBAAA;UAAA,wBAAA;EACA,0BAAA;UAAA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,0BAAA;EACA,mBAAA;EACA,cAAA;CAIA;AAHA;EACA,iBAAA;;CACA;AAEA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CASA;AARA;EACA,+BAAA;;CACA;AACA;EACA,0BAAA;EACA,oCAAA;EACA,WAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,WAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CASA;AARA;EACA,0BAAA;EACA,mCAAA;EACA,YAAA;;CACA;AACA;EACA,8BAAA;;CACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;EACA,SAAA;EACA,kBAAA;EACA,YAAA;;CACA;;AAGA,iBAAA;AACA;EACA,qBAAA;EACA,sBAAA;CACA;AC5GA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,qBAAA;EAAA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA;ACpCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;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;AChiBA;;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","file":"vishnu.extensions.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n\n /* Typhography */\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 --base-font-size: 1.6rem;\n --base-line-height: 1.5;\n\n /* Colours */\n --primary-color: #667eea;\n --secondary-color: #764ba2;\n --base-color: #E6ECF0;\n --base-dark-color: #282828;\n --base-info-color: #2C80FF;\n --base-error-color: #F93838;\n --base-success-color: #0DC222;\n --base-light-color: #f1f1f1;\n --base-border-color: #e5e5e5;\n --base-text-color: #444;\n --base-light-text-color: #ccc;\n\n /* Transitions */\n --transition: all 0.2s ease-in-out;\n\n /* Utils */\n --base-radius: 4px;\n --base-rounded-radius: 50%;\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/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--error .error;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\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* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--error {\n background: color(var(--base-error-color) alpha(5%));\n border-color: color(var(--base-error-color) alpha(50%));\n color: var(--base-error-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-error-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-error-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css index 7101e20..015fc56 100644 --- a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css +++ b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css @@ -1,7 +1,7 @@ /** -* vishnucss extensions - v1.0.5 +* vishnucss extensions - v1.0.6 * Extensions packages for Vishnucss toolkit with modern css * https://vishnucss.github.io/vishnu#extensions */ -.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.danger{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.danger .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.danger .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1}.card{border:1px solid #f1f1f1;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:rgba(230, 236, 240, .3);padding:10px;display:-webkit-box;display:flex}.card .card-header{border-bottom:1px solid #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.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}}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.horizontal-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} +.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#444;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #e5e5e5;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0;width:28px;height:28px;font-size:1.3rem;background:#e6ecf0;border:1px solid #e5e5e5;border-radius:50%;color:#282828}.alert .close:hover{background:#fff}.alert.info{background:rgba(44, 128, 255, .05);border-color:rgba(44, 128, 255, .5);color:#2c80ff}.alert.info .description{color:rgba(44, 128, 255, .6)}.alert.info .close{border-color:transparent;background:rgba(44, 128, 255, .5);color:#fff}.alert.error{background:rgba(249, 56, 56, .05);border-color:rgba(249, 56, 56, .5);color:#f93838}.alert.error .close{border-color:transparent;background:rgba(249, 56, 56, .5);color:#fff}.alert.error .description{color:rgba(249, 56, 56, .6)}.alert.success{background:rgba(13, 194, 34, .05);border-color:rgba(13, 194, 34, .1);color:#0dc222}.alert.success .close{border-color:transparent;background:rgba(13, 194, 34, .5);color:#fff}.alert.success .description{color:rgba(13, 194, 34, .6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-14px;right:14px}.placeholder{border-style:dashed;border-color:#f1f1f1}.card{border:1px solid #f1f1f1;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:rgba(230, 236, 240, .3);padding:10px;display:-webkit-box;display:flex}.card .card-header{border-bottom:1px solid #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.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}}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.horizontal-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} /*# sourceMappingURL=vishnu.extensions.min.css.map */ diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map index 329fac5..1eb8e40 100644 --- a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map +++ b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,cACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,qBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,2BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA,AC9FA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,mCAAA,AACA,aAAA,AACA,oBAAA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,ACtBA,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,AC5hBA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,0BAJA,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","file":"vishnu.extensions.min.css","sourcesContent":["/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--danger .danger;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition-ease-in-out);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--danger {\n background: color(var(--base-danger-color) alpha(5%));\n border-color: color(var(--base-danger-color) alpha(50%));\n color: var(--base-danger-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-danger-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-danger-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file +{"version":3,"sources":["alert.css","card.css","grid.css","utils.css"],"names":[],"mappings":";;;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,oBAAA,aAAA,AACA,uBAAA,2BAAA,AACA,4BAAA,6BAAA,qBAAA,CACA,AAMA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,oBAAA,aAAA,AACA,wBAAA,uBAAA,AACA,yBAAA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,iBAAA,AACA,mBAAA,AACA,yBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAGA,oBAFA,eAAA,CACA,AAEA,YACA,mCAAA,AACA,oCAAA,AACA,aAAA,CACA,AAQA,yBAPA,4BAAA,CACA,AACA,mBACA,yBAAA,AACA,kCAAA,AACA,UAAA,CACA,AAEA,aACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,oBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,0BACA,2BAAA,CACA,AAEA,eACA,kCAAA,AACA,mCAAA,AACA,aAAA,CACA,AAQA,sBAPA,yBAAA,AACA,iCAAA,AACA,UAAA,CACA,AACA,4BACA,2BAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,oBAAA,AACA,oBAAA,CACA,AC9FA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,mCAAA,AACA,aAAA,AACA,oBAAA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,ACtBA,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,AC5hBA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,oBAAA,aAAA,AACA,yBAAA,kBAAA,CACA,AAOA,0BAJA,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","file":"vishnu.extensions.min.css","sourcesContent":["/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n\n:--alert {\n position: relative;\n padding: 8px 20px;\n margin-bottom: 15px;\n background: transparent;\n color: var(--base-text-color);\n border-radius: var(--base-radius);\n transition: var(--transition);\n border: 1px solid var(--base-border-color);\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n & .title, & .description {\n margin: 0;\n }\n & .title {\n padding-right: 20px;\n }\n}\n:--alert :--close {\n position: absolute;\n right: 5px;\n top: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 28px;\n height: 28px;\n font-size: 1.3rem;\n background: var(--base-color);\n border: 1px solid var(--base-border-color);\n border-radius: var(--base-rounded-radius);\n color: var(--base-dark-color);\n &:hover {\n background: #fff;\n }\n}\n:--alert:--info {\n background: color(var(--base-info-color) alpha(5%));\n border-color: color(var(--base-info-color) alpha(50%));\n color: var(--base-info-color);\n & .description {\n color: color(var(--base-info-color) alpha(60%));\n }\n & .close {\n border-color: transparent;\n background: color(var(--base-info-color) alpha(50%));\n color:#fff;\n }\n}\n:--alert:--error {\n background: color(var(--base-error-color) alpha(5%));\n border-color: color(var(--base-error-color) alpha(50%));\n color: var(--base-error-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-error-color) alpha(50%));\n color:#fff;\n }\n & .description {\n color: color(var(--base-error-color) alpha(60%));\n }\n}\n:--alert:--success {\n background: color(var(--base-success-color) alpha(5%));\n border-color: color(var(--base-success-color) alpha(10%));\n color: var(--base-success-color);\n & .close {\n border-color: transparent;\n background: color(var(--base-success-color) alpha(50%));;\n color: #fff;\n }\n & .description {\n color: color(var(--base-success-color) alpha(60%));\n }\n}\n:--alert:--rounded {\n border-radius: 4rem;\n padding-left: 30px;\n padding-right: 30px;\n & .close {\n top: 50%;\n margin-top: -14px;\n right: 14px;\n }\n}\n\n/* Placeholder */\n:--placeholder {\n border-style: dashed;\n border-color: var(--base-light-color);\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n border: 1px solid var(--base-light-color);\n background: #fff;\n border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n position: relative;\n background: color(var(--base-color) alpha(30%));\n padding: 10px;\n display: flex;\n}\n:--card :--header {\n border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n margin: 0;\n}\n:--card :--content {\n padding: 15px 10px;\n}","/* \n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--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* :--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* :--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* :--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*/\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 * Utils\n*/\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-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.vertical-align {\n display: flex;\n align-items: center;\n}\n\n.horizontal-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"]} \ No newline at end of file diff --git a/packages/vishnucss-extensions/package.js b/packages/vishnucss-extensions/package.js index 06574f6..ff134d8 100644 --- a/packages/vishnucss-extensions/package.js +++ b/packages/vishnucss-extensions/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'vishnucss:extensions', - version: '1.0.5', + version: '1.0.6', summary: 'Extensions packages for Vishnucss toolkit with modern css.', git: 'https://github.com/vishnucss/vishnu.git', documentation: 'README.md' diff --git a/packages/vishnucss-extensions/package.json b/packages/vishnucss-extensions/package.json index 9e894b6..48f34d3 100644 --- a/packages/vishnucss-extensions/package.json +++ b/packages/vishnucss-extensions/package.json @@ -1,7 +1,7 @@ { "name": "@vishnucss/extensions", "filename": "vishnu.extensions.min.css", - "version": "1.0.5", + "version": "1.0.6", "description": "Extensions packages for Vishnucss toolkit with modern css", "main": "./dist/vishnu.extensions.min.css", "keywords": [ diff --git a/packages/vishnucss-extensions/src/alert.css b/packages/vishnucss-extensions/src/alert.css index a230ea3..fa2e499 100644 --- a/packages/vishnucss-extensions/src/alert.css +++ b/packages/vishnucss-extensions/src/alert.css @@ -8,7 +8,7 @@ * :--alert .alert; * :--close .close; * :--info .info; -* :--danger .danger; +* :--error .error; * :--rounded .rounded; * :--placeholder .placeholder; * @@ -21,7 +21,7 @@ background: transparent; color: var(--base-text-color); border-radius: var(--base-radius); - transition: var(--transition-ease-in-out); + transition: var(--transition); border: 1px solid var(--base-border-color); display: flex; justify-content: flex-start; @@ -65,17 +65,17 @@ color:#fff; } } -:--alert:--danger { - background: color(var(--base-danger-color) alpha(5%)); - border-color: color(var(--base-danger-color) alpha(50%)); - color: var(--base-danger-color); +:--alert:--error { + background: color(var(--base-error-color) alpha(5%)); + border-color: color(var(--base-error-color) alpha(50%)); + color: var(--base-error-color); & .close { border-color: transparent; - background: color(var(--base-danger-color) alpha(50%)); + background: color(var(--base-error-color) alpha(50%)); color:#fff; } & .description { - color: color(var(--base-danger-color) alpha(60%)); + color: color(var(--base-error-color) alpha(60%)); } } :--alert:--success { diff --git a/packages/vishnucss-extensions/src/customs.css b/packages/vishnucss-extensions/src/customs.css index c715400..089139d 100644 --- a/packages/vishnucss-extensions/src/customs.css +++ b/packages/vishnucss-extensions/src/customs.css @@ -14,7 +14,7 @@ @custom-selector :--alert .alert; @custom-selector :--placeholder .placeholder; @custom-selector :--info .info; -@custom-selector :--danger .danger; +@custom-selector :--error .error; @custom-selector :--success .success; @custom-selector :--rounded .rounded; @custom-selector :--close .close; diff --git a/packages/vishnucss-extensions/src/variables.css b/packages/vishnucss-extensions/src/variables.css index 450f20d..06994f5 100644 --- a/packages/vishnucss-extensions/src/variables.css +++ b/packages/vishnucss-extensions/src/variables.css @@ -17,7 +17,7 @@ --base-color: #E6ECF0; --base-dark-color: #282828; --base-info-color: #2C80FF; - --base-danger-color: #F93838; + --base-error-color: #F93838; --base-success-color: #0DC222; --base-light-color: #f1f1f1; --base-border-color: #e5e5e5; @@ -25,7 +25,7 @@ --base-light-text-color: #ccc; /* Transitions */ - --transition-ease-in-out: all 0.2s ease-in-out; + --transition: all 0.2s ease-in-out; /* Utils */ --base-radius: 4px; diff --git a/packages/vishnucss-grid/dist/vishnu.grid.css b/packages/vishnucss-grid/dist/vishnu.grid.css index 9a978cb..452e202 100644 --- a/packages/vishnucss-grid/dist/vishnu.grid.css +++ b/packages/vishnucss-grid/dist/vishnu.grid.css @@ -1,5 +1,5 @@ /** -* vishnucss grid - v1.0.5 +* vishnucss grid - v1.0.6 * https://vishnucss.github.io/vishnu#grid */ diff --git a/packages/vishnucss-grid/dist/vishnu.grid.min.css b/packages/vishnucss-grid/dist/vishnu.grid.min.css index 2ef7a26..57fa75e 100644 --- a/packages/vishnucss-grid/dist/vishnu.grid.min.css +++ b/packages/vishnucss-grid/dist/vishnu.grid.min.css @@ -1,5 +1,5 @@ /** -* vishnucss grid - v1.0.5 +* vishnucss grid - v1.0.6 * https://vishnucss.github.io/vishnu#grid */ .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}} diff --git a/packages/vishnucss-grid/package.js b/packages/vishnucss-grid/package.js index 232b612..a2ac2de 100644 --- a/packages/vishnucss-grid/package.js +++ b/packages/vishnucss-grid/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'vishnucss:grid', - version: '1.0.5', + version: '1.0.6', summary: 'Grid system toolkit with modern css', git: 'https://github.com/vishnucss/vishnu.git', documentation: 'README.md' diff --git a/packages/vishnucss-grid/package.json b/packages/vishnucss-grid/package.json index bf808b6..728c975 100644 --- a/packages/vishnucss-grid/package.json +++ b/packages/vishnucss-grid/package.json @@ -1,7 +1,7 @@ { "name": "@vishnucss/grid", "filename": "vishnu.grid.min.css", - "version": "1.0.5", + "version": "1.0.6", "description": "Grid system toolkit with modern css", "main": "./dist/vishnu.grid.min.css", "keywords": [ diff --git a/packages/vishnucss-utils/dist/vishnu.utils.css b/packages/vishnucss-utils/dist/vishnu.utils.css index a9e9d6c..d218819 100644 --- a/packages/vishnucss-utils/dist/vishnu.utils.css +++ b/packages/vishnucss-utils/dist/vishnu.utils.css @@ -1,5 +1,5 @@ /** -* vishnucss utils - v1.0.5 +* vishnucss utils - v1.0.6 * https://vishnucss.github.io/vishnu#utilities */ diff --git a/packages/vishnucss-utils/dist/vishnu.utils.min.css b/packages/vishnucss-utils/dist/vishnu.utils.min.css index 2be59b3..d8b996e 100644 --- a/packages/vishnucss-utils/dist/vishnu.utils.min.css +++ b/packages/vishnucss-utils/dist/vishnu.utils.min.css @@ -1,5 +1,5 @@ /** -* vishnucss utils - v1.0.5 +* vishnucss utils - v1.0.6 * https://vishnucss.github.io/vishnu#utilities */ .pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.center,.horizontal-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} diff --git a/packages/vishnucss-utils/package.js b/packages/vishnucss-utils/package.js index 10fc77f..b0cf82e 100644 --- a/packages/vishnucss-utils/package.js +++ b/packages/vishnucss-utils/package.js @@ -1,6 +1,6 @@ Package.describe({ name: 'vishnucss:utils', - version: '1.0.5', + version: '1.0.6', summary: 'Utils toolkit with modern css.', git: 'https://github.com/vishnucss/vishnu.git', documentation: 'README.md' diff --git a/packages/vishnucss-utils/package.json b/packages/vishnucss-utils/package.json index 1d56940..d0334c7 100644 --- a/packages/vishnucss-utils/package.json +++ b/packages/vishnucss-utils/package.json @@ -1,7 +1,7 @@ { "name": "@vishnucss/utils", "filename": "vishnu.utils.min.css", - "version": "1.0.5", + "version": "1.0.6", "description": "Utils toolkit with modern css", "main": "./dist/vishnu.utils.min.css", "keywords": [ diff --git a/src/alert.css b/src/alert.css index a230ea3..fa2e499 100644 --- a/src/alert.css +++ b/src/alert.css @@ -8,7 +8,7 @@ * :--alert .alert; * :--close .close; * :--info .info; -* :--danger .danger; +* :--error .error; * :--rounded .rounded; * :--placeholder .placeholder; * @@ -21,7 +21,7 @@ background: transparent; color: var(--base-text-color); border-radius: var(--base-radius); - transition: var(--transition-ease-in-out); + transition: var(--transition); border: 1px solid var(--base-border-color); display: flex; justify-content: flex-start; @@ -65,17 +65,17 @@ color:#fff; } } -:--alert:--danger { - background: color(var(--base-danger-color) alpha(5%)); - border-color: color(var(--base-danger-color) alpha(50%)); - color: var(--base-danger-color); +:--alert:--error { + background: color(var(--base-error-color) alpha(5%)); + border-color: color(var(--base-error-color) alpha(50%)); + color: var(--base-error-color); & .close { border-color: transparent; - background: color(var(--base-danger-color) alpha(50%)); + background: color(var(--base-error-color) alpha(50%)); color:#fff; } & .description { - color: color(var(--base-danger-color) alpha(60%)); + color: color(var(--base-error-color) alpha(60%)); } } :--alert:--success { diff --git a/src/buttons.css b/src/buttons.css index d45094e..f759719 100644 --- a/src/buttons.css +++ b/src/buttons.css @@ -10,6 +10,8 @@ * :--button-flat button.flat, .button.flat, [type='submit'].flat; * :--button-primary button.primary, .button.primary, [type='submit'].primary; * :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded; +* :--button-success button.success, .button.success, [type='submit'].success; +* :--button-error button.error, .button.error, [type='submit'].error; * :--hovered :hover; * :--pressed :focus; * :--large .large; @@ -25,17 +27,19 @@ color: var(--base-text-color); background: var(--base-color); border-radius: var(--base-radius); - transition: var(--transition-ease-in-out); + transition: var(--transition); border: 1.5px solid transparent; cursor: pointer; + text-decoration: none; } + +/* Status */ :--button:--hovered { color: var(--primary-color); background: color(var(--base-color) alpha(-50%)); } :--button:--pressed { outline: none; - transform: scale(0.99); background: color(var(--base-color) alpha(-20%)); } @@ -99,4 +103,32 @@ /* Rounded */ :--button-rounded { border-radius: 28px; +} + +/* Success */ +:--button-success { + color: #fff; + background: var(--base-success-color); + border: 1.5px solid transparent; +} +:--button-success:--hovered { + background: color(var(--base-success-color) alpha(-20%)); + color: #fff; +} +:--button-success:--pressed { + background: color(var(--base-success-color) alpha(-10%)); +} + +/* Error */ +:--button-error { + color: #fff; + background: var(--base-error-color); + border: 1.5px solid transparent; +} +:--button-error:--hovered { + background: color(var(--base-error-color) alpha(-20%)); + color: #fff; +} +:--button-error:--pressed { + background: color(var(--base-error-color) alpha(-10%)); } \ No newline at end of file diff --git a/src/customs.css b/src/customs.css index e4c9206..175435c 100644 --- a/src/customs.css +++ b/src/customs.css @@ -22,6 +22,8 @@ @custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat; @custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary; @custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded; +@custom-selector :--button-success button.success, .button.success, [type='submit'].success; +@custom-selector :--button-error button.error, .button.error, [type='submit'].error; @custom-selector :--hovered :hover; @custom-selector :--pressed :focus; @custom-selector :--large .large; @@ -33,6 +35,8 @@ @custom-selector :--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']; @custom-selector :--textarea textarea, textarea[type='text']; +@custom-selector :--checkbox input[type='checkbox']; +@custom-selector :--radio input[type='radio']; @custom-selector :--hovered :hover; @custom-selector :--pressed :focus; @@ -43,7 +47,7 @@ @custom-selector :--alert .alert; @custom-selector :--placeholder .placeholder; @custom-selector :--info .info; -@custom-selector :--danger .danger; +@custom-selector :--error .error; @custom-selector :--success .success; @custom-selector :--rounded .rounded; @custom-selector :--close .close; diff --git a/src/forms.css b/src/forms.css index c201bbf..ed51bf4 100644 --- a/src/forms.css +++ b/src/forms.css @@ -7,6 +7,8 @@ * @ custom-properties * :--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']; * :--textarea textarea, textarea[type='text']; +* :--checkbox input[type='checkbox']; +* :--radio input[type='radio']; * :--hovered :hover; * :--pressed :focus; * @@ -23,17 +25,109 @@ background: #fff; border: 1px solid var(--base-border-color); border-radius: var(--base-radius); - transition: var(--transition-ease-in-out); + transition: var(--transition); } :--fields:--hovered { - border: 1px solid color(var(--primary-color) alpha(80%)); + border-color: color(var(--primary-color) alpha(80%)); + background-color: var(--base-light-color); } :--fields:--pressed { outline: none; - border: 1px solid color(var(--primary-color) blackness(20%)); - box-shadow: color(var(--primary-color) alpha(60%)) 0px 0px 4px -1px; + border-color: var(--primary-color); + box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%)); } :--textarea { min-height: 7rem; } + +/* Checkbox */ +.checkbox { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: var(--base-font-size); + line-height: var(--base-line-height); + user-select: none; + border-radius: var(--base-radius); + & .checkmark { + position: absolute; + top: 3px; + left: 0; + height: 18px; + width: 18px; + background-color: #fff; + border: 1px solid var(--base-border-color); + transition: var(--transition); + border-radius: var(--base-radius); + } + & input { + position: absolute; + opacity: 0; + cursor: pointer; + } +} +.checkbox .checkmark:after { + left: 6px; + top: 1px; + width: 4px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + transform: rotate(45deg); +} + +/* Radio Button */ +.radio { + display: block; + position: relative; + padding-left: 25px; + cursor: pointer; + font-size: var(--base-font-size); + line-height: var(--base-line-height); + user-select: none; + & .radiomark { + position: absolute; + top: 3px; + left: 0; + height: 16px; + width: 16px; + background-color: #fff; + border: 1px solid var(--base-border-color); + border-radius: var(--base-rounded-radius); + transition: var(--transition); + } + & input { + position: absolute; + opacity: 0; + } +} +.radio .radiomark:after { + top: 4px; + left: 4px; + width: 8px; + height: 8px; + border-radius: var(--base-rounded-radius); + background: white; +} + +/* Checkbox and Radio Button */ +.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark { + background-color: var(--base-light-color); + border-color: color(var(--primary-color) alpha(80%)); +} + +.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark { + background-color: var(--primary-color); + border-color: var(--primary-color); + box-shadow: 0 0 0 2px color(var(--primary-color) alpha(20%)); +} +.checkbox .checkmark:after, .radio .radiomark:after { + content: ""; + position: absolute; + display: none; +} +.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after { + display: block; +} \ No newline at end of file diff --git a/src/variables.css b/src/variables.css index 450f20d..06994f5 100644 --- a/src/variables.css +++ b/src/variables.css @@ -17,7 +17,7 @@ --base-color: #E6ECF0; --base-dark-color: #282828; --base-info-color: #2C80FF; - --base-danger-color: #F93838; + --base-error-color: #F93838; --base-success-color: #0DC222; --base-light-color: #f1f1f1; --base-border-color: #e5e5e5; @@ -25,7 +25,7 @@ --base-light-text-color: #ccc; /* Transitions */ - --transition-ease-in-out: all 0.2s ease-in-out; + --transition: all 0.2s ease-in-out; /* Utils */ --base-radius: 4px;