_clipboard-js.scss 561 Bytes
Newer Older
1
// clipboard.js
2
//
XhmikosR's avatar
XhmikosR committed
3
// JS-based `Copy` buttons for code snippets.
4

5
.bd-clipboard {
6
7
8
  position: relative;
  display: none;
  float: right;
9
10
11
12

  + .highlight {
    margin-top: 0;
  }
13
}
Mark Otto's avatar
Mark Otto committed
14

15
16
.btn-clipboard {
  position: absolute;
Mark Otto's avatar
Mark Otto committed
17
18
  top: .5rem;
  right: .5rem;
19
20
21
22
23
24
  z-index: 10;
  display: block;
  padding: .25rem .5rem;
  font-size: 75%;
  color: #818a91;
  cursor: pointer;
Mark Otto's avatar
Mark Otto committed
25
26
27
  background-color: transparent;
  border-radius: .25rem;

28
29
30
31
  &:hover {
    color: #fff;
    background-color: #027de7;
  }
32
33
34
}

@media (min-width: 768px) {
35
  .bd-clipboard {
36
37
38
    display: block;
  }
}