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

34 lines
692 B
SCSS
Raw Normal View History

.click-to-copy-wrap {
display: flex;
width: 100%;
justify-content: space-between;
2018-10-21 22:35:45 +02:00
align-items: center;
cursor: pointer;
2018-11-09 01:44:59 +01:00
border: 1px solid $grey-border;
2018-10-21 22:35:45 +02:00
border-radius: 6px;
.click-to-copy {
border: none;
2018-10-21 22:35:45 +02:00
padding: 0.36em 0.5em;
margin: 0;
2018-10-21 22:35:45 +02:00
background-color: transparent;
width: calc(100% - 1em - 2px);
font-size: 14px;
letter-spacing: -0.6px;
line-height: 20px;
2018-10-21 21:59:43 +02:00
letter-spacing: 0;
font-family: monospace;
2018-11-09 01:44:59 +01:00
border-right: 1px solid $grey-border;
}
2018-10-21 22:35:45 +02:00
.icon-wrap {
width: 30px;
height: 30px;
line-height: 34px;
2018-10-21 22:35:45 +02:00
text-align: center;
svg {
2018-11-09 01:44:59 +01:00
stroke: $primary-color;
width: 16px;
height: 16px;
2018-10-21 22:35:45 +02:00
}
}
2018-06-08 17:50:25 +02:00
}