summaryrefslogtreecommitdiffstats
path: root/site/assets/scss/_clipboard-js.scss
diff options
context:
space:
mode:
Diffstat (limited to 'site/assets/scss/_clipboard-js.scss')
-rw-r--r--site/assets/scss/_clipboard-js.scss44
1 files changed, 44 insertions, 0 deletions
diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss
new file mode 100644
index 0000000..3a876a5
--- /dev/null
+++ b/site/assets/scss/_clipboard-js.scss
@@ -0,0 +1,44 @@
+// 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;
+ color: $gray-900;
+ background-color: $gray-100;
+ border: 0;
+ @include border-radius(.25rem);
+
+ &:hover {
+ color: $primary;
+ }
+
+ &:focus {
+ z-index: 3;
+ }
+}
+
+.btn-clipboard {
+ position: relative;
+ z-index: 2;
+ margin-top: .75rem;
+ margin-right: .75rem;
+}