From 2bafa2f78ee50626b4d921e92850f77a3b7d71bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gabriel=20Rodri=CC=81guez=20Alsina?= Date: Wed, 4 Jul 2018 22:43:30 -0300 Subject: [PATCH] [feat] Base button style. --- src/stylesheets/application.css | 2 +- src/stylesheets/helpers/_placeholders.scss | 30 +++++++++++----------- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/src/stylesheets/application.css b/src/stylesheets/application.css index df07c53..935b0c0 100644 --- a/src/stylesheets/application.css +++ b/src/stylesheets/application.css @@ -1 +1 @@ -.footer{left:0;right:0}.create-keys-button{cursor:pointer;transition:0.3s background-color;border-radius:3px;border:0;padding:0 15px 0 32px;background-color:#08b3f2;background-repeat:no-repeat;background-position:left 15px center;color:#fff;line-height:36px;font-size:13px;text-decoration:none;text-transform:uppercase;font-weight:bold}.create-keys-button:hover{background-color:#20bdf7}.create-keys-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAFVBMVEX///////////////////////////9nSIHRAAAABnRSTlMASUrk5udXTd49AAAAOUlEQVR42tXQsQEAIAgDQcAn+4+snRZxAK79KokrIcNBwgYdc0Migwxk8Qsd1TJWDf/KQWobqt+9G4coA99W7as5AAAAAElFTkSuQmCC);background-size:12px 12px}.create-keys{margin-bottom:30px;border-radius:5px;border:1px solid #eee;background-color:#fff}@media (max-width: 768px){.create-keys{margin-bottom:20px}}.create-keys{padding:25px 20px}@media (max-width: 768px){.create-keys{padding:20px}}@media (max-width: 414px){.create-keys{padding:15px}}.container{margin-left:auto;margin-right:auto;position:relative;width:960px}@media (max-width: 980px){.container{width:98%}}.hidden{display:none}button:focus{outline:none}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#ffffff;box-sizing:border-box;color:#333;font-family:'Nunito', sans-serif;font-size:14px;padding-bottom:66px;position:relative;width:100%}@media screen and (max-width: 768px){body{padding-bottom:132px}}@media screen and (max-width: 414px){body{padding-bottom:132px}}.key-content{display:table-cell;vertical-align:middle;background-color:#fbfbfb;text-align:center}.left{float:left}.right{float:right}.create-keys-button-container{display:flex;align-items:center;justify-content:center}.create-keys h1{margin-bottom:20px}.create-keys h2{margin-bottom:20px}.create-keys-button[disabled]{background-color:#079dd4}.create-keys-button.finalize{margin-right:10px}.create-keys-form{display:flex;justify-content:space-between}@media (max-width: 768px){.create-keys-form{flex-direction:column}}.create-keys-form-i{width:48%}@media (max-width: 768px){.create-keys-form-i{width:100%}}.create-keys label:not(.radio){display:block;margin-bottom:10px;text-transform:uppercase;font-size:12px;font-weight:bold}.create-keys button,.create-keys input,.create-keys textarea{outline:none;font-family:'Open Sans', sans-serif}.create-keys input,.create-keys textarea{transition:0.3s border-color;width:100%;margin-bottom:20px;border-radius:3px;box-sizing:border-box;border:1px solid #eee}.create-keys input:focus,.create-keys textarea:focus{border-color:#08b3f2}.create-keys textarea{padding:15px;height:110px;resize:none}.create-keys input{padding:0 10px;height:40px}.create-keys input[type="radio"]{display:none}.create-keys input[type="radio"]:checked+.radio:after{opacity:1}.footer{background-color:#5c34a2;bottom:0;padding:18px 0;position:absolute}.footer.sokol{background-color:#6ac9b9}.footer .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 768px){.footer .container{flex-direction:column}}.footer .socials{order:2}@media screen and (max-width: 768px){.footer .socials{margin-top:15px;order:1}}.footer-logo{background-image:url("../images/logos/logo_validators_dapp_footer.png");background-repeat:no-repeat;background-size:contain;display:block;height:20px;left:0;order:0;width:123px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.footer-logo{background-image:url("../images/logos/logo_validators_dapp_footer@2x.png");background-size:contain}}.footer-rights{color:#fff;font-size:12px;order:1;text-align:center}@media screen and (max-width: 768px){.footer-rights{line-height:normal;margin-top:15px;order:2;width:100%}}.header{background-color:#5c34a2;position:relative;width:100%;z-index:9999}@media screen and (max-width: 414px){.header{left:0;right:0;position:fixed;top:0;z-index:123}}.header .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 414px){.header .container{width:93%;padding:22px 0}}.header.sokol{background-color:#6ac9b9}.header-logo{display:block;height:26px}.header .links-container{align-items:center;display:flex;justify-content:space-between;height:70px;margin-left:auto}@media screen and (max-width: 414px){.header .links-container{display:none}}@media screen and (max-width: 768px){.header .links-container{justify-content:flex-end;width:auto}}.header .links-container-mobile{display:none}@media screen and (max-width: 414px){.header .links-container-mobile{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}}.header .link{color:#fff;font-weight:700;line-height:16px;margin-left:30px;opacity:0.8;text-decoration:none;transition:opacity linear 0.1s}.header .link:hover,.header .link.active{opacity:1}@media screen and (max-width: 414px){.header .link{margin-left:0}}.header .link-icon{height:18px;width:18px;margin-right:10px;float:left;background-position:50% 50%;background-repeat:no-repeat}.header .link-icon-all{background-image:url("../images/icons/icon-events.svg")}.header .link-icon-set-metadata{background-image:url("../images/icons/icon-status.svg")}.header .link-icon-pending-changes{background-image:url("../images/icons/icon-statistics.svg")}.header .mobile-menu{display:none}@media screen and (max-width: 414px){.header .mobile-menu{display:block;order:3}}.header .mobile-menu .mobile-menu-icon{width:18px;height:14px}.header .mobile-menu .mobile-menu-open-icon{width:18px;height:18px}@media screen and (max-width: 414px){.header .header-mobile-menu-container{background-color:#45277a;height:172px}}.header .Select{margin-left:25px}@media screen and (max-width: 414px){.header .Select{margin-left:0;max-width:125px;order:2}.header .Select .Select-control{max-width:125px}}.select-network-id{background:#fff;width:40px}.app-container{padding-top:40px;position:relative;z-index:1}.app-container.app-container-open-mobile-menu:before{background-color:rgba(78,44,137,0.8);bottom:0;content:'';display:none;left:0;position:absolute;right:0;top:0;z-index:1234}@media screen and (max-width: 414px){.app-container.app-container-open-mobile-menu:before{display:block}}@media screen and (max-width: 414px){#root,.app-container{height:100%}.app-container{padding-left:10px;padding-right:10px}}@media screen and (max-width: 414px){.content{padding-top:70px}}.content.content-menu-open{padding-top:242px}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.loading{display:flex;justify-content:space-between;position:absolute;left:50%;top:50%;width:206px;margin:-30px 0 0 -111.5px;padding-top:50px}.loading:before{content:'';position:absolute;left:0;top:0;width:206px;height:35px;background-image:url("../images/loading.png");background-position:0 0}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.loading:before{background-image:url("../images/loading@2x.png");background-size:contain}}.loading-container{position:fixed;z-index:1000000;left:0;right:0;top:0;bottom:0}.loading-i{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;opacity:.2;width:9px;height:9px;border-radius:50%;background-color:#fff}.loading-i:nth-child(2){animation-delay:.1s}.loading-i:nth-child(3){animation-delay:.2s}.loading-i:nth-child(4){animation-delay:.3s}.loading-i:nth-child(5){animation-delay:.4s}.loading-i:nth-child(6){animation-delay:.5s}.main-title-container{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:38px}.main-title-container .main-title{font-size:24px;color:#333;line-height:38px}@media screen and (max-width: 414px){.main-title-container{-ms-flex-direction:column;flex-direction:column}}.search-input{background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA0lBMVEWAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6McEf5GAAAARXRSTlMAAQIDBQYHDA0bHB8gISQmJyg+P0BGR0lMU1RVWFlcXV5iY2tsdXZ4iYqLo6Spqqusra7Cw8TFysvM29zm5+jr8vP4+fzSh6raAAABM0lEQVR4AYWTeVeCQBTFr6AtuaTYkpUVlqZm0JIaLhjBfP+v1NxDyDCcA7+/3nLPecu8QULFGs/9MPTnE6uCPIa9EntWtgGN5lJkWDaR4WwnNHYWFM5DxsLXfqN22Ok7sXeR5ts/jHy0Er/1Tj9oJ77J+tEICqOIfZiIsalnXlUwNvifn/O50HA5bQWky45OoHHMTrsgY2nNkONFhscgX9K6Ro6eDH+C+NKqI0ddhn0QFjtAjhpb2wuOigQscVpQorzJScGYRYv65aLSVTvQcLhqI7YHQjJEhqHyWDC/+dxPUHjkc3tm4nYC6t/Sg3GFdgGX8ZHNeo1qtdGb0ZNEd4oiEBq6ouNlc95zRMW9+nHWaXptG3jQFTCs6YJfbzG1OL+m0EkVt2WKLUoUGxRxs91c/QFA1F3oKOgExAAAAABJRU5ErkJggg==);background-position:15px 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:3px;border:1px solid #b8c1cb;box-sizing:border-box;color:#333;display:inline-block;font-size:16px;height:38px;outline:none;padding:0 15px 0 40px;transition:0.15s border-color;width:300px}.search-input:hover{border-color:#8e959d;color:#202d3c}.search-input:focus{border-color:#5c34a2;color:#202d3c}.socials{font-size:0}.socials-item:not(:first-child){margin-left:10px}.socials-i{background-color:#ffffff;border-radius:3px;display:inline-block;height:30px;position:relative;transition:0.3s background-color;vertical-align:top;width:30px}.socials-i:not(:first-child){margin-left:10px}.socials-i:hover{background-color:rgba(255,255,255,0.4)}.socials-i:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:'';height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px}.socials-i_github:before{background-image:url("../images/socials/git.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_github:before{background-image:url("../images/socials/git@2x.png");background-size:contain}}.socials-i_telegram:before{background-image:url("../images/socials/telegram.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_telegram:before{background-image:url("../images/socials/telegram@2x.png");background-size:contain}}.socials-i_twitter:before{background-image:url("../images/socials/tw.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_twitter:before{background-image:url("../images/socials/tw@2x.png");background-size:contain}}.socials-i_poa:before{background-image:url("../images/socials/poa.png");height:20px;width:20px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_poa:before{background-image:url("../images/socials/poa@2x.png");background-size:contain}}.validators{text-align:left}.validators-i{margin-bottom:30px}@media (max-width: 414px){.validators-i{margin-bottom:20px}}.validators-i .confirmations{font-weight:normal;font-size:12px;padding-top:5px}.validators-header{border-bottom:1px solid #b8c1cb;font-size:16px;font-weight:700;line-height:20px;margin:0 0 20px;padding:20px 0}.validators-header--address{word-break:break-all}.validators-body{overflow:hidden}.validators-notary,.validators-license{width:48%;font-size:12px}@media (max-width: 414px){.validators-notary,.validators-license{float:none;width:100%}}.validators-title{margin:0 0 15px 0;font-size:14px;font-weight:700;text-align:left;color:#333}@media (max-width: 414px){.validators-title{margin:15px 0}}.validators-table{border:1px solid #b8c1cb}.validators-table-i{color:#333;display:flex;font-size:14px;justify-content:space-between;line-height:1.2;padding:20px 10px}.validators-table-i:not(:last-child){border-bottom:1px solid #b8c1cb}.validators-count{font-size:22px;line-height:1.2;margin-bottom:10px}.validators-count-val{font-weight:700} +.footer{left:0;right:0}.create-keys-button{background-color:#5c34a2;background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;border-radius:5px;border:0;color:#fff;cursor:pointer;font-size:14px;font-weight:bold;line-height:42px;padding:0 45px 0 15px;text-decoration:none;text-transform:uppercase;transition:0.15s background-color}.create-keys-button:hover{background-color:#7346c3}.create-keys-button{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/JJREFUeNrcmUtME1EUhv8ppVDegpaHgFTAN7FYRHwQ0agRFWNc6sIY3bjXsDO4VBMX6lpdaMTEBTFujK+Fr/AG4wutLxQxihGLwNCWGc8tt8mo2N6ZtlA8yZ8QMvfeb07PvefcM5KqqpgpZgpzfD3pEWmA5CEpJFUjhf9/gD9XH9ZqzLM6VUtqJsmqMZP5+Fq9a+t52EHqJPnUyJiPz+eINOw50ogaHRvh84fkkAQ2WCvJSZKiuHcYRDtpZbCHQsG6SMVTuOFfk0qMnAZTDQq+nksvbOs0gGqBW0Vhz/EYnU5zco6gMesgPSRZYyBhjZLWkLr+BdvJgWPFGGj5ZGFQSyoTmUEe8eJs/QNcPtWBvjdueGQfolRjlHGuvzzbTKoUmeFF+xecOHQbHo+CWTYrquvmw1lTgFx7KqzJFkiRPZFbSKv+hJVJCSKjW2/14vSR+1CVibES0eUUpaBy8zyUVeWiaHEmEpPMkYIdIyWyP+IaGhoC1dNW0dHvnn1D292PE3mH289BD152fMXb5wMY/Cr7vZuelQhzfLiFHczckQ8Cr79Lz2ivV2FFxaQV3IeXP9DncuPxwz4scuagYkM+SpbPhiUhLhxgxnc8AFuqZ6TiUxBsPykUHr09g+h/O4SnLf0EnY3qHXZ/eBj0dGnAxczSdMEqYjvf6xknL//Al96f6L7XB8e6PGzZuwi589L0bkI/n+nKmS6TBlqsRFL0HVMMeuDTMO5cdeHonhu4eLIN7u+y3riFKdEan6a3/FNVY2cT+0XkYQ9uXOrB4bpruH7+GcbHhV7cv6CJJlhh5CoUrkkmCa4n3/wJRti98rC3w1CpbNBSMywoWDALjup8VG0tRHKqRRx2eMjj5stL0WRNSbf4j7Cy1XkoX58H29xU3e4xHzy6il2XfaT4aHiWZbKFThul43wsrsiGrSAFcXG6jy+f9uhi3s0SZw1Na6KYZJDVO+1Y4LAhKycJ8RbDicGthX2lB1YKcUjal2Zi+74llAxs9PMnRCLlvtLCNpGqwj0N5hanoe7AMlRuKiQvmkK+lA5r0sIeJx0TrbrYTzzhYQr0BDOyC1NQs7sYa7fZ/Z6MsI1xvt8yV7doPZuVm4zMHCsy5iShYmMBQRZRTCZH67bQPVmvq1a0NTQ26lNbbr5XP/cOqVE2n7YnNmPvYMz281tlLNgo5/ln34C9SWN4CTViva9G7TU8WK+LdUQqphG2bbImXbDG3HT0uoI254KllhI+MCZAQ8EGgNumIIZVvk5J0GQkMBGLnQtRPCVG+fwrhfL8//ZNISa+1khh3qfqeQOilF+XzX/cOFReOLt5mdcUKEoM3dtm0hfGXwIMAC+6tL4wp5PYAAAAAElFTkSuQmCC");background-size:18px 18px}.create-keys{background-color:#fff;border-radius:5px;border:1px solid #eee;margin-bottom:30px}@media (max-width: 768px){.create-keys{margin-bottom:20px}}.create-keys{padding:25px 20px}@media (max-width: 768px){.create-keys{padding:20px}}@media (max-width: 414px){.create-keys{padding:15px}}.container{margin-left:auto;margin-right:auto;position:relative;width:960px}@media (max-width: 980px){.container{width:98%}}.hidden{display:none}button:focus{outline:none}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#ffffff;box-sizing:border-box;color:#333;font-family:'Nunito', sans-serif;font-size:14px;padding-bottom:66px;position:relative;width:100%}@media screen and (max-width: 768px){body{padding-bottom:132px}}@media screen and (max-width: 414px){body{padding-bottom:132px}}.key-content{display:table-cell;vertical-align:middle;background-color:#fbfbfb;text-align:center}.left{float:left}.right{float:right}.create-keys-button-container{display:flex;align-items:center;justify-content:center}.create-keys h1{margin-bottom:20px}.create-keys h2{margin-bottom:20px}.create-keys-button[disabled]{background-color:#079dd4}.create-keys-button.finalize{margin-right:10px}.create-keys-form{display:flex;justify-content:space-between}@media (max-width: 768px){.create-keys-form{flex-direction:column}}.create-keys-form-i{width:48%}@media (max-width: 768px){.create-keys-form-i{width:100%}}.create-keys label:not(.radio){display:block;margin-bottom:10px;text-transform:uppercase;font-size:12px;font-weight:bold}.create-keys button,.create-keys input,.create-keys textarea{outline:none;font-family:'Open Sans', sans-serif}.create-keys input,.create-keys textarea{transition:0.3s border-color;width:100%;margin-bottom:20px;border-radius:3px;box-sizing:border-box;border:1px solid #eee}.create-keys input:focus,.create-keys textarea:focus{border-color:#08b3f2}.create-keys textarea{padding:15px;height:110px;resize:none}.create-keys input{padding:0 10px;height:40px}.create-keys input[type="radio"]{display:none}.create-keys input[type="radio"]:checked+.radio:after{opacity:1}.footer{background-color:#5c34a2;bottom:0;padding:18px 0;position:absolute}.footer.sokol{background-color:#6ac9b9}.footer .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 768px){.footer .container{flex-direction:column}}.footer .socials{order:2}@media screen and (max-width: 768px){.footer .socials{margin-top:15px;order:1}}.footer-logo{background-image:url("../images/logos/logo_validators_dapp_footer.png");background-repeat:no-repeat;background-size:contain;display:block;height:20px;left:0;order:0;width:123px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.footer-logo{background-image:url("../images/logos/logo_validators_dapp_footer@2x.png");background-size:contain}}.footer-rights{color:#fff;font-size:12px;order:1;text-align:center}@media screen and (max-width: 768px){.footer-rights{line-height:normal;margin-top:15px;order:2;width:100%}}.header{background-color:#5c34a2;position:relative;width:100%;z-index:9999}@media screen and (max-width: 414px){.header{left:0;right:0;position:fixed;top:0;z-index:123}}.header .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 414px){.header .container{width:93%;padding:22px 0}}.header.sokol{background-color:#6ac9b9}.header-logo{display:block;height:26px}.header .links-container{align-items:center;display:flex;justify-content:space-between;height:70px;margin-left:auto}@media screen and (max-width: 414px){.header .links-container{display:none}}@media screen and (max-width: 768px){.header .links-container{justify-content:flex-end;width:auto}}.header .links-container-mobile{display:none}@media screen and (max-width: 414px){.header .links-container-mobile{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}}.header .link{color:#fff;font-weight:700;line-height:16px;margin-left:30px;opacity:0.8;text-decoration:none;transition:opacity linear 0.1s}.header .link:hover,.header .link.active{opacity:1}@media screen and (max-width: 414px){.header .link{margin-left:0}}.header .link-icon{height:18px;width:18px;margin-right:10px;float:left;background-position:50% 50%;background-repeat:no-repeat}.header .link-icon-all{background-image:url("../images/icons/icon-events.svg")}.header .link-icon-set-metadata{background-image:url("../images/icons/icon-status.svg")}.header .link-icon-pending-changes{background-image:url("../images/icons/icon-statistics.svg")}.header .mobile-menu{display:none}@media screen and (max-width: 414px){.header .mobile-menu{display:block;order:3}}.header .mobile-menu .mobile-menu-icon{width:18px;height:14px}.header .mobile-menu .mobile-menu-open-icon{width:18px;height:18px}@media screen and (max-width: 414px){.header .header-mobile-menu-container{background-color:#45277a;height:172px}}.header .Select{margin-left:25px}@media screen and (max-width: 414px){.header .Select{margin-left:0;max-width:125px;order:2}.header .Select .Select-control{max-width:125px}}.select-network-id{background:#fff;width:40px}.app-container{padding-top:40px;position:relative;z-index:1}.app-container.app-container-open-mobile-menu:before{background-color:rgba(78,44,137,0.8);bottom:0;content:'';display:none;left:0;position:absolute;right:0;top:0;z-index:1234}@media screen and (max-width: 414px){.app-container.app-container-open-mobile-menu:before{display:block}}@media screen and (max-width: 414px){#root,.app-container{height:100%}.app-container{padding-left:10px;padding-right:10px}}@media screen and (max-width: 414px){.content{padding-top:70px}}.content.content-menu-open{padding-top:242px}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.loading{display:flex;justify-content:space-between;position:absolute;left:50%;top:50%;width:206px;margin:-30px 0 0 -111.5px;padding-top:50px}.loading:before{content:'';position:absolute;left:0;top:0;width:206px;height:35px;background-image:url("../images/loading.png");background-position:0 0}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.loading:before{background-image:url("../images/loading@2x.png");background-size:contain}}.loading-container{position:fixed;z-index:1000000;left:0;right:0;top:0;bottom:0}.loading-i{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;opacity:.2;width:9px;height:9px;border-radius:50%;background-color:#fff}.loading-i:nth-child(2){animation-delay:.1s}.loading-i:nth-child(3){animation-delay:.2s}.loading-i:nth-child(4){animation-delay:.3s}.loading-i:nth-child(5){animation-delay:.4s}.loading-i:nth-child(6){animation-delay:.5s}.main-title-container{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:38px}.main-title-container .main-title{font-size:24px;color:#333;line-height:38px}@media screen and (max-width: 414px){.main-title-container{-ms-flex-direction:column;flex-direction:column}}.search-input{background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA0lBMVEWAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6McEf5GAAAARXRSTlMAAQIDBQYHDA0bHB8gISQmJyg+P0BGR0lMU1RVWFlcXV5iY2tsdXZ4iYqLo6Spqqusra7Cw8TFysvM29zm5+jr8vP4+fzSh6raAAABM0lEQVR4AYWTeVeCQBTFr6AtuaTYkpUVlqZm0JIaLhjBfP+v1NxDyDCcA7+/3nLPecu8QULFGs/9MPTnE6uCPIa9EntWtgGN5lJkWDaR4WwnNHYWFM5DxsLXfqN22Ok7sXeR5ts/jHy0Er/1Tj9oJ77J+tEICqOIfZiIsalnXlUwNvifn/O50HA5bQWky45OoHHMTrsgY2nNkONFhscgX9K6Ro6eDH+C+NKqI0ddhn0QFjtAjhpb2wuOigQscVpQorzJScGYRYv65aLSVTvQcLhqI7YHQjJEhqHyWDC/+dxPUHjkc3tm4nYC6t/Sg3GFdgGX8ZHNeo1qtdGb0ZNEd4oiEBq6ouNlc95zRMW9+nHWaXptG3jQFTCs6YJfbzG1OL+m0EkVt2WKLUoUGxRxs91c/QFA1F3oKOgExAAAAABJRU5ErkJggg==);background-position:15px 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:3px;border:1px solid #b8c1cb;box-sizing:border-box;color:#333;display:inline-block;font-size:16px;height:38px;outline:none;padding:0 15px 0 40px;transition:0.15s border-color;width:300px}.search-input:hover{border-color:#8e959d;color:#202d3c}.search-input:focus{border-color:#5c34a2;color:#202d3c}.socials{font-size:0}.socials-item:not(:first-child){margin-left:10px}.socials-i{background-color:#ffffff;border-radius:3px;display:inline-block;height:30px;position:relative;transition:0.3s background-color;vertical-align:top;width:30px}.socials-i:not(:first-child){margin-left:10px}.socials-i:hover{background-color:rgba(255,255,255,0.4)}.socials-i:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:'';height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px}.socials-i_github:before{background-image:url("../images/socials/git.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_github:before{background-image:url("../images/socials/git@2x.png");background-size:contain}}.socials-i_telegram:before{background-image:url("../images/socials/telegram.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_telegram:before{background-image:url("../images/socials/telegram@2x.png");background-size:contain}}.socials-i_twitter:before{background-image:url("../images/socials/tw.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_twitter:before{background-image:url("../images/socials/tw@2x.png");background-size:contain}}.socials-i_poa:before{background-image:url("../images/socials/poa.png");height:20px;width:20px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_poa:before{background-image:url("../images/socials/poa@2x.png");background-size:contain}}.validators{text-align:left}.validators-i{margin-bottom:30px}@media (max-width: 414px){.validators-i{margin-bottom:20px}}.validators-i .confirmations{font-weight:normal;font-size:12px;padding-top:5px}.validators-header{border-bottom:1px solid #b8c1cb;font-size:16px;font-weight:700;line-height:20px;margin:0 0 20px;padding:20px 0}.validators-header--address{word-break:break-all}.validators-body{overflow:hidden}.validators-notary,.validators-license{width:48%;font-size:12px}@media (max-width: 414px){.validators-notary,.validators-license{float:none;width:100%}}.validators-title{margin:0 0 15px 0;font-size:14px;font-weight:700;text-align:left;color:#333}@media (max-width: 414px){.validators-title{margin:15px 0}}.validators-table{border:1px solid #b8c1cb}.validators-table-i{color:#333;display:flex;font-size:14px;justify-content:space-between;line-height:1.2;padding:20px 10px}.validators-table-i:not(:last-child){border-bottom:1px solid #b8c1cb}.validators-count{font-size:22px;line-height:1.2;margin-bottom:10px}.validators-count-val{font-weight:700} diff --git a/src/stylesheets/helpers/_placeholders.scss b/src/stylesheets/helpers/_placeholders.scss index 861b04b..0ddfad3 100644 --- a/src/stylesheets/helpers/_placeholders.scss +++ b/src/stylesheets/helpers/_placeholders.scss @@ -9,36 +9,36 @@ } %btn { - cursor: pointer; - transition: 0.3s background-color; - border-radius: 3px; - border: 0; - padding: 0 15px 0 32px; - background-color: #08b3f2; + background-color: $primary-color; + background-position: calc(100% - 15px) 50%; background-repeat: no-repeat; - background-position: left 15px center; + border-radius: 5px; + border: 0; color: #fff; - line-height: 36px; - font-size: 13px; + cursor: pointer; + font-size: 14px; + font-weight: bold; + line-height: 42px; + padding: 0 45px 0 15px; text-decoration: none; text-transform: uppercase; - font-weight: bold; + transition: 0.15s background-color; &:hover { - background-color: #20bdf7; + background-color: lighten($primary-color, 10%); } &-new { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAFVBMVEX///////////////////////////9nSIHRAAAABnRSTlMASUrk5udXTd49AAAAOUlEQVR42tXQsQEAIAgDQcAn+4+snRZxAK79KokrIcNBwgYdc0Migwxk8Qsd1TJWDf/KQWobqt+9G4coA99W7as5AAAAAElFTkSuQmCC); - background-size: 12px 12px; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/JJREFUeNrcmUtME1EUhv8ppVDegpaHgFTAN7FYRHwQ0agRFWNc6sIY3bjXsDO4VBMX6lpdaMTEBTFujK+Fr/AG4wutLxQxihGLwNCWGc8tt8mo2N6ZtlA8yZ8QMvfeb07PvefcM5KqqpgpZgpzfD3pEWmA5CEpJFUjhf9/gD9XH9ZqzLM6VUtqJsmqMZP5+Fq9a+t52EHqJPnUyJiPz+eINOw50ogaHRvh84fkkAQ2WCvJSZKiuHcYRDtpZbCHQsG6SMVTuOFfk0qMnAZTDQq+nksvbOs0gGqBW0Vhz/EYnU5zco6gMesgPSRZYyBhjZLWkLr+BdvJgWPFGGj5ZGFQSyoTmUEe8eJs/QNcPtWBvjdueGQfolRjlHGuvzzbTKoUmeFF+xecOHQbHo+CWTYrquvmw1lTgFx7KqzJFkiRPZFbSKv+hJVJCSKjW2/14vSR+1CVibES0eUUpaBy8zyUVeWiaHEmEpPMkYIdIyWyP+IaGhoC1dNW0dHvnn1D292PE3mH289BD152fMXb5wMY/Cr7vZuelQhzfLiFHczckQ8Cr79Lz2ivV2FFxaQV3IeXP9DncuPxwz4scuagYkM+SpbPhiUhLhxgxnc8AFuqZ6TiUxBsPykUHr09g+h/O4SnLf0EnY3qHXZ/eBj0dGnAxczSdMEqYjvf6xknL//Al96f6L7XB8e6PGzZuwi589L0bkI/n+nKmS6TBlqsRFL0HVMMeuDTMO5cdeHonhu4eLIN7u+y3riFKdEan6a3/FNVY2cT+0XkYQ9uXOrB4bpruH7+GcbHhV7cv6CJJlhh5CoUrkkmCa4n3/wJRti98rC3w1CpbNBSMywoWDALjup8VG0tRHKqRRx2eMjj5stL0WRNSbf4j7Cy1XkoX58H29xU3e4xHzy6il2XfaT4aHiWZbKFThul43wsrsiGrSAFcXG6jy+f9uhi3s0SZw1Na6KYZJDVO+1Y4LAhKycJ8RbDicGthX2lB1YKcUjal2Zi+74llAxs9PMnRCLlvtLCNpGqwj0N5hanoe7AMlRuKiQvmkK+lA5r0sIeJx0TrbrYTzzhYQr0BDOyC1NQs7sYa7fZ/Z6MsI1xvt8yV7doPZuVm4zMHCsy5iShYmMBQRZRTCZH67bQPVmvq1a0NTQ26lNbbr5XP/cOqVE2n7YnNmPvYMz281tlLNgo5/ln34C9SWN4CTViva9G7TU8WK+LdUQqphG2bbImXbDG3HT0uoI254KllhI+MCZAQ8EGgNumIIZVvk5J0GQkMBGLnQtRPCVG+fwrhfL8//ZNISa+1khh3qfqeQOilF+XzX/cOFReOLt5mdcUKEoM3dtm0hfGXwIMAC+6tL4wp5PYAAAAAElFTkSuQmCC'); + background-size: 18px 18px; } } %item { - margin-bottom: 30px; + background-color: #fff; border-radius: 5px; border: 1px solid #eee; - background-color: #fff; + margin-bottom: 30px; @media (max-width: $tablet-width) { margin-bottom: 20px;