m80126colin/hexo-tag-owl

View on GitHub
lib/asset/css.styl

Summary

Maintainability
Test Coverage
/**
 * Default stylesheet
**/

// 16:9 ratio
$padding-ratio      = 56.25%
// margin
$video-margin       = 1rem
$image-margin       = 1rem
// nico thumb config
$nico-thumb-width   = 20rem
$nico-thumb-border  = 0.1rem
$nico-thumb-padding = 0.61 * $nico-thumb-width

.owl-image
  position:      relative
  margin-top:    $image-margin
  margin-bottom: $image-margin
.owl-video
  position:      relative
  padding-top:   $padding-ratio
  margin-top:    $video-margin
  margin-bottom: $video-margin
  height:        0
  overflow:      hidden
  iframe, object, embed
    position:    absolute
    top:         0
    left:        0
    width:       100%
    height:      100%
    margin-top:  0
// special for niconico thumb
.niconico-thumb
  position:      relative
  padding-top:   0
  max-width:     $nico-thumb-width
  padding-top:   $nico-thumb-padding
  height:        0
  border:        solid $nico-thumb-border #ccc
  iframe, object, embed
    position:    absolute
    top:         0
    left:        0
    width:       100%
    height:      100%
    margin-top:  0