| 1 |
{"version":3,"sourceRoot":"","sources":["../scss/main/_ui.scss","../scss/main/_mixins.scss","../scss/main/_colors.scss","../scss/main/_dialog.scss","../scss/notice/_notice.scss"],"names":[],"mappings":"CAEI,uDACI,eACA,cACA,cCiCP,mCACG,kCD7BA,aACI,cACA,mBACA,iBACA,gBACA,YACA,YACA,6DAIR,8BCiBC,mCACG,kCDdA,kBACA,kBACA,MExBM,QFyBN,mDACI,kBACA,MACA,OACA,sBACA,YACA,cACA,WACA,YACA,iBACA,eACA,kBACA,kBACA,MEzCA,KF0CA,iBEvCE,QF0CV,QACI,MExCQ,KFyCR,eACI,YACA,iBE3CI,KF8CZ,aACI,ME9CS,QF+CT,oBACI,YACA,iBEjDK,QFqDb,sDAEI,kBACA,gBACA,qBACA,oEACI,kBACA,WACA,MACA,kBAGI,wLACI,gBACA,ME1ER,KF2EQ,oCAIJ,gGACI,gBACA,MEjFR,KFkFQ,iBE/EN,QFmFN,kEChDH,mCACG,kCDiDI,oBACA,UACA,kBACA,YACA,YACA,iBACA,eACA,mBACA,gBACA,uBACA,kBACA,cACA,iBEpGA,KFqGA,8CACA,2EAIR,0BACI,eACA,UACA,SACA,gBACA,0BACA,ME1GQ,KD0BX,iGDkFO,qBAEJ,4BACI,ME/GI,KD0BX,uGDuFW,MEjHA,KFkHA,qBAOR,gDACI,YACA,iBACA,gBACA,aEhIE,QFiIF,iBEjIE,QDmCT,mCACG,kCAPH,mKDuGW,WACA,yCACA,6CC/GR,oCDqGA,gDAaQ,YACA,kBACA,mBACA,gBG5IV,qBACE,kBAEF,4CAEE,oBAGF,6BACE,SACA,mBACA,WACA,YACA,gBACA,UACA,kBACA,UACA,mBAGF,+BACE,gBACA,YACA,yDACE,SACA,gBACA,gEACE,sBACA,YACA,iBAEF,kEACE,aAKN,iCACE,iBACA,YACA,kBACA,sDACE,WACA,aACA,8BACA,2BAEF,4CACE,SAEF,mDACE,yBACA,wDACE,+BAGJ,mDACE,aDzDI,QC0DJ,wDACE,MD9DA,KC+DA,iBD5DE,QD6BT,4KEkCO,yCACA,2LACE,6CAMR,gCACE,cAGF,4EACE,kBACA,gHACE,cAGF,oHACE,cCrFN,QHsCC,mCACG,kCGpCA,oBACA,eACI,iBACA,kBACA,SACA,6BACA,iEACA,sBACA,sBACI,WACA,cACA,UACA,kBACA,8BACA,iBFbA,QEcA,YAEJ,4BACI,cACA,YACA,gBACA,YHER,oCGNI,4BAMQ,SACA,kBACA,QACA,QACA,4BAGR,8BACI,aACA,WACA,eACA,gBACA,iBACA,qCACI,eACA,gBAIR,qBACI,kBACA,UHrBR,oCGmBI,qBAIQ,qBAGR,mCACI,gBACA,eACA,YACA,gBACA,WACA,aFvDF,QEwDE,iBFxDF,QD6BT,4HG6Be,WACA,yCACA","file":"app.css","sourcesContent":["//Title\n.woocommerce_page_wc-settings {\n h3.wc-settings-sub-title {\n font-size: 24px;\n line-height: 1;\n color: #bfbfbf;\n @include smoothText;\n }\n}\n.title {\n &--logo {\n display: block;\n white-space: nowrap;\n text-indent: 120%;\n overflow: hidden;\n width: 230px;\n height: 88px;\n background: url(../images/PAYPLUG_LOGO.svg) no-repeat 50% 50%;\n }\n}\n//Checkup list\n.success,\n.failed,\n.failed-oney {\n @include smoothText;\n position: relative;\n padding-left: 26px;\n color:$primary;\n &:before {\n position: absolute;\n top: 0;\n left: 0;\n font-family: dashicons;\n content: \"\\f147\";\n display: block;\n width: 16px;\n height: 16px;\n line-height: 16px;\n font-size: 14px;\n border-radius: 50%;\n text-align: center;\n color: $white;\n background-color: $primary;\n }\n}\n.failed {\n color: $textcolor;\n &:before {\n content: \"\\f335\";\n background-color: $textcolor;\n }\n}\n.failed-oney {\n color: $errorcolor;\n &:before {\n content: \"\\f335\";\n background-color: $errorcolor;\n }\n}\n//Radio Custom\n.form-table td fieldset .radio--custom,\n.radio--custom {\n position: relative;\n overflow: hidden;\n display: inline-block;\n .radio {\n position: absolute;\n left: -50px;\n top: 0;\n visibility: hidden;\n &:hover,\n &:focus {\n &+label {\n box-shadow: none;\n color: $white;\n background-color: rgba($primary, .5);\n }\n }\n &:checked {\n &+label {\n box-shadow: none;\n color: $white;\n background-color: $primary;\n }\n }\n }\n label {\n @include smoothText;\n margin: 0 !important;\n padding: 0;\n border-radius: 4px;\n width: 200px;\n height: 30px;\n line-height: 30px;\n font-size: 18px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n color: #d7d7d7;\n background-color: $white;\n box-shadow: inset 0 0 4px rgba(128,128,128, .5);\n transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;\n }\n}\n//Logout as link\ninput[name=\"submit_logout\"] {\n cursor: pointer;\n padding: 0;\n border: 0;\n background:none;\n text-decoration: underline;\n color: $textcolor;\n @include hover {\n text-decoration: none;\n }\n &~ a {\n color: $textcolor;\n @include hover {\n color: $textcolor;\n text-decoration: none;\n }\n }\n}\n\n//submit\n.submit {\n .button-primary.woocommerce-save-button {\n height: 30px;\n text-shadow: none;\n box-shadow:none;\n border-color: $primary;\n background-color: $primary;\n @include smoothText;\n @include hover {\n color: #fff;\n border-color: darken($primary, 5%);\n background-color: darken($primary, 5%);\n }\n @include breakpoints(md) {\n height: 40px;\n padding-left: 40px;\n padding-right: 40px;\n font-size: 18px;\n }\n }\n}\n","// Bourbon's essentials mixins\n$em-base: 16px !default;\n// Strip units\n@function strip-units($value) {\n\t@return ($value / ($value * 0 + 1));\n}\n// PX to EM\n@function em($pxval, $base: $em-base) {\n\t@if not unitless($pxval) {\n\t $pxval: strip-units($pxval);\n\t}\n\t@if not unitless($base) {\n\t $base: strip-units($base);\n\t}\n\t@return ($pxval / $base) * 1em;\n}\n//Breakpoints\n$breakpoints: (\n xsm: em(480),\n sm: em(768),\n md: em(1024),\n lg: em(1260),\n xlg: em(1440)\n);\n\n@mixin breakpoints($breakpoint) {\n @media screen and (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {\n @content;\n }\n}\n// Hover Active Focus pseudo selector mixin\n@mixin hover {\n\t&:hover, &:active, &:focus {\n\t\t@content;\n\t}\n}\n// Smooth text\n@mixin smoothText {\n\t-webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}","$white: #fff;\n$black: #000;\n\n$primary: #00AB7A;\n$secondary: #49829f;\n\n$textcolor: #666;\n$errorcolor: #e22626;\n",".ui-dialog {\n $parent: &;\n\n &.ui-widget {\n border-color: #ccc;\n }\n &.ui-widget,\n &.ui-widget * {\n font-family: inherit;\n }\n\n #{$parent}-sronly {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap; /* 1 */\n }\n\n #{$parent}-titlebar {\n background: white;\n border: none;\n #{$parent}-titlebar-close {\n border:0;\n background: none;\n &:before {\n font-family: dashicons;\n content: \"\\f335\";\n font-size: 1.25em;\n }\n .ui-icon {\n display: none;\n }\n }\n }\n\n #{$parent}-buttonpane {\n margin: 1em 1em 0;\n padding: 1em;\n border-color: #ccc;\n #{$parent}-buttonset {\n float: none;\n display: flex;\n justify-content: space-between;\n flex-direction: row-reverse;\n }\n .ui-button {\n margin: 0;\n }\n #{$parent}-cancel {\n background: transparent;\n &>span {\n background-color: transparent;\n }\n }\n #{$parent}-submit {\n border-color: $primary;\n &>span {\n color: $white;\n background-color: $primary;\n }\n @include hover {\n border-color: darken($primary, 5%);\n &>span {\n background-color: darken($primary, 5%);\n }\n }\n }\n }\n\n input[type=password] {\n margin: 0 auto;\n }\n\n #payplug-oney-modal, #payplug-refresh-keys-modal__form {\n text-align: center;\n #dialog-msg.error {\n color: #b00814;\n }\n\n #dialog-msg.success {\n color: #43b040;\n }\n }\n}\n",".notice {\n $parent: &;\n @include smoothText;\n margin: 5px 15px 2px;\n &--start {\n min-height: 400px;\n position:relative;\n border:0;\n padding: 30px 40px !important;\n background: url(../images/bg_notice--start.jpg) no-repeat 50% 50%;\n background-size: cover;\n &:before {\n content:\"\";\n display:block;\n z-index:1;\n position:absolute;\n top:0; right:0; bottom:0; left:0;\n background-color: $secondary;\n opacity:.28;\n }\n #{$parent}__img {\n display:block;\n margin:auto;\n max-width: 200px;\n height: auto;\n @include breakpoints(md) {\n margin:0;\n position:absolute;\n right:0;\n top:50%;\n transform:translateY(-50%);\n }\n }\n #{$parent}__title {\n margin-top:0;\n color: #fff;\n font-size: 16px;\n font-weight:400;\n line-height: 1.55;\n strong {\n font-size:20px;\n font-weight:700;\n }\n }\n //WordPress class\n .main {\n position:relative;\n z-index:2;\n @include breakpoints(md) {\n padding-right: 250px;\n }\n }\n .button.button-hero {\n font-weight:400;\n font-size: 16px;\n height:46px;\n box-shadow:none;\n color: #fff;\n border-color: $primary;\n background-color: $primary;\n @include hover {\n color: #fff;\n border-color: darken($primary, 5%);\n background-color: darken($primary, 5%);\n }\n }\n }\n}\n"]} |
