diff options
| author | Sam Potts <me@sampotts.me> | 2015-07-12 21:17:56 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-07-12 21:17:56 +1000 |
| commit | 093af22942947809b7805f82bb12ca615c13383c (patch) | |
| tree | ed224eafabc9a3f46544e38b09d84a81ac6bc026 /docs/src | |
| parent | 9d966e41b18bd2f287e19c8036908bab4ca62385 (diff) | |
| download | plyr-093af22942947809b7805f82bb12ca615c13383c.tar.lz plyr-093af22942947809b7805f82bb12ca615c13383c.tar.xz plyr-093af22942947809b7805f82bb12ca615c13383c.zip | |
More work on YouTube playback
Diffstat (limited to 'docs/src')
| -rw-r--r-- | docs/src/less/docs.less | 12 | ||||
| -rw-r--r-- | docs/src/less/lib/mixins.less | 3 |
2 files changed, 10 insertions, 5 deletions
diff --git a/docs/src/less/docs.less b/docs/src/less/docs.less index d4ef32b9..12b0674a 100644 --- a/docs/src/less/docs.less +++ b/docs/src/less/docs.less @@ -33,12 +33,16 @@ } // Base +html { + font-size: 100%; +} body { font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif; background: @off-white; line-height: 1.5; text-align: center; color: @gray; + .font-smoothing(on); } // Error page @@ -142,7 +146,6 @@ a { display: inline-block; vertical-align: middle; border-radius: 3px; - .font-smoothing(on); font-weight: 600; user-select: none; } @@ -214,16 +217,19 @@ a { .example-video .player { max-width: 1200px; - video { + video, + iframe { border-radius: 4px 4px 0 0; } + iframe { + -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); + } &-fullscreen, &.fullscreen-active { max-width: none; } } - // Footer footer { margin-bottom: @padding-base; diff --git a/docs/src/less/lib/mixins.less b/docs/src/less/lib/mixins.less index a4451b1c..923df1ea 100644 --- a/docs/src/less/lib/mixins.less +++ b/docs/src/less/lib/mixins.less @@ -17,7 +17,6 @@ // Default outline: thin dotted @gray-dark; // Webkit - //outline: 5px auto -webkit-focus-ring-color; outline-offset: 1px; } @@ -25,7 +24,7 @@ // Leave <body> at 100%/16px // --------------------------------------- .font-size(@font-size: 16){ - @rem: round((@font-size / 16), 1); + @rem: round((@font-size / 16), 3); font-size: (@font-size * 1px); font-size: ~"@{rem}rem"; } |