[ipfire.org.git] / src / scss / bootstrap-4.0.0-alpha.6 / docs / assets / scss / _clipboard-js.scss

// clipboard.js
//
// JS-based `Copy` buttons for code snippets.

.bd-clipboard {
  position: relative;
  display: none;
  float: right;

  + .highlight {
    margin-top: 0;
  }
}

.btn-clipboard {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 10;
  display: block;
  padding: .25rem .5rem;
  font-size: 75%;
  color: #818a91;
  cursor: pointer;
  background-color: transparent;
  border-radius: .25rem;

  &:hover {
    color: #fff;
    background-color: #027de7;
  }
}

@media (min-width: 768px) {
  .bd-clipboard {
    display: block;
  }
}
Commit	Line	Data
91e44d91 S	1	// clipboard.js
	2	//
	3	// JS-based `Copy` buttons for code snippets.
	4
	5	.bd-clipboard {
	6	position: relative;
	7	display: none;
	8	float: right;
	9
	10	+ .highlight {
	11	margin-top: 0;
	12	}
	13	}
	14
	15	.btn-clipboard {
	16	position: absolute;
	17	top: .5rem;
	18	right: .5rem;
	19	z-index: 10;
	20	display: block;
	21	padding: .25rem .5rem;
	22	font-size: 75%;
	23	color: #818a91;
	24	cursor: pointer;
	25	background-color: transparent;
	26	border-radius: .25rem;
	27
	28	&:hover {
	29	color: #fff;
	30	background-color: #027de7;
	31	}
	32	}
	33
	34	@media (min-width: 768px) {
	35	.bd-clipboard {
	36	display: block;
	37	}
	38	}