spee.ch/client/scss/click-to-copy/_click-to-copy.scss

38 lines
765 B
SCSS

.click-to-copy-wrap {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
cursor: pointer;
border: 1px solid $grey-alt;
border-radius: 6px;
max-width: 280px;
.click-to-copy {
border: none;
padding: 0.36em 0.5em;
margin: 0;
color: black;
background-color: transparent;
width: calc(100% - 1em - 2px);
font-size: 14px;
color: #2E2F31;
letter-spacing: -0.6px;
line-height: 20px;
max-width: 236px;
letter-spacing: 0;
font-family: monospace;
border-right: 1px solid $grey-alt;
}
.icon-wrap {
width: 30px;
height: 30px;
line-height: 34px;
text-align: center;
svg {
stroke: $brand-color;
width: 16px;
height: 16px;
}
}
}