markdown-it-copy/theme/default.styl

A markdown-it-plugin that copy code and others.

$posAbs = 16px
$font-color = #666

normal-font-style()
  font-family system-ui
  font-size 12px
  line-height 18px
  color $font-color
  opacity 0.3

normal-style()
  top 0
  right 0
  padding 3px 6px
  border 0
  border-radius 3px
  background none
  normal-font-style()
  outline none

pre
  position relative

.m-mdic-copy-wrapper
  position absolute
  top $posAbs
  right $posAbs
  span.u-mdic-copy-code_lang
    position absolute
    top 3px
    right calc(100% + 4px)
    normal-font-style()
  div.u-mdic-copy-notify
    display none
    position absolute
    normal-style()
    opacity 1
    right 100%
    padding-right 4px
  button.u-mdic-copy-btn
    position relative
    normal-style()
    cursor pointer

    transition opacity .2s
    &:hover
      opacity 1