-
Notifications
You must be signed in to change notification settings - Fork 54
/
_clipboard-js.scss
77 lines (67 loc) · 1.73 KB
/
_clipboard-js.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
// clipboard.js
//
// JS-based `Copy` buttons for code snippets.
.bd-clipboard,
.bd-edit {
position: relative;
display: none;
float: right;
+ .highlight {
margin-top: 0;
}
@include media-breakpoint-up(md) {
display: block;
}
}
.btn-clipboard,
.btn-edit {
display: block;
padding: .5em;
line-height: 1;
// Boosted mod: no specific color
background-color: $gray-100;
border: 0;
@include border-radius(.25rem);
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
// TODO: see if we can't use a btn-* class instead
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
&:hover {
color: $primary;
}
&:focus {
z-index: 3;
}
// Boosted mod
.bi {
width: 1.8125rem;
height: 1.8125rem;
}
// End mod
}
.btn-clipboard {
position: relative;
z-index: 2;
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
// TODO: check all cases
// TODO: see if we can't use $border-something
// TODO: px >>> rem
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
margin-top: 2px; // Boosted mod
margin-right: 2px; // Boosted mod
}
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
// Boosted mod: removed it in favor of using utility classes
// in shortcodes > example.html
////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
/* .highlight-toolbar {
.btn-clipboard {
margin-top: 0;
margin-right: 0;
}
} */