diff --git a/build/css/ars-arsenal.css b/build/css/ars-arsenal.css index 691bd51..8b70c3e 100644 --- a/build/css/ars-arsenal.css +++ b/build/css/ars-arsenal.css @@ -1 +1 @@ -.ars .ars-button{position:relative}.ars .ars-button:after{border:3px solid transparent;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transition:.28s all;transition:.28s all;z-index:1000}.ars .ars-button:focus{outline:none}.ars .ars-button:focus:after{border-color:rgba(0,170,255,.34);box-shadow:0 1px 1px 2px rgba(0,0,0,.05);bottom:-8px;left:-8px;right:-8px;top:-8px}@-webkit-keyframes ars-dialog-fade{0%{opacity:0}100%{opacity:1}}@keyframes ars-dialog-fade{0%{opacity:0}100%{opacity:1}}.ars{box-sizing:border-box;font-family:Roboto,sans-serif;height:100%;text-align:left;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ars *,.ars *:after,.ars *:before{box-sizing:inherit}.ars button::-moz-focus-inner{border:0;padding:0}.ars-hidden{clip:rect(0,0,0,0)!important;position:absolute!important}.ars .focus-trap{-webkit-animation:.4s ars-dialog-fade;animation:.4s ars-dialog-fade;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:Roboto,sans-serif;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.ars .focus-trap-backdrop{background:rgba(0,0,0,.54);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ars .focus-trap-inner{background:#fafafa;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.24);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-height:100%;max-width:768px;position:relative;width:100%;z-index:1}@media screen and (max-width:768px){.ars .focus-trap-inner{background:#009688;color:#fff;height:100%}}.ars .ars-dialog-header{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ars .ars-dialog-title{color:rgba(0,0,0,.875);-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;font:500 20px/24px Roboto,sans-serif;padding:16px;margin:0}.ars .ars-dialog-footer{background:#fff;box-shadow:0 -1px 2px rgba(0,0,0,.12);-webkit-flex-basis:64px;-ms-flex-preferred-size:64px;flex-basis:64px;padding:8px;position:relative;text-align:right}.ars .ars-gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:432px;max-height:100%;max-width:100%;overflow-x:visible;overflow-y:auto;padding:6px 4px 2px;width:100%}.ars .ars-gallery-item{padding:2px 4px;width:33%}@media screen and (min-width:568px){.ars .ars-gallery-item{width:25%}}.ars .ars-fig{background:#fff;border-radius:2px;border:0;box-shadow:0 1px 2px rgba(0,0,0,.35);cursor:pointer;padding:100% 0 0;position:relative;-webkit-transition:.2s box-shadow;transition:.2s box-shadow;width:100%}.ars .ars-fig:before{border:0 solid transparent;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:.28s all;transition:.28s all;width:100%;z-index:3}.ars .ars-fig:hover,.ars .ars-fig:focus{box-shadow:0 1px 2px rgba(0,0,0,.25);outline:none}.ars .ars-fig:hover:before,.ars .ars-fig:focus:before{border:4px solid #cddc39}.ars .ars-fig.ars-fig-picked:before{border:4px solid gold}.ars .ars-fig-img{border-radius:2px;bottom:0;position:absolute;right:0}.ars .ars-fig-caption{background:rgba(0,0,0,.54);bottom:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;color:rgba(255,255,255,.875);font-family:Roboto,sans-serif;font-size:16px;font-weight:500;left:0;overflow:hidden;padding:8px;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:1}.ars .ars-fade-enter{opacity:.01;-webkit-transform:scale(.98)translateY(-5px);-ms-transform:scale(.98)translateY(-5px);transform:scale(.98)translateY(-5px);-webkit-transition:.48s all;transition:.48s all}.ars .ars-fade-enter.ars-fade-enter-active{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.ars .ars-fade-leave{opacity:1;-webkit-transition:.48s all;transition:.48s all}.ars .ars-fade-leave.ars-fade-leave-active{opacity:.01;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.ars .ars-img{-webkit-filter:brightness(1.25)saturate(.2);filter:brightness(1.25)saturate(.2);opacity:.1;-webkit-transition:2.5s all cubic-bezier(.01,.3,.12,.93);transition:2.5s all cubic-bezier(.01,.3,.12,.93);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ars .ars-img-loaded{-webkit-filter:none;filter:none;opacity:1}.ars .ars-search{background:#fff;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:8px 8px 4px;padding:8px 0}.ars .ars-search-label{clip:rect(0,0,0,0);position:absolute}.ars .ars-search-input{background:url('/icons/search.svg') 12px 50% no-repeat;border:0;font-size:16px;line-height:32px;padding:0 12px 0 40px;width:100%}.ars .ars-search-input:focus{outline:none}.ars .ars-search-input::-webkit-calendar-picker-indicator{display:none}.ars .ars-button{background:#fff;border-radius:3px;border:0;color:#009688;cursor:pointer;display:inline-block;font:500 14px/16px Roboto,sans-serif;letter-spacing:.05em;line-height:16px;margin:6px 8px;padding:10px 16px;text-align:center;text-shadow:none;text-transform:uppercase;width:auto}.ars .ars-button:hover,.ars .ars-button:focus{background:#fff}.ars .ars-button-raised{background:#009688;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 1px rgba(0,0,0,.2);color:#fff}.ars .ars-button-raised:hover,.ars .ars-button-raised:focus{background:#009688}.ars .ars-selection{border:1px solid #dfdfdf;box-shadow:0 1px 1px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.75);padding:0;margin:0;overflow:hidden;position:relative;min-height:48px;width:240px}.ars .ars-selection-photo{display:block;border-radius:2px}.ars .ars-selection-caption{background:rgba(255,255,255,.875);border-radius:3px;bottom:0;display:block;left:0;line-height:16px;padding:16px;position:absolute;right:0;width:100%}.ars .ars-selection-photo+.ars-selection-caption{border-radius:0}.ars .ars-error{background:#f44336;border-radius:2px;color:rgba(255,255,255,.875);font-size:14px;margin:16px 12px 0;padding:8px}.ars .ars-empty{margin:0;padding:8px} \ No newline at end of file +.ars .ars-button{position:relative}.ars .ars-button:after{border:3px solid transparent;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transition:.28s all;transition:.28s all;z-index:1000}.ars .ars-button:focus{outline:none}.ars .ars-button:focus:after{border-color:rgba(0,170,255,.34);box-shadow:0 1px 1px 2px rgba(0,0,0,.05);bottom:-8px;left:-8px;right:-8px;top:-8px}@-webkit-keyframes ars-dialog-fade{0%{opacity:0}100%{opacity:1}}@keyframes ars-dialog-fade{0%{opacity:0}100%{opacity:1}}.ars{box-sizing:border-box;font-family:Roboto,sans-serif;height:100%;text-align:left;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ars *,.ars *:after,.ars *:before{box-sizing:inherit}.ars button::-moz-focus-inner{border:0;padding:0}.ars-hidden{clip:rect(0,0,0,0)!important;position:absolute!important}.ars .focus-trap{-webkit-animation:.4s ars-dialog-fade;animation:.4s ars-dialog-fade;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:Roboto,sans-serif;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.ars .focus-trap-backdrop{background:rgba(0,0,0,.54);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ars .focus-trap-inner{background:#fafafa;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.24);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-height:100%;max-width:768px;position:relative;width:100%;z-index:1}@media screen and (max-width:768px){.ars .focus-trap-inner{background:#009688;color:#fff;height:100%}}.ars .ars-dialog-header{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ars .ars-dialog-title{color:rgba(0,0,0,.875);-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;font:500 20px/24px Roboto,sans-serif;padding:16px;margin:0}.ars .ars-dialog-footer{background:#fff;box-shadow:0 -1px 2px rgba(0,0,0,.12);-webkit-flex-basis:64px;-ms-flex-preferred-size:64px;flex-basis:64px;padding:8px;position:relative;text-align:right}.ars .ars-gallery{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:432px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-height:100%;max-width:100%;overflow-x:visible;overflow-y:auto;padding:6px 4px 2px;width:100%}.ars .ars-gallery-item{padding:2px 4px;width:33%}@media screen and (min-width:568px){.ars .ars-gallery-item{width:25%}}.ars .ars-fig{background:#fff;border-radius:2px;border:0;box-shadow:0 1px 2px rgba(0,0,0,.35);cursor:pointer;padding:100% 0 0;position:relative;-webkit-transition:.2s box-shadow;transition:.2s box-shadow;width:100%}.ars .ars-fig:before{border:0 solid transparent;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:.28s all;transition:.28s all;width:100%;z-index:3}.ars .ars-fig:hover,.ars .ars-fig:focus{box-shadow:0 1px 2px rgba(0,0,0,.25);outline:none}.ars .ars-fig:hover:before,.ars .ars-fig:focus:before{border:4px solid #cddc39}.ars .ars-fig.ars-fig-picked:before{border:4px solid gold}.ars .ars-fig-img{border-radius:2px;bottom:0;position:absolute;right:0}.ars .ars-fig-caption{background:rgba(0,0,0,.54);bottom:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;color:rgba(255,255,255,.875);font-family:Roboto,sans-serif;font-size:16px;font-weight:500;left:0;overflow:hidden;padding:8px;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:1}.ars .ars-fade-enter{opacity:.01;-webkit-transform:scale(.98)translateY(-5px);-ms-transform:scale(.98)translateY(-5px);transform:scale(.98)translateY(-5px);-webkit-transition:.48s all;transition:.48s all}.ars .ars-fade-enter.ars-fade-enter-active{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.ars .ars-fade-leave{opacity:1;-webkit-transition:.48s all;transition:.48s all}.ars .ars-fade-leave.ars-fade-leave-active{opacity:.01;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.ars .ars-img{-webkit-filter:brightness(1.25)saturate(.2);filter:brightness(1.25)saturate(.2);opacity:.1;-webkit-transition:2.5s all cubic-bezier(.01,.3,.12,.93);transition:2.5s all cubic-bezier(.01,.3,.12,.93);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.ars .ars-img-loaded{-webkit-filter:none;filter:none;opacity:1}.ars .ars-img-failed{height:25px;left:50%;margin:-25px 0 0 -12.5px;position:absolute;top:50%;width:25px}.ars .ars-search{background:#fff;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:8px 8px 4px;padding:8px 0}.ars .ars-search-label{clip:rect(0,0,0,0);position:absolute}.ars .ars-search-input{background:url('/icons/search.svg') 12px 50% no-repeat;border:0;font-size:16px;line-height:32px;padding:0 12px 0 40px;width:100%}.ars .ars-search-input:focus{outline:none}.ars .ars-search-input::-webkit-calendar-picker-indicator{display:none}.ars .ars-button{background:#fff;border-radius:3px;border:0;color:#009688;cursor:pointer;display:inline-block;font:500 14px/16px Roboto,sans-serif;letter-spacing:.05em;line-height:16px;margin:6px 8px;padding:10px 16px;text-align:center;text-shadow:none;text-transform:uppercase;width:auto}.ars .ars-button:hover,.ars .ars-button:focus{background:#fff}.ars .ars-button-raised{background:#009688;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 1px rgba(0,0,0,.2);color:#fff}.ars .ars-button-raised:hover,.ars .ars-button-raised:focus{background:#009688}.ars .ars-selection{border:1px solid #dfdfdf;box-shadow:0 1px 1px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.75);padding:0;margin:0;overflow:hidden;position:relative;min-height:48px;width:240px}.ars .ars-selection-photo{display:block;border-radius:2px}.ars .ars-selection-caption{background:rgba(255,255,255,.875);border-radius:3px;bottom:0;display:block;left:0;line-height:16px;padding:16px;position:absolute;right:0;width:100%}.ars .ars-selection-photo+.ars-selection-caption{border-radius:0}.ars .ars-error{background:#f44336;border-radius:2px;color:rgba(255,255,255,.875);font-size:14px;margin:16px 12px 0;padding:8px}.ars .ars-empty{margin:0;padding:8px} \ No newline at end of file diff --git a/package.json b/package.json index eae7dcd..a375603 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ars-arsenal", - "version": "0.1.0", + "version": "0.1.1", "description": "A gallery picker", "main": "build/js/ars-arsenal.js", "scripts": {