Skip to content

Instantly share code, notes, and snippets.

@plesiecki
Last active January 17, 2019 12:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save plesiecki/1398b8afeaa62def7675cf0a0b00b1f0 to your computer and use it in GitHub Desktop.
Save plesiecki/1398b8afeaa62def7675cf0a0b00b1f0 to your computer and use it in GitHub Desktop.
css
.b:after{content:""}.c:after{content:\a0}.e:after{position:absolute}.f:after{top:0}.g:after{left:0}.h:after{right:0}.i:after{bottom:0}.k:after{border:1px solid #ddd}.l:hover:after{border-color:#767676}.n:hover:after{border-width:2px}.t{border-top:0}.u{border-top:1px solid #ddd}.v{border-bottom:0}.w{border-bottom:1px solid #ddd}.x{border-right:0}.y{border-right:1px solid #ddd}.z{border-left:0}.B{border-left:1px solid #ddd}.C{border-bottom-left-radius:0}.D{border-bottom-left-radius:2px}.E{border-bottom-left-radius:8px}.G{border-bottom-right-radius:0}.H{border-bottom-right-radius:2px}.I{border-bottom-right-radius:8px}.K{border-top-left-radius:0}.L{border-top-left-radius:2px}.M{border-top-left-radius:8px}.O{border-top-right-radius:0}.P{border-top-right-radius:2px}.Q{border-top-right-radius:8px}.T{border-color:#ddd}.U{border-color:#ff5a00}.V{border-color:#c3c3c3}.W{border-color:#aaa}.Y{border-bottom-color:#e0211b}.bu{box-shadow:0 1px 0 0 #e0211b}.bv{box-shadow:inset 0 0 0 1px #aaa}.bx:hover{box-shadow:inset 0 0 0 2px #aaa}.bE{box-sizing:border-box}.bF{box-sizing:content-box}.bH{display:flex}.bI{display:block}.bK{display:inline-block}.bL{display:inline-flex}.bM{display:none}.bO{flex:1 1 auto}.bP{flex:0 0 none}.bR{align-items:flex-start}.bS{align-items:flex-end}.bT{align-items:center}.bU{align-items:baseline}.bV{align-items:stretch}.bW{align-self:flex-start}.bX{align-self:flex-end}.bY{align-self:center}.bZ{align-self:baseline}.cc{align-content:flex-start}.ch{justify-content:flex-start}.cj{justify-content:space-between}.ck{justify-content:center}.cl{justify-content:flex-end}.cm{flex-direction:row}.co{flex-direction:column}.cq{flex-wrap:wrap}.cr{flex-wrap:nowrap}.cB{flex-shrink:0}.cC{flex-shrink:1}.cD{flex-grow:0}.cE{flex-grow:1}.cF{position:absolute}.cG{position:fixed}.cH{position:static}.cJ{position:relative}.cK{top:0}.cL{top:4px}.cM{top:50%}.cN{left:0}.cQ{right:0}.cT{bottom:0}.cY{top:-11px}.cZ{left:11px}.db{padding-top:0}.dc{padding-top:4px}.dd{padding-top:8px}.de{padding-top:16px}.dg{padding-bottom:0}.dh{padding-bottom:4px}.di{padding-bottom:8px}.dj{padding-bottom:16px}.dl{padding-left:0}.dm{padding-left:4px}.dn{padding-left:8px}.do{padding-left:16px}.dp{padding-left:24px}.dq{padding-right:0}.dr{padding-right:4px}.ds{padding-right:8px}.dt{padding-right:16px}.dv{padding-top:10px}.dw{padding-bottom:10px}.dx{padding-left:28px}.dy{padding-left:2px}.dz{padding-right:2px}.dC{padding-right:40px}.dF{padding-top:2px}.dG{padding-bottom:2px}.dI{outline:none}.dM{z-index:0}.dO{z-index:1}.dU{z-index:2001}.dV{z-index:3000}.eb{z-index:4001}.en{width:40px}.eo{width:64px}.es{width:100%}.ew{min-width:0}.ex{min-width:8px}.ez{min-width:40px}.eF{max-width:0}.eN{max-width:100%}.eO{transform:translateY(0)}.eP{transform:translateY(-50%)}.eT{transform:rotate(90deg)}.eU{transform:rotate(-90deg)}.eV{transform:rotate(180deg)}.eX{background:none}.eZ{background-size:32px}.fc{background-size:contain}.fd{background-position:50%}.fi{background-repeat:no-repeat}.fl{background-image:url(/@metrum/placeholder/placeholder.svg)}.fm{background-image:url(/@metrum/list/dot.svg)}.fn{background-position-x:2px}.fo{background-position-y:9px}.fp{overflow:hidden}.fs{overflow-x:hidden}.ft{overflow-x:scroll}.fv{overflow-x:auto}.fw{overflow-y:hidden}.fx{overflow-y:scroll}.fB{visibility:hidden}.fD{opacity:.2}.fF{opacity:0}.fG{opacity:1}.fH{opacity:.5}.fK{font-family:Open Sans,sans-serif}.fL{font-family:Roboto}.fN{letter-spacing:0}.fO{letter-spacing:2px}.fQ{line-height:1}.fR{line-height:40px}.fS{line-height:1.25}.fT{line-height:1.3}.fU{line-height:21px}.fV{line-height:16px}.fW{line-height:normal}.fY{text-decoration:none}.gb{text-decoration:line-through}.ge{text-indent:120vw}.gh{text-overflow:ellipsis}.gj{text-transform:uppercase}.gl{text-transform:capitalize}.gn{font-size:12px}.go{font-size:13px}.gp{font-size:14px}.gr{font-style:normal}.gv{font-weight:400}.gw{font-weight:500}.gx{font-weight:600}.gy{white-space:normal}.gz{white-space:nowrap}.gB{text-align:left}.gC{text-align:center}.gD{text-align:right}.gG{list-style:none}.gH{font-size:30px}.gI{font-size:25px}.gH{font-size:27px}.gI{font-size:21px}.gM{cursor:pointer}.gN{cursor:inherit}.gO{cursor:default}.gP{pointer-events:none}.gQ{pointer-events:auto}.gR{vertical-align:middle}.gS{vertical-align:top}.gT{filter:url(#m-color-filter-black)}.gV{filter:url(#m-color-filter-white)}.gX{filter:url(#m-color-filter-teal)}.hb{color:#e0211b}.hc{color:#ff5a00}.hd{color:#222}.hf{color:#1bb826}.hg{color:#00a790}.hj{color:#767676}.hl{color:#ddd}.hm{color:#fff}.ho{color:#3a4e58}.hC{color:#c3c3c3}.hE{color:#909090}.hF{color:#767676}.hJ{color:#333}.iz{color:#e0211b}.iH{color:#54cab6}.iY{background-color:#ff5a00}.jf{background-color:#fac314}.jj{background-color:#fff}.jl{background-color:#3a4e58}.jm{background-color:transparent}.jy{background-color:#c3c3c3}.jQ{background-color:#eceff1}.kW{font-size:23px}.kX{font-size:21px}.kY{font-size:19px}.kZ{font-size:16px}.lb{height:0}.lg{height:40px}.lk{height:100%}.ll{height:auto}.lp{min-height:40px}.lx{margin-top:0}.ly{margin-top:4px}.lz{margin-top:8px}.lB{margin-top:16px}.lC{margin-top:24px}.lD{margin-top:32px}.lE{margin-bottom:0}.lF{margin-bottom:4px}.lG{margin-bottom:8px}.lH{margin-bottom:16px}.lI{margin-bottom:24px}.lJ{margin-bottom:32px}.lK{margin-left:0}.lL{margin-left:4px}.lM{margin-left:8px}.lN{margin-left:16px}.lQ{margin-right:0}.lR{margin-right:4px}.lS{margin-right:8px}.lT{margin-right:16px}.lV{margin-right:32px}.lW{margin-top:12px}.lZ{margin-left:auto}.mb{margin-right:auto}.me{margin-bottom:-16px}.mh{margin-bottom:12px}.mS{flex-basis:50%}.mY{flex-basis:100%}@keyframes m-spinner-keyframe{to{transform:rotate(1turn)}}.Pv:before{content:"";display:block;border:3px solid transparent;border-top-color:#ff5a00;border-radius:50%;width:100%;height:100%;box-sizing:inherit;animation:m-spinner-keyframe 1s cubic-bezier(.62,.16,.38,.84) infinite}.PR{appearance:none;-webkit-tap-highlight-color:transparent}.PR::-moz-focus-inner{border-style:none;padding:0}.PR:active,.PR:hover,.PR:link,.PR:visited{outline:0;text-decoration:none}.PR:disabled{color:#c3c3c3;pointer-events:none}.PS:active,.PS:focus,.PS:hover,.PS:link,.PS:visited{color:#fff}.PS:focus,.PS:hover{background:#ff7b33}.PS:active{background:#ff9c66}.PS:disabled{background:#ddd}.PT:link,.PT:visited{color:#00a790}.PT:focus,.PT:hover{color:#2ab9a3}.PT:active{background:#fff;opacity:.3}.Pd{-webkit-tap-highlight-color:transparent}.Pe:visited{color:#006456}.Pe:visited:hover{color:#00a790}.Pe:visited:active{color:#2ab9a3}.Pe:hover{color:#54cab6}.Pe:active{color:#7fdcca}.Pf:visited,.Pf:visited:hover{color:#00a790}.Pf:hover,.Pf:visited:active{color:#54cab6}.Pf:active{color:#7fdcca}.Pg:visited{color:#00a790}.Pg:visited:hover{color:#54cab6}.Pg:visited:active{color:#7fdcca}.Pg:active,.Pg:hover{color:#a9eddd}.Ph:visited{color:#222}.Ph:visited:hover{color:#54cab6}.Ph:visited:active{color:#7fdcca}.Ph:hover{color:#54cab6}.Ph:active{color:#7fdcca}.Pj:active,.Pj:hover,.Pj:visited,.Pj:visited:active,.Pj:visited:hover{color:#ff5a00}.SQ{-webkit-tap-highlight-color:transparent}.Tk{background-image:url(/@metrum/icon/arrow.svg)}.Tl{background-image:url(/@metrum/icon/arrowhead.svg)}.Tr{background-image:url(/@metrum/icon/bag.svg)}.Ts{background-image:url(/@metrum/icon/close.svg)}.Tz{background-image:url(/@metrum/icon/external-link.svg)}.TK{background-image:url(/@metrum/icon/mail.svg)}.TM{background-image:url(/@metrum/icon/menu.svg)}.TN{background-image:url(/@metrum/icon/minus.svg)}.TV{background-image:url(/@metrum/icon/plus.svg)}.TX{background-image:url(/@metrum/icon/search.svg)}.Ub{background-image:url(/@metrum/icon/star-hollow.svg)}.Uc{background-image:url(/@metrum/icon/star.svg)}.Un{background-image:url(/@metrum/icon/user.svg)}.Uw{background-image:url(/@metrum/icon/free-delivery.svg)}.Ux{background-image:url(/@metrum/icon/free-return.svg)}.UD{background-image:url(/@metrum/icon/coins1.svg)}.UE{background-image:url(/@metrum/icon/coins2.svg)}.UF{background-image:url(/@metrum/icon/coins3.svg)}.UK{background-image:url(/@metrum/icon/super-seller.svg)}.Qh{appearance:none}.Qh::placeholder{color:#767676;opacity:1}.Qh:disabled{border-color:#c3c3c3;color:#c3c3c3;pointer-events:none}.Qi{-moz-appearance:textfield}.Qi::-webkit-inner-spin-button,.Qi::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Rx:not(:last-child):after{content:"-";margin:0 8px}.SE{user-select:none;-webkit-tap-highlight-color:transparent}.SE:active{background-color:#fff;opacity:.3}.SI{transition:transform .2s}.ber{-webkit-tap-highlight-color:transparent}.ber:active{background-color:#fff;opacity:.3;border-radius:2px}.ber:before{content:"";display:inline-block;vertical-align:top;min-width:20px;height:20px;margin-right:8px;margin-left:-28px;border:1px solid #aaa;border-radius:2px;transition:border-color .3s}.beq:hover+.ber:before,.ber:hover:before{border-color:#767676}.beq+.ber:hover:before,.beq:checked+.ber:before,.beq:hover+.ber:before{border-width:2px}.beq+.ber:after{content:"";display:inline-block;position:absolute;background:transparent;transform-origin:top left}.beu+.ber:after{width:0;height:6px;border:0;left:4px;top:21px;transform:rotate(-45deg);transition:transform .2s ease,height .2s ease,width .1s ease}.beu:checked+.ber:after{width:12px;border-left:2px solid #1bb826;border-bottom:2px solid #1bb826}.beu:indeterminate:not(.bev)+.ber:after{transform:rotate(0) translateY(-1px);height:2px}.beq:checked+.ber:before{border-color:#1bb826}.bev:checked+.ber:after,.bev:checked+.ber:before{border-color:#ff5a00;border-width:2px}.beq:disabled,.beq:disabled+.ber{pointer-events:none}.beq:disabled+.ber{color:#c3c3c3}.beq:disabled+.ber:after,.beq:disabled+.ber:before{border-color:#c3c3c3}.beH{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.beH:focus,.beH:hover{border-color:#767676;box-shadow:0 0 0 1px #767676}.beH::placeholder{color:transparent}.beN:focus,.beN:hover{border-color:#767676;box-shadow:0 0 0 1px #767676}.beN:disabled{border-color:#c3c3c3;box-shadow:none}.beH:placeholder-shown+.beP{font-size:14px;color:#767676;cursor:text;transform:translateY(21px)}.beH:placeholder-shown:not(:-webkit-autofill):not(:focus)+.beP{font-size:14px;color:#767676;cursor:text;transform:translateY(21px)}.beP{max-width:calc(100% - 19px);user-select:none;transition:transform .2s ease-in-out,font-size .2s ease-in-out}.beH:focus+.beP{transform:translateY(0);font-size:13px}.beH:disabled+.beP{color:#c3c3c3;pointer-events:none;border-color:#c3c3c3;box-shadow:none}.bcz:hover .bcB{box-shadow:inset 0 0 0 2px #767676}.bcz:hover .bcC:after{border-bottom:0}.bcC:after{content:"";position:absolute;bottom:0;left:1px;right:1px}.bcD{background-image:linear-gradient(180deg,transparent 0,transparent 6px,#fff 0,#fff 14px,transparent 0);max-width:calc(100% - 15px);left:7px;top:-9px}.bcB{;appearance:none}.bcB:focus{box-shadow:inset 0 0 0 2px #767676}.bcE{transition:transform .25s}.bcJ .bcC:after{border-bottom:0}.WI .WF{pointer-events:none;box-shadow:inset 0 0 0 1px #c3c3c3}.WI .WH{color:#c3c3c3}.WI .WJ{opacity:.6}.WF{transition:all .2s ease-in-out;-webkit-tap-highlight-color:transparent}.WF:active{background-color:#fff;opacity:.6}.OL{text-size-adjust:100%}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(https://assets.allegrostatic.com/opbox-skins/fonts/roboto-v16-latin_latin-ext-300-05fbf27529.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(https://assets.allegrostatic.com/opbox-skins/fonts/roboto-v16-latin_latin-ext-regular-433741f3b6.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(https://assets.allegrostatic.com/opbox-skins/fonts/roboto-v16-latin_latin-ext-500-fb4d32d28d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(https://assets.allegrostatic.com/opbox-skins/fonts/roboto-v16-latin_latin-ext-700-45ec364dff.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://assets.allegrostatic.com/opbox-skins/fonts/open-sans-v14-latin_latin-ext-300-009bbc68b3.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://assets.allegrostatic.com/opbox-skins/fonts/open-sans-v14-latin_latin-ext-regular-ac497cd0d2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://assets.allegrostatic.com/opbox-skins/fonts/open-sans-v14-latin_latin-ext-600-9ccfcd0766.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://assets.allegrostatic.com/opbox-skins/fonts/open-sans-v14-latin_latin-ext-700-ab595f1903.woff2) format("woff2")}.NO{max-width:812px}.NQ{width:20px}.NR{width:80px}.NS{width:128px}.NT{height:12px}.NU{height:16px}.NV{height:20px}.NW{height:80px}.NX{height:220px}.Ob{margin-top:-1px}.Oc{margin-left:48px}.Od{margin-top:auto}.Og{min-height:100vh}.Oh{max-height:100%}.Oi{min-width:200px}.Oj{text-align:inherit}.Oo{transition:opacity .2s ease}.Op{-webkit-tap-highlight-color:transparent}.Oq{-webkit-overflow-scrolling:touch}.Or{overflow-wrap:break-word}.Os{transition-duration:.25s}.Ot{transition-timing-function:ease-in-out}.Ou{transition-property:opacity}.Ov{transition-property:margin-left}.Oy{letter-spacing:1px}.Oz{vertical-align:text-bottom}.OB{border-width:2px}.OC{background-position-y:center}.OD{background-position-x:center}.OF{display:table}.OG{transform:translateZ(0)}.OH{top:100%}.OI{bottom:-36px}.OK{background-size:auto}body{margin:0}.main-wrapper{-webkit-overflow-scrolling:touch}.bbg{margin-left:-13px}.Vt{width:20px}.Vu{width:30px}.Vv{width:40px}.VF{transform:rotate(-135deg)}.PK{height:28px;width:80px}.Re{box-shadow:0 0 10px #fff}.bdM{background-position:50% 50%;left:50%;transform:translate(-50%,-50%)}.Zi{width:100px;filter:url(#m-color-filter-yellow)}.PI{right:120vw}.Qs{top:23px}.Qp{flex-basis:55%}.Qp::-webkit-search-cancel-button,.Qp::-webkit-search-decoration{-webkit-appearance:none}.Qq{margin-left:-1px}.Sh{margin-left:-25px;margin-right:-25px}.bck.bcl{filter:blur(4px)}.bcj:not(.bck){background-size:220px;height:220px}.bcm{height:80px}.bcf{transform:translateY(-50%) rotate(180deg)}.bbW .bcb{height:calc(100vh - 100px)}.bbW .bcm{display:block}.bbW .bcn{display:none}.bco:last-child{margin-right:0}.bcd:hover{border-color:#767676}.bbZ:hover .bch,.bcq:hover .bch{opacity:.8}.bcq,.bcw{height:calc(100% + 20px)}.bcy{top:-120%}.bcx{border-color:transparent;padding:0 50px}.Wy{flex-basis:40%}.VP{margin-top:-2px}.bbm{margin-left:-16px;margin-right:-16px}.bbn{background:#ecf4f9}.bbp{flex-basis:128px}.bbr{max-width:calc(100% - 136px)}.bbh:first-child{margin-top:0}[id=user_field]{min-width:0}.bdU{max-height:18px;max-width:56px}.bdR{line-height:17px}.beb{vertical-align:bottom}.bef{color:#516391}.beg{color:#b52c33}.bei{color:#0960ad}.bej{color:#94bc23}.bfh{margin-top:2px}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment