@transferwise/neptune-css 0.0.0-experimental-d672ed6 → 0.0.0-experimental-0e8eafd

package/dist/css/utilities.css

@@ -1 +1 @@
-.center-block{display:block;margin-left:auto;margin-right:auto}.align-items-start{align-items:flex-start}@media (min-width:576px){.align-items-start--sm{align-items:flex-start}}@media (min-width:768px){.align-items-start--md{align-items:flex-start}}@media (min-width:992px){.align-items-start--lg{align-items:flex-start}}@media (min-width:1200px){.align-items-start--xl{align-items:flex-start}}.align-items-end{align-items:flex-end}@media (min-width:576px){.align-items-end--sm{align-items:flex-end}}@media (min-width:768px){.align-items-end--md{align-items:flex-end}}@media (min-width:992px){.align-items-end--lg{align-items:flex-end}}@media (min-width:1200px){.align-items-end--xl{align-items:flex-end}}.align-items-center{align-items:center}@media (min-width:576px){.align-items-center--sm{align-items:center}}@media (min-width:768px){.align-items-center--md{align-items:center}}@media (min-width:992px){.align-items-center--lg{align-items:center}}@media (min-width:1200px){.align-items-center--xl{align-items:center}}.align-items-baseline{align-items:baseline}@media (min-width:576px){.align-items-baseline--sm{align-items:baseline}}@media (min-width:768px){.align-items-baseline--md{align-items:baseline}}@media (min-width:992px){.align-items-baseline--lg{align-items:baseline}}@media (min-width:1200px){.align-items-baseline--xl{align-items:baseline}}.align-items-stretch{align-items:stretch}@media (min-width:576px){.align-items-stretch--sm{align-items:stretch}}@media (min-width:768px){.align-items-stretch--md{align-items:stretch}}@media (min-width:992px){.align-items-stretch--lg{align-items:stretch}}@media (min-width:1200px){.align-items-stretch--xl{align-items:stretch}}.align-self-start{align-self:flex-start}@media (min-width:576px){.align-self-start--sm{align-self:flex-start}}@media (min-width:768px){.align-self-start--md{align-self:flex-start}}@media (min-width:992px){.align-self-start--lg{align-self:flex-start}}@media (min-width:1200px){.align-self-start--xl{align-self:flex-start}}.align-self-end{align-self:flex-end}@media (min-width:576px){.align-self-end--sm{align-self:flex-end}}@media (min-width:768px){.align-self-end--md{align-self:flex-end}}@media (min-width:992px){.align-self-end--lg{align-self:flex-end}}@media (min-width:1200px){.align-self-end--xl{align-self:flex-end}}.align-self-center{align-self:center}@media (min-width:576px){.align-self-center--sm{align-self:center}}@media (min-width:768px){.align-self-center--md{align-self:center}}@media (min-width:992px){.align-self-center--lg{align-self:center}}@media (min-width:1200px){.align-self-center--xl{align-self:center}}.align-self-stretch{align-self:stretch}@media (min-width:576px){.align-self-stretch--sm{align-self:stretch}}@media (min-width:768px){.align-self-stretch--md{align-self:stretch}}@media (min-width:992px){.align-self-stretch--lg{align-self:stretch}}@media (min-width:1200px){.align-self-stretch--xl{align-self:stretch}}.align-self-baseline{align-self:baseline}@media (min-width:576px){.align-self-baseline--sm{align-self:baseline}}@media (min-width:768px){.align-self-baseline--md{align-self:baseline}}@media (min-width:992px){.align-self-baseline--lg{align-self:baseline}}@media (min-width:1200px){.align-self-baseline--xl{align-self:baseline}}.rounded-sm{border-radius:2px}.img-rounded{border-radius:10px;border-radius:var(--radius-small)}.img-circle{border-radius:9999px;border-radius:var(--radius-full)}.text-primary{color:#37517e!important;color:var(--color-content-primary)!important}.bg-primary .text-primary{color:#fff!important}.text-secondary{color:#5d7079!important;color:var(--color-content-secondary)!important}.text-muted{color:#768e9c!important;color:var(--color-content-tertiary)!important}.text-accent,.text-info{color:var(--color-interactive-primary)!important}.bg-primary .text-accent,.bg-primary .text-info{color:#00b9ff!important}.text-danger,.text-negative{color:var(--color-sentiment-negative)!important}.bg-primary .text-danger,.bg-primary .text-negative{color:#ffa6a9!important}.text-positive,.text-success{color:var(--color-sentiment-positive)!important}.bg-primary .text-positive,.bg-primary .text-success{color:#6fd698!important}.text-warning{color:var(--color-sentiment-warning)!important}.bg-primary .text-warning{color:#ffd184!important}.text-inverse{color:#fff!important}a.text-inverse:focus,a.text-inverse:hover{color:#c9cbce!important}.clickable{cursor:pointer}.d-block,.show{display:block!important}.d-inline-block{display:inline-block!important}.d-inline{display:inline}.d-flex{display:flex}@media (min-width:576px){.d-flex--sm{display:flex}}@media (min-width:768px){.d-flex--md{display:flex}}@media (min-width:992px){.d-flex--lg{display:flex}}@media (min-width:1200px){.d-flex--xl{display:flex}}.d-inline-flex{display:inline-flex}@media (min-width:576px){.d-inline-flex--sm{display:inline-flex}}@media (min-width:768px){.d-inline-flex--md{display:inline-flex}}@media (min-width:992px){.d-inline-flex--lg{display:inline-flex}}@media (min-width:1200px){.d-inline-flex--xl{display:inline-flex}}.hidden,.hide{display:none!important}@media not all and (min-width:576px){.hidden-xs{display:none!important}}@media (min-width:576px) and not all and (min-width:768px){.hidden-sm{display:none!important}}@media (min-width:768px) and not all and (min-width:992px){.hidden-md{display:none!important}}@media (min-width:992px) and not all and (min-width:1200px){.hidden-lg{display:none!important}}@media (min-width:1200px){.hidden-xl{display:none!important}}.visible-xs{display:none!important}@media not all and (min-width:576px){.visible-xs{display:block!important}}.visible-sm{display:none!important}@media (min-width:576px) and not all and (min-width:768px){.visible-sm{display:block!important}}.visible-md{display:none!important}@media (min-width:768px) and not all and (min-width:992px){.visible-md{display:block!important}}.visible-lg{display:none!important}@media (min-width:992px) and not all and (min-width:1200px){.visible-lg{display:block!important}}.visible-xl{display:none!important}@media (min-width:1200px){.visible-xl{display:block!important}}.visible-xs-block{display:none!important}@media not all and (min-width:576px){.visible-xs-block{display:block!important}}.visible-sm-block{display:none!important}@media (min-width:576px) and not all and (min-width:768px){.visible-sm-block{display:block!important}}.visible-md-block{display:none!important}@media (min-width:768px) and not all and (min-width:992px){.visible-md-block{display:block!important}}.visible-lg-block{display:none!important}@media (min-width:992px) and not all and (min-width:1200px){.visible-lg-block{display:block!important}}.visible-xl-block{display:none!important}@media (min-width:1200px){.visible-xl-block{display:block!important}}.visible-xs-inline{display:none!important}@media not all and (min-width:576px){.visible-xs-inline{display:inline!important}}.visible-sm-inline{display:none!important}@media (min-width:576px) and not all and (min-width:768px){.visible-sm-inline{display:inline!important}}.visible-md-inline{display:none!important}@media (min-width:768px) and not all and (min-width:992px){.visible-md-inline{display:inline!important}}.visible-lg-inline{display:none!important}@media (min-width:992px) and not all and (min-width:1200px){.visible-lg-inline{display:inline!important}}.visible-xl-inline{display:none!important}@media (min-width:1200px){.visible-xl-inline{display:inline!important}}.visible-xs-inline-block{display:none!important}@media not all and (min-width:576px){.visible-xs-inline-block{display:inline-block!important}}.visible-sm-inline-block{display:none!important}@media (min-width:576px) and not all and (min-width:768px){.visible-sm-inline-block{display:inline-block!important}}.visible-md-inline-block{display:none!important}@media (min-width:768px) and not all and (min-width:992px){.visible-md-inline-block{display:inline-block!important}}.visible-lg-inline-block{display:none!important}@media (min-width:992px) and not all and (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}.visible-xl-inline-block{display:none!important}@media (min-width:1200px){.visible-xl-inline-block{display:inline-block!important}}.flex-row{flex-direction:row}@media (min-width:576px){.flex-row--sm{flex-direction:row}}@media (min-width:768px){.flex-row--md{flex-direction:row}}@media (min-width:992px){.flex-row--lg{flex-direction:row}}@media (min-width:1200px){.flex-row--xl{flex-direction:row}}.flex-column{flex-direction:column}@media (min-width:576px){.flex-column--sm{flex-direction:column}}@media (min-width:768px){.flex-column--md{flex-direction:column}}@media (min-width:992px){.flex-column--lg{flex-direction:column}}@media (min-width:1200px){.flex-column--xl{flex-direction:column}}.flex-grow-1{flex-grow:1}@media (min-width:576px){.flex-grow-1--sm{flex-grow:1}}@media (min-width:768px){.flex-grow-1--md{flex-grow:1}}@media (min-width:992px){.flex-grow-1--lg{flex-grow:1}}@media (min-width:1200px){.flex-grow-1--xl{flex-grow:1}}.flex-wrap{flex-wrap:wrap}@media (min-width:576px){.flex-wrap--sm{flex-wrap:wrap}}@media (min-width:768px){.flex-wrap--md{flex-wrap:wrap}}@media (min-width:992px){.flex-wrap--lg{flex-wrap:wrap}}@media (min-width:1200px){.flex-wrap--xl{flex-wrap:wrap}}.flex-nowrap{flex-wrap:nowrap}@media (min-width:576px){.flex-nowrap--sm{flex-wrap:nowrap}}@media (min-width:768px){.flex-nowrap--md{flex-wrap:nowrap}}@media (min-width:992px){.flex-nowrap--lg{flex-wrap:nowrap}}@media (min-width:1200px){.flex-nowrap--xl{flex-wrap:nowrap}}.pull-left,.pull-xs-left{float:inline-start!important}@media (min-width:576px){.pull-sm-left{float:inline-start!important}}@media (min-width:768px){.pull-md-left{float:inline-start!important}}@media (min-width:992px){.pull-lg-left{float:inline-start!important}}@media (min-width:1200px){.pull-xl-left{float:inline-start!important}}.pull-right,.pull-xs-right{float:inline-end!important}@media (min-width:576px){.pull-sm-right{float:inline-end!important}}@media (min-width:768px){.pull-md-right{float:inline-end!important}}@media (min-width:992px){.pull-lg-right{float:inline-end!important}}@media (min-width:1200px){.pull-xl-right{float:inline-end!important}}.pull-right-single-direction{float:right!important}.pull-left-single-direction{float:left!important}.pull-xs-none{float:none!important}@media (min-width:576px){.pull-sm-none{float:none!important}}@media (min-width:768px){.pull-md-none{float:none!important}}@media (min-width:992px){.pull-lg-none{float:none!important}}@media (min-width:1200px){.pull-xl-none{float:none!important}}.font-italic{font-style:italic!important}.font-weight-normal{font-weight:400!important;font-weight:var(--font-weight-regular)!important}.font-weight-semi-bold{font-weight:600!important;font-weight:var(--font-weight-semi-bold)!important}.font-weight-bold{font-weight:800!important;font-weight:var(--font-weight-bold)!important}.gap-y-1{row-gap:8px;row-gap:var(--size-8)}.justify-content-start{justify-content:flex-start}@media (min-width:576px){.justify-content-start--sm{justify-content:flex-start}}@media (min-width:768px){.justify-content-start--md{justify-content:flex-start}}@media (min-width:992px){.justify-content-start--lg{justify-content:flex-start}}@media (min-width:1200px){.justify-content-start--xl{justify-content:flex-start}}.justify-content-end{justify-content:flex-end}@media (min-width:576px){.justify-content-end--sm{justify-content:flex-end}}@media (min-width:768px){.justify-content-end--md{justify-content:flex-end}}@media (min-width:992px){.justify-content-end--lg{justify-content:flex-end}}@media (min-width:1200px){.justify-content-end--xl{justify-content:flex-end}}.justify-content-center{justify-content:center}@media (min-width:576px){.justify-content-center--sm{justify-content:center}}@media (min-width:768px){.justify-content-center--md{justify-content:center}}@media (min-width:992px){.justify-content-center--lg{justify-content:center}}@media (min-width:1200px){.justify-content-center--xl{justify-content:center}}.justify-content-between{justify-content:space-between}@media (min-width:576px){.justify-content-between--sm{justify-content:space-between}}@media (min-width:768px){.justify-content-between--md{justify-content:space-between}}@media (min-width:992px){.justify-content-between--lg{justify-content:space-between}}@media (min-width:1200px){.justify-content-between--xl{justify-content:space-between}}.justify-content-around{justify-content:space-around}@media (min-width:576px){.justify-content-around--sm{justify-content:space-around}}@media (min-width:768px){.justify-content-around--md{justify-content:space-around}}@media (min-width:992px){.justify-content-around--lg{justify-content:space-around}}@media (min-width:1200px){.justify-content-around--xl{justify-content:space-around}}.m-a-0{margin:0!important}.m-a-1{margin:8px!important;margin:var(--size-8)!important}.m-a-2{margin:16px!important;margin:var(--size-16)!important}.m-a-3{margin:24px!important;margin:var(--size-24)!important}.m-a-4{margin:32px!important;margin:var(--size-32)!important}.m-a-5{margin:40px!important;margin:var(--size-40)!important}.m-x-0{margin-left:0!important;margin-right:0!important}.m-x-1{margin-left:8px!important;margin-left:var(--size-8)!important;margin-right:8px!important;margin-right:var(--size-8)!important}.m-x-2{margin-left:16px!important;margin-left:var(--size-16)!important;margin-right:16px!important;margin-right:var(--size-16)!important}.m-x-3{margin-left:24px!important;margin-left:var(--size-24)!important;margin-right:24px!important;margin-right:var(--size-24)!important}.m-x-4{margin-left:32px!important;margin-left:var(--size-32)!important;margin-right:32px!important;margin-right:var(--size-32)!important}.m-x-5{margin-left:40px!important;margin-left:var(--size-40)!important;margin-right:40px!important;margin-right:var(--size-40)!important}.m-x-auto{margin-left:auto!important;margin-right:auto!important}.m-y-0{margin-bottom:0!important;margin-top:0!important}.m-y-1{margin-bottom:8px!important;margin-bottom:var(--size-8)!important;margin-top:8px!important;margin-top:var(--size-8)!important}.m-y-2{margin-bottom:16px!important;margin-bottom:var(--size-16)!important;margin-top:16px!important;margin-top:var(--size-16)!important}.m-y-3{margin-bottom:24px!important;margin-bottom:var(--size-24)!important;margin-top:24px!important;margin-top:var(--size-24)!important}.m-y-4{margin-bottom:32px!important;margin-bottom:var(--size-32)!important;margin-top:32px!important;margin-top:var(--size-32)!important}.m-y-5{margin-bottom:40px!important;margin-bottom:var(--size-40)!important;margin-top:40px!important;margin-top:var(--size-40)!important}.m-l-0{margin-inline-start:0!important}.m-l-1{margin-inline-start:8px!important;margin-inline-start:var(--size-8)!important}.m-l-2{margin-inline-start:16px!important;margin-inline-start:var(--size-16)!important}.m-l-3{margin-inline-start:24px!important;margin-inline-start:var(--size-24)!important}.m-l-4{margin-inline-start:32px!important;margin-inline-start:var(--size-32)!important}.m-l-5{margin-inline-start:40px!important;margin-inline-start:var(--size-40)!important}.m-l-auto{margin-inline-start:auto!important}.m-r-0{margin-inline-end:0!important}.m-r-1{margin-inline-end:8px!important;margin-inline-end:var(--size-8)!important}.m-r-2{margin-inline-end:16px!important;margin-inline-end:var(--size-16)!important}.m-r-3{margin-inline-end:24px!important;margin-inline-end:var(--size-24)!important}.m-r-4{margin-inline-end:32px!important;margin-inline-end:var(--size-32)!important}.m-r-5{margin-inline-end:40px!important;margin-inline-end:var(--size-40)!important}.m-r-auto{margin-inline-end:auto!important}.m-t-0{margin-top:0!important}.m-t-1{margin-top:8px!important;margin-top:var(--size-8)!important}.m-t-2{margin-top:16px!important;margin-top:var(--size-16)!important}.m-t-3{margin-top:24px!important;margin-top:var(--size-24)!important}.m-t-4{margin-top:32px!important;margin-top:var(--size-32)!important}.m-t-5{margin-top:40px!important;margin-top:var(--size-40)!important}.m-b-0{margin-bottom:0!important}.m-b-1{margin-bottom:8px!important;margin-bottom:var(--size-8)!important}.m-b-2{margin-bottom:16px!important;margin-bottom:var(--size-16)!important}.m-b-3{margin-bottom:24px!important;margin-bottom:var(--size-24)!important}.m-b-4{margin-bottom:32px!important;margin-bottom:var(--size-32)!important}.m-b-5{margin-bottom:40px!important;margin-bottom:var(--size-40)!important}.text-max-width{max-width:600px}.order-1{order:1}@media (min-width:576px){.order-1--sm{order:1}}@media (min-width:768px){.order-1--md{order:1}}@media (min-width:992px){.order-1--lg{order:1}}@media (min-width:1200px){.order-1--xl{order:1}}.order-2{order:2}@media (min-width:576px){.order-2--sm{order:2}}@media (min-width:768px){.order-2--md{order:2}}@media (min-width:992px){.order-2--lg{order:2}}@media (min-width:1200px){.order-2--xl{order:2}}.order-3{order:3}@media (min-width:576px){.order-3--sm{order:3}}@media (min-width:768px){.order-3--md{order:3}}@media (min-width:992px){.order-3--lg{order:3}}@media (min-width:1200px){.order-3--xl{order:3}}.order-0{order:0}@media (min-width:576px){.order-0--sm{order:0}}@media (min-width:768px){.order-0--md{order:0}}@media (min-width:992px){.order-0--lg{order:0}}@media (min-width:1200px){.order-0--xl{order:0}}.outline-none{outline:none}.text-word-break{overflow-wrap:break-word}.p-a-0{padding:0!important}.p-a-1{padding:8px!important;padding:var(--size-8)!important}.p-a-2{padding:16px!important;padding:var(--size-16)!important}.p-a-3{padding:24px!important;padding:var(--size-24)!important}.p-a-4{padding:32px!important;padding:var(--size-32)!important}.p-a-5{padding:40px!important;padding:var(--size-40)!important}.p-x-0{padding-left:0!important;padding-right:0!important}.p-x-1{padding-left:8px!important;padding-left:var(--size-8)!important;padding-right:8px!important;padding-right:var(--size-8)!important}.p-x-2{padding-left:16px!important;padding-left:var(--size-16)!important;padding-right:16px!important;padding-right:var(--size-16)!important}.p-x-3{padding-left:24px!important;padding-left:var(--size-24)!important;padding-right:24px!important;padding-right:var(--size-24)!important}.p-x-4{padding-left:32px!important;padding-left:var(--size-32)!important;padding-right:32px!important;padding-right:var(--size-32)!important}.p-x-5{padding-left:40px!important;padding-left:var(--size-40)!important;padding-right:40px!important;padding-right:var(--size-40)!important}.p-y-0{padding-bottom:0!important;padding-top:0!important}.p-y-1{padding-bottom:8px!important;padding-bottom:var(--size-8)!important;padding-top:8px!important;padding-top:var(--size-8)!important}.p-y-2{padding-bottom:16px!important;padding-bottom:var(--size-16)!important;padding-top:16px!important;padding-top:var(--size-16)!important}.p-y-3{padding-bottom:24px!important;padding-bottom:var(--size-24)!important;padding-top:24px!important;padding-top:var(--size-24)!important}.p-y-4{padding-bottom:32px!important;padding-bottom:var(--size-32)!important;padding-top:32px!important;padding-top:var(--size-32)!important}.p-y-5{padding-bottom:40px!important;padding-bottom:var(--size-40)!important;padding-top:40px!important;padding-top:var(--size-40)!important}.p-l-0{padding-inline-start:0!important}.p-l-1{padding-inline-start:8px!important;padding-inline-start:var(--size-8)!important}.p-l-2{padding-inline-start:16px!important;padding-inline-start:var(--size-16)!important}.p-l-3{padding-inline-start:24px!important;padding-inline-start:var(--size-24)!important}.p-l-4{padding-inline-start:32px!important;padding-inline-start:var(--size-32)!important}.p-l-5{padding-inline-start:40px!important;padding-inline-start:var(--size-40)!important}.p-r-0{padding-inline-end:0!important}.p-r-1{padding-inline-end:8px!important;padding-inline-end:var(--size-8)!important}.p-r-2{padding-inline-end:16px!important;padding-inline-end:var(--size-16)!important}.p-r-3{padding-inline-end:24px!important;padding-inline-end:var(--size-24)!important}.p-r-4{padding-inline-end:32px!important;padding-inline-end:var(--size-32)!important}.p-r-5{padding-inline-end:40px!important;padding-inline-end:var(--size-40)!important}.p-t-0{padding-top:0!important}.p-t-1{padding-top:8px!important;padding-top:var(--size-8)!important}.p-t-2{padding-top:16px!important;padding-top:var(--size-16)!important}.p-t-3{padding-top:24px!important;padding-top:var(--size-24)!important}.p-t-4{padding-top:32px!important;padding-top:var(--size-32)!important}.p-t-5{padding-top:40px!important;padding-top:var(--size-40)!important}.p-b-0{padding-bottom:0!important}.p-b-1{padding-bottom:8px!important;padding-bottom:var(--size-8)!important}.p-b-2{padding-bottom:16px!important;padding-bottom:var(--size-16)!important}.p-b-3{padding-bottom:24px!important;padding-bottom:var(--size-24)!important}.p-b-4{padding-bottom:32px!important;padding-bottom:var(--size-32)!important}.p-b-5{padding-bottom:40px!important;padding-bottom:var(--size-40)!important}.affix{position:fixed}.rotate90{transform:rotate(90deg)}.rotate180{transform:rotate(180deg)}.rotate-90,.rotate270{transform:rotate(-90deg)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.text-xs-center{text-align:center}@media (min-width:576px){.text-sm-center{text-align:center}}@media (min-width:768px){.text-md-center{text-align:center}}@media (min-width:992px){.text-lg-center{text-align:center}}@media (min-width:1200px){.text-xl-center{text-align:center}}.text-xs-justify{text-align:justify}@media (min-width:576px){.text-sm-justify{text-align:justify}}@media (min-width:768px){.text-md-justify{text-align:justify}}@media (min-width:992px){.text-lg-justify{text-align:justify}}@media (min-width:1200px){.text-xl-justify{text-align:justify}}.text-xs-left{text-align:start}@media (min-width:576px){.text-sm-left{text-align:start}}@media (min-width:768px){.text-md-left{text-align:start}}@media (min-width:992px){.text-lg-left{text-align:start}}@media (min-width:1200px){.text-xl-left{text-align:start}}.text-xs-right{text-align:end}@media (min-width:576px){.text-sm-right{text-align:end}}@media (min-width:768px){.text-md-right{text-align:end}}@media (min-width:992px){.text-lg-right{text-align:end}}@media (min-width:1200px){.text-xl-right{text-align:end}}.text-underline{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important;text-underline-offset:2px}.text-no-decoration{-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.text-ellipses,.text-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.invisible{visibility:hidden}.text-xs-nowrap{white-space:nowrap}@media (min-width:576px){.text-sm-nowrap{white-space:nowrap}}@media (min-width:768px){.text-md-nowrap{white-space:nowrap}}@media (min-width:992px){.text-lg-nowrap{white-space:nowrap}}@media (min-width:1200px){.text-xl-nowrap{white-space:nowrap}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.text-hide{background-color:transparent;border:0;color:transparent;text-shadow:none}
+.d-inline-block{display:inline-block}.d-inline{display:inline}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right,.pull-xs-right{float:right!important}.pull-left,.pull-xs-left,[dir=rtl] .pull-right,[dir=rtl] .pull-xs-right{float:left!important}[dir=rtl] .pull-left,[dir=rtl] .pull-xs-left{float:right!important}.pull-xs-none{float:none!important}@media (min-width:576px){.pull-sm-left{float:left!important}.pull-sm-right,[dir=rtl] .pull-sm-left{float:right!important}[dir=rtl] .pull-sm-right{float:left!important}.pull-sm-none{float:none!important}}@media (min-width:768px){.pull-md-left{float:left!important}.pull-md-right,[dir=rtl] .pull-md-left{float:right!important}[dir=rtl] .pull-md-right{float:left!important}.pull-md-none{float:none!important}}@media (min-width:992px){.pull-lg-left{float:left!important}.pull-lg-right,[dir=rtl] .pull-lg-left{float:right!important}[dir=rtl] .pull-lg-right{float:left!important}.pull-lg-none{float:none!important}}@media (min-width:1200px){.pull-xl-left{float:left!important}.pull-xl-right,[dir=rtl] .pull-xl-left{float:right!important}[dir=rtl] .pull-xl-right{float:left!important}.pull-xl-none{float:none!important}}.pull-left-single-direction{float:left!important}.pull-right-single-direction{float:right!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{background-color:transparent;border:0;color:transparent;text-shadow:none}.hidden{display:none!important}.affix{position:fixed}.rotate90{transform:rotate(90deg)}.rotate180{transform:rotate(180deg)}.rotate270{transform:rotate(270deg)}.rotate-90{transform:rotate(-90deg)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "0.0.0-experimental-d672ed6",
+  "version": "0.0.0-experimental-0e8eafd",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/less/addons/_display-utilities.less

@@ -0,0 +1,159 @@
+.d-block {
+  display: block !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.visible-xs,
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block,
+.visible-xl,
+.visible-xl-block,
+.visible-xl-inline,
+.visible-xl-inline-block {
+  display: none !important;
+}
+
+.visible-xs,
+.visible-xs-block {
+  @media (--screen-xs-max) {
+    display: block !important;
+  }
+}
+
+.visible-xs-inline {
+  @media (--screen-xs-max) {
+    display: inline !important;
+  }
+}
+
+.visible-xs-inline-block {
+  @media (--screen-xs-max) {
+    display: inline-block !important;
+  }
+}
+
+.visible-sm,
+.visible-sm-block {
+  @media (--screen-sm) and (--screen-sm-max) {
+    display: block !important;
+  }
+}
+
+.visible-sm-inline {
+  @media (--screen-sm) and (--screen-sm-max) {
+    display: inline !important;
+  }
+}
+
+.visible-sm-inline-block {
+  @media (--screen-sm) and (--screen-sm-max) {
+    display: inline-block !important;
+  }
+}
+
+.visible-md,
+.visible-md-block {
+  @media (--screen-md) and (--screen-md-max) {
+    display: block !important;
+  }
+}
+
+.visible-md-inline {
+  @media (--screen-md) and (--screen-md-max) {
+    display: inline !important;
+  }
+}
+
+.visible-md-inline-block {
+  @media (--screen-md) and (--screen-md-max) {
+    display: inline-block !important;
+  }
+}
+
+.visible-lg,
+.visible-lg-block {
+  @media (--screen-lg) and (--screen-lg-max) {
+    display: block !important;
+  }
+}
+
+.visible-lg-inline {
+  @media (--screen-lg) and (--screen-lg-max) {
+    display: inline !important;
+  }
+}
+
+.visible-lg-inline-block {
+  @media (--screen-lg) and (--screen-lg-max) {
+    display: inline-block !important;
+  }
+}
+
+.visible-xl,
+.visible-xl-block {
+  @media (--screen-xl) {
+    display: block !important;
+  }
+}
+
+.visible-xl-inline {
+  @media (--screen-xl) {
+    display: inline !important;
+  }
+}
+
+.visible-xl-inline-block {
+  @media (--screen-xl) {
+    display: inline-block !important;
+  }
+}
+
+.hidden-xs {
+  @media (--screen-xs-max) {
+    display: none !important;
+  }
+}
+
+.hidden-sm {
+  @media (--screen-sm) and (--screen-sm-max) {
+    display: none !important;
+  }
+}
+
+.hidden-md {
+  @media (--screen-md) and (--screen-md-max) {
+    display: none !important;
+  }
+}
+
+.hidden-lg {
+  @media (--screen-lg) and (--screen-lg-max) {
+    display: none !important;
+  }
+}
+
+.hidden-xl {
+  @media (--screen-xl) {
+    display: none !important;
+  }
+}
+
+.outline-none {
+  outline: none;
+}

package/src/less/addons/_spacing-utilities.less

@@ -1,14 +1,37 @@
 @import "../mixins/_spacing.less";
 
-@import "../utilities/gap.less";
-@import "../utilities/margin.less";
-@import "../utilities/padding.less";
+.spacing(0, 0);
+.spacing(1, var(--size-8));
+.spacing(2, var(--size-16));
+.spacing(3, var(--size-24));
+.spacing(4, var(--size-32));
+.spacing(5, var(--size-40));
+
+.spacing-vertical(4, var(--size-32));
+.spacing-vertical(5, var(--size-40));
+
+.gap-y-1 {
+  row-gap: var(--size-8);
+}
 
 .responsive-spacing(panel, var(--size-16), var(--size-24), var(--size-32));
 .responsive-spacing-vertical(section-1, var(--size-16), var(--size-24), var(--size-32));
 .responsive-spacing-vertical(section-2, var(--size-32), var(--size-48), var(--size-64));
 .responsive-spacing-vertical(section-3, var(--size-48), var(--size-72), var(--size-96));
 
+.m-x-auto {
+  .margin(right,auto) !important;
+  .margin(left, auto) !important;
+}
+
+.m-r-auto {
+  .margin(right,auto) !important;
+}
+
+.m-l-auto {
+  .margin(left, auto) !important;
+}
+
 .section {
   padding-top: var(--size-48);
   padding-bottom: var(--size-48);

package/src/less/addons/_utilities.less

@@ -0,0 +1,147 @@
+@import (reference)
+  "../../variables/legacy-variables.less";
+@import (reference) "../mixins/_clearfix.less";
+@import (reference) "../mixins/_center-block.less";
+@import (reference) "../mixins/_hide-text.less";
+
+//
+// Utility classes
+// --------------------------------------------------
+
+// Floats
+// -------------------------
+
+.clearfix {
+  .clearfix();
+}
+
+.center-block {
+  .center-block();
+}
+
+.pull-right,
+.pull-xs-right {
+  .float(right) !important;
+}
+
+.pull-left,
+.pull-xs-left {
+  .float(left) !important;
+}
+
+.pull-xs-none {
+  float: none !important;
+}
+
+@media (min-width: @screen-sm-min) {
+  .pull-sm-left {
+    .float(left) !important;
+  }
+
+  .pull-sm-right {
+    .float(right) !important;
+  }
+
+  .pull-sm-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: @screen-md-min) {
+  .pull-md-left {
+    .float(left) !important;
+  }
+
+  .pull-md-right {
+    .float(right) !important;
+  }
+
+  .pull-md-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: @screen-lg-min) {
+  .pull-lg-left {
+    .float(left) !important;
+  }
+
+  .pull-lg-right {
+    .float(right) !important;
+  }
+
+  .pull-lg-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: @screen-xl-min) {
+  .pull-xl-left {
+    .float(left) !important;
+  }
+
+  .pull-xl-right {
+    .float(right) !important;
+  }
+
+  .pull-xl-none {
+    float: none !important;
+  }
+}
+
+// Toggling content
+// -------------------------
+
+// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
+.hide {
+  display: none !important;
+}
+
+.show {
+  display: block !important;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.text-hide {
+  .text-hide();
+}
+
+// Hide from screenreaders and browsers
+//
+// Credit: HTML5 Boilerplate
+
+.hidden {
+  display: none !important;
+}
+
+// For Affix plugin
+// -------------------------
+
+.affix {
+  position: fixed;
+}
+
+.rotate90 {
+  transform: rotate(90deg);
+}
+
+.rotate180 {
+  transform: rotate(180deg);
+}
+
+.rotate270 {
+  transform: rotate(270deg);
+}
+
+.rotate-90 {
+  transform: rotate(-90deg);
+}
+
+// Cursor
+
+.clickable {
+  cursor: pointer !important;
+}

package/src/less/border-radius.less

@@ -1 +1,3 @@
-@import "./utilities/border-radius.less";
+.rounded-sm {
+  border-radius: 2px;
+}

package/src/less/core/_scaffolding.less

@@ -7,10 +7,6 @@
 @import (reference) "../core/_typography.less";
 @import "../../variables/legacy-variables.less";
 
-/* TODO: Remove utility imports to prevent duplicates */
-@import "../utilities/border-radius.less";
-@import "../utilities/screen-reader.less";
-
 :root {
   // page default font size should be set in absolute units (pixels)
   --base-font-size: 16px;
@@ -336,9 +332,42 @@ video {
   vertical-align: middle;
 }
 
+.img-rounded {
+  border-radius: var(--radius-small);
+}
+
+.img-circle {
+  border-radius: 50%;
+}
+
 .disabled,
 :disabled {
   filter: grayscale(1);
   opacity: 0.45;
   cursor: not-allowed !important;
 }
+
+// Only display content to screen readers
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+}
+
+// Use in conjunction with `.sr-only` to only display content when it's focused.
+.sr-only-focusable {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}