Styling fixes

This commit is contained in:
Sam Potts 2018-04-03 22:56:19 +10:00
parent 2782a00e7c
commit e4d975af00
17 changed files with 22 additions and 14 deletions

2
demo/dist/demo.css vendored

File diff suppressed because one or more lines are too long

2
demo/dist/demo.js vendored
View File

@ -3887,7 +3887,7 @@ singleton.Client = Client;
}); });
// Setup the player // Setup the player
var player = new Plyr('#player', { var player = new Plyr('video', {
debug: true, debug: true,
title: 'View From A Blue Moon', title: 'View From A Blue Moon',
iconUrl: '../dist/plyr.svg', iconUrl: '../dist/plyr.svg',

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -47,7 +47,7 @@ import Raven from 'raven-js';
}); });
// Setup the player // Setup the player
const player = new Plyr('#player', { const player = new Plyr('video', {
debug: true, debug: true,
title: 'View From A Blue Moon', title: 'View From A Blue Moon',
iconUrl: '../dist/plyr.svg', iconUrl: '../dist/plyr.svg',

View File

@ -16,3 +16,4 @@ $plyr-font-size-captions-base: $plyr-font-size-base;
$plyr-font-size-captions-small: $plyr-font-size-small; $plyr-font-size-captions-small: $plyr-font-size-small;
$plyr-font-size-captions-medium: 18px; $plyr-font-size-captions-medium: 18px;
$plyr-font-size-captions-large: 21px; $plyr-font-size-captions-large: 21px;
$plyr-font-size-menu: $plyr-font-size-base;

2
dist/plyr.css vendored

File diff suppressed because one or more lines are too long

2
dist/plyr.js vendored
View File

@ -77,7 +77,7 @@ var defaults = {
// Sprite (for icons) // Sprite (for icons)
loadSprite: true, loadSprite: true,
iconPrefix: 'plyr', iconPrefix: 'plyr',
iconUrl: 'https://cdn.plyr.io/3.1.0-beta.1/plyr.svg', iconUrl: 'https://cdn.plyr.io/3.1.0-beta.2/plyr.svg',
// Blank video (used to prevent errors on source change) // Blank video (used to prevent errors on source change)
blankVideo: 'https://cdn.plyr.io/static/blank.mp4', blankVideo: 'https://cdn.plyr.io/static/blank.mp4',

2
dist/plyr.js.map vendored

File diff suppressed because one or more lines are too long

2
dist/plyr.min.js vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{ {
"name": "plyr", "name": "plyr",
"version": "3.1.0-beta.2", "version": "3.1.0",
"description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player", "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
"homepage": "https://plyr.io", "homepage": "https://plyr.io",
"main": "./dist/plyr.js", "main": "./dist/plyr.js",

View File

@ -26,6 +26,11 @@
width: 100%; width: 100%;
} }
button {
font: inherit;
line-height: inherit;
}
// Ignore focus // Ignore focus
&:focus { &:focus {
outline: 0; outline: 0;

View File

@ -74,6 +74,7 @@
align-items: center; align-items: center;
color: $plyr-menu-color; color: $plyr-menu-color;
display: flex; display: flex;
font-size: $plyr-font-size-menu;
padding: ceil($plyr-control-padding / 2) ($plyr-control-padding * 2); padding: ceil($plyr-control-padding / 2) ($plyr-control-padding * 2);
user-select: none; user-select: none;
width: 100%; width: 100%;

View File

@ -8,8 +8,9 @@ $plyr-font-size-small: 14px !default;
$plyr-font-size-large: 18px !default; $plyr-font-size-large: 18px !default;
$plyr-font-size-xlarge: 21px !default; $plyr-font-size-xlarge: 21px !default;
$plyr-font-size-time: 14px !default; $plyr-font-size-time: $plyr-font-size-small !default;
$plyr-font-size-badge: 9px !default; $plyr-font-size-badge: 9px !default;
$plyr-font-size-menu: $plyr-font-size-small !default;
$plyr-font-weight-regular: 500 !default; $plyr-font-weight-regular: 500 !default;
$plyr-font-weight-bold: 600 !default; $plyr-font-weight-bold: 600 !default;