2016-01-15 10:50:10 +00:00
|
|
|
.api-key {
|
|
|
|
|
|
2018-10-30 13:03:44 +00:00
|
|
|
position: relative;
|
|
|
|
|
padding-bottom: 38px; // height of button
|
|
|
|
|
display: flex;
|
|
|
|
|
|
2020-02-06 14:47:47 +00:00
|
|
|
&__name {
|
2016-01-19 09:55:13 +00:00
|
|
|
@include bold-19;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-19 10:47:11 +01:00
|
|
|
&__notice,
|
2020-02-06 14:47:47 +00:00
|
|
|
&__key {
|
2016-01-15 10:50:10 +00:00
|
|
|
font-family: monospace;
|
|
|
|
|
display: block;
|
2018-10-30 13:03:44 +00:00
|
|
|
padding: 0 0 10px 0;
|
|
|
|
|
margin: auto 0;
|
2016-01-15 10:50:10 +00:00
|
|
|
}
|
|
|
|
|
|
2020-02-06 14:47:47 +00:00
|
|
|
&__button--show,
|
|
|
|
|
&__button--copy {
|
2018-10-30 13:03:44 +00:00
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 2px;
|
2020-10-02 14:56:49 +01:00
|
|
|
left: 0px;
|
2018-10-30 13:03:44 +00:00
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
top: auto;
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-15 10:50:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
