diff options
Diffstat (limited to 'demo/src/less')
29 files changed, 0 insertions, 1117 deletions
diff --git a/demo/src/less/bundles/demo.less b/demo/src/less/bundles/demo.less deleted file mode 100644 index 61bb3cd9..00000000 --- a/demo/src/less/bundles/demo.less +++ /dev/null @@ -1,41 +0,0 @@ -// ========================================================================== -// Plyr.io Demo Page -// ========================================================================== -@charset 'UTF-8'; - -// Libs -@import '../lib/fontface'; -@import '../lib/animation'; -@import '../lib/mixins'; -@import '../lib/normalize'; - -// Settings -@import '../settings/breakpoints'; -@import '../settings/colors'; -@import '../settings/cosmetic'; -@import '../settings/icons'; -@import '../settings/layout'; - -@import '../settings/spacing'; -@import '../settings/type'; - -// Layout -@import '../layout/core'; -@import '../layout/grid'; - -// Type -@import '../type/base'; -@import '../type/headings'; - -// Components -@import '../components/buttons'; -@import '../components/header'; -@import '../components/icons'; -@import '../components/links'; -@import '../components/lists'; -@import '../components/navigation'; -@import '../components/players'; - -// Plyr -@import '../../../../src/less/bundle'; -@import '../settings/plyr'; diff --git a/demo/src/less/bundles/error.less b/demo/src/less/bundles/error.less deleted file mode 100644 index 67530689..00000000 --- a/demo/src/less/bundles/error.less +++ /dev/null @@ -1,28 +0,0 @@ -// ========================================================================== -// Plyr.io Error Page -// ========================================================================== -@charset 'UTF-8'; - -// Libs -@import '../lib/fontface'; -@import '../lib/mixins'; -@import '../lib/normalize'; - -// Settings -@import '../settings/colors'; -@import '../settings/cosmetic'; -@import '../settings/icons'; -@import '../settings/layout'; -@import '../settings/spacing'; -@import '../settings/type'; - -// Layout -@import '../layout/error'; - -// Type -@import '../type/base'; -@import '../type/headings'; - -// Components -@import '../components/buttons'; -@import '../components/links'; diff --git a/demo/src/less/components/buttons.less b/demo/src/less/components/buttons.less deleted file mode 100644 index a8a15682..00000000 --- a/demo/src/less/components/buttons.less +++ /dev/null @@ -1,83 +0,0 @@ -// ========================================================================== -// Buttons -// ========================================================================== - -// Shared -.button, -.button__count { - position: relative; - display: inline-flex; - vertical-align: middle; - align-items: center; - padding: (@spacing-base * 0.75); - border-radius: @border-radius-base; - box-shadow: 0 1px 1px fade(#000, 10%); - background: #fff; - border: 0; - user-select: none; - text-shadow: none; - color: @gray; -} - -// Buttons -.button { - padding-left: @spacing-base; - padding-right: @spacing-base; - transition: all 0.2s ease; - font-weight: @font-weight-bold; - - &:hover, - &:focus { - color: @gray-dark; - - // Remove the underline/border - &::after { - display: none; - } - } - - &:hover { - transform: translateY(-1px); - box-shadow: 0 2px 2px fade(#000, 10%); - } - - &:focus { - outline: 0; - } - - &.tab-focus { - .tab-focus(); - } - - &:active { - transform: translateY(1px); - } -} - -// Button group -.button--with-count { - display: inline-flex; - - .button .icon { - flex-shrink: 0; - } -} - -// Count bubble -.button__count { - margin-left: (@spacing-base / 2); - animation: fadein 0.2s ease; - - &::before { - content: ''; - position: absolute; - width: 0; - height: 0; - right: 100%; - top: 50%; - transform: translateY(-50%); - border: @arrow-size solid transparent; - border-right-color: #fff; - border-left-width: 0; - } -} diff --git a/demo/src/less/components/header.less b/demo/src/less/components/header.less deleted file mode 100644 index fc7bf63a..00000000 --- a/demo/src/less/components/header.less +++ /dev/null @@ -1,19 +0,0 @@ -// ========================================================================== -// Header -// ========================================================================== - -header { - padding-bottom: @spacing-base; - text-align: center; - - .call-to-action { - margin-top: (@spacing-base * 1.5); - } - - @media @mq-md { - max-width: 360px; - margin-right: (@spacing-base * 3); - padding-bottom: (@spacing-base * 2); - text-align: left; - } -} diff --git a/demo/src/less/components/icons.less b/demo/src/less/components/icons.less deleted file mode 100644 index 92b0567e..00000000 --- a/demo/src/less/components/icons.less +++ /dev/null @@ -1,23 +0,0 @@ -// ========================================================================== -// Icons -// ========================================================================== - -// Base size icon styles -.icon { - fill: currentColor; - width: @icon-size; - height: @icon-size; - vertical-align: -3px; -} - -// Within elements -a svg, -button svg, -label svg { - pointer-events: none; -} - -a .icon, -.btn .icon { - margin-right: floor(@spacing-base / 3); -} diff --git a/demo/src/less/components/links.less b/demo/src/less/components/links.less deleted file mode 100644 index 7a62ab40..00000000 --- a/demo/src/less/components/links.less +++ /dev/null @@ -1,46 +0,0 @@ -// ========================================================================== -// Links -// ========================================================================== - -// Make a <button> look like an <a> -button.faux-link { - .cancel-button-styles(); - - &:extend(a all); -} - -// Links -a { - position: relative; - border-bottom: 1px dotted currentColor; - transition: all 0.2s ease; - text-decoration: none; - color: @color-link; - font-weight: @font-weight-bold; - - &::after { - content: ''; - position: absolute; - top: 100%; - left: 50%; - transform: translateX(-50%); - width: 0; - height: 1px; - transition: width 0.2s ease; - background: currentColor; - } - - &:hover, - &:focus { - border-bottom-color: transparent; - outline: 0; - - &::after { - width: 100%; - } - } - - &.tab-focus { - .tab-focus(); - } -} diff --git a/demo/src/less/components/lists.less b/demo/src/less/components/lists.less deleted file mode 100644 index bae3d11d..00000000 --- a/demo/src/less/components/lists.less +++ /dev/null @@ -1,11 +0,0 @@ -// ========================================================================== -// Lists -// ========================================================================== - -// Lists -ul, -li { - list-style: none; - margin: 0; - padding: 0; -} diff --git a/demo/src/less/components/navigation.less b/demo/src/less/components/navigation.less deleted file mode 100644 index 0b80f7e8..00000000 --- a/demo/src/less/components/navigation.less +++ /dev/null @@ -1,9 +0,0 @@ -// ========================================================================== -// Navigation -// ========================================================================== - -nav { - display: flex; - justify-content: center; - margin-bottom: @spacing-base; -} diff --git a/demo/src/less/components/players.less b/demo/src/less/components/players.less deleted file mode 100644 index 19ffd7df..00000000 --- a/demo/src/less/components/players.less +++ /dev/null @@ -1,49 +0,0 @@ -// ========================================================================== -// Examples -// ========================================================================== - -// For non supported browsers -video { - max-width: 100%; - vertical-align: middle; -} - -// Example players -.plyr { - margin: @spacing-base auto; - border-radius: @border-radius-base; - box-shadow: 0 2px 5px fade(#000, 20%); - - &.plyr--audio { - max-width: 480px; - } -} - -.plyr__video-wrapper::after { - content: ''; - pointer-events: none; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - border: 1px solid fade(#000, 15%); - border-radius: inherit; -} - -// Style full supported player -.plyr__cite { - display: none; - margin-top: @spacing-base; - - .icon { - margin-right: ceil(@spacing-base / 6); - } -} - -.plyr--video:not(.plyr--youtube):not(.plyr--vimeo) ~ ul .plyr__cite--video, -.plyr--audio ~ ul .plyr__cite--audio, -.plyr--youtube ~ ul .plyr__cite--youtube, -.plyr--vimeo ~ ul .plyr__cite--vimeo { - display: block; -} diff --git a/demo/src/less/layout/core.less b/demo/src/less/layout/core.less deleted file mode 100644 index 08352e3d..00000000 --- a/demo/src/less/layout/core.less +++ /dev/null @@ -1,69 +0,0 @@ -// ========================================================================== -// Core -// ========================================================================== - -*, -*::after, -*::before { - box-sizing: border-box; -} - -html, -body { - display: flex; - width: 100%; -} - -html { - background: @page-background; - background-attachment: fixed; - height: 100%; -} - -body { - display: flex; - min-height: 100%; - align-items: center; - flex-direction: column; -} - -.grid { - flex: 1; - overflow: auto; -} - -main { - margin: auto; - text-align: center; -} - -aside { - position: relative; - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: center; - width: 100%; - padding: (@spacing-base * 0.75); - background: #fff; - text-align: center; - color: @gray; - text-shadow: none; - - .icon { - margin-right: (@spacing-base / 2); - fill: @color-twitter; - } - - p { - margin: 0; - } - - a { - color: @color-twitter; - - &.tab-focus { - .tab-focus(@color-twitter); - } - } -} diff --git a/demo/src/less/layout/error.less b/demo/src/less/layout/error.less deleted file mode 100644 index aebe8dca..00000000 --- a/demo/src/less/layout/error.less +++ /dev/null @@ -1,30 +0,0 @@ -// ========================================================================== -// Errors (AWS pages) -// ========================================================================== - -// Error page -html.error, -.error body { - height: 100%; -} - -html.error { - background: @page-background; - background-attachment: fixed; -} - -.error body { - width: 100%; - display: flex; - align-items: center; -} - -.error main { - width: 100%; - padding: @spacing-base; - text-align: center; - - p { - .font-size(@font-size-large); - } -} diff --git a/demo/src/less/layout/grid.less b/demo/src/less/layout/grid.less deleted file mode 100644 index 02ff28c8..00000000 --- a/demo/src/less/layout/grid.less +++ /dev/null @@ -1,19 +0,0 @@ -// ========================================================================== -// Super basic grid -// ========================================================================== - -.grid { - margin: 0 auto; - padding: @spacing-base; - - @media @mq-md { - display: flex; - align-items: center; - width: 100%; - max-width: @container-max-width; - - > * { - flex: 1; - } - } -} diff --git a/demo/src/less/lib/animation.less b/demo/src/less/lib/animation.less deleted file mode 100644 index c8c05548..00000000 --- a/demo/src/less/lib/animation.less +++ /dev/null @@ -1,14 +0,0 @@ -// ========================================================================== -// Animations -// ========================================================================== - -// Fade -@keyframes fadein { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} diff --git a/demo/src/less/lib/fontface.less b/demo/src/less/lib/fontface.less deleted file mode 100644 index 88ec49a5..00000000 --- a/demo/src/less/lib/fontface.less +++ /dev/null @@ -1,45 +0,0 @@ -// ========================================================================== -// Fonts -// ========================================================================== - -@font-face { - font-family: 'Gordita'; - src: url('https://cdn.plyr.io/static/fonts/gordita-light.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-light.woff') format('woff'); - font-weight: @font-weight-light; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Gordita'; - src: url('https://cdn.plyr.io/static/fonts/gordita-regular.woff2') format('woff2'), - url('https://cdn.plyr.io/static/fonts/gordita-regular.woff') format('woff'); - font-weight: @font-weight-regular; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Gordita'; - src: url('https://cdn.plyr.io/static/fonts/gordita-medium.woff2') format('woff2'), - url('https://cdn.plyr.io/static/fonts/gordita-medium.woff') format('woff'); - font-weight: @font-weight-medium; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Gordita'; - src: url('https://cdn.plyr.io/static/fonts/gordita-bold.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-bold.woff') format('woff'); - font-weight: @font-weight-bold; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Gordita'; - src: url('https://cdn.plyr.io/static/fonts/gordita-black.woff2') format('woff2'), url('https://cdn.plyr.io/static/fonts/gordita-black.woff') format('woff'); - font-weight: @font-weight-black; - font-style: normal; - font-display: swap; -} diff --git a/demo/src/less/lib/mixins.less b/demo/src/less/lib/mixins.less deleted file mode 100644 index 821d2b3e..00000000 --- a/demo/src/less/lib/mixins.less +++ /dev/null @@ -1,50 +0,0 @@ -// ========================================================================== -// Mixins -// ========================================================================== - -// Convert a <button> into an <a> -// --------------------------------------- -.cancel-button-styles() { - position: relative; - margin: 0; - padding: 0; - width: auto; - border: 0; - background: transparent; - vertical-align: baseline; - text-align: inherit; - font: inherit; - line-height: @line-height-base; - cursor: pointer; - -moz-user-select: text; - text-shadow: inherit; - border-radius: 0; -} - -// Nicer focus styles -// --------------------------------------- -.tab-focus(@color: @tab-focus-default-color) { - outline: 0; - box-shadow: 0 0 0 3px fade(@color, 35%); -} - -// Use rems for font sizing -// Leave <body> at 100%/16px -// --------------------------------------- -.font-size(@font-size: 16) { - @rem: round((@font-size / 16), 3); - - font-size: (@font-size * 1px); - font-size: ~'@{rem}rem'; -} - -// Font smoothing -// --------------------------------------- -.font-smoothing(@mode: on) when (@mode = on) { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} -.font-smoothing(@mode: on) when (@mode = off) { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: subpixel-antialiased; -} diff --git a/demo/src/less/lib/normalize.less b/demo/src/less/lib/normalize.less deleted file mode 100644 index 34743e73..00000000 --- a/demo/src/less/lib/normalize.less +++ /dev/null @@ -1,406 +0,0 @@ -/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ - -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined in IE 8/9. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -/** - * Correct `inline-block` display not defined in IE 8/9. - */ - -audio, -canvas, -video { - display: inline-block; -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9. - * Hide the `template` element in IE, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* ========================================================================== - Base - ========================================================================== */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* ========================================================================== - Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background: transparent; -} - -/** - * Address `outline` inconsistency between Chrome and other browsers. - */ - -a:focus { - outline: thin dotted; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* ========================================================================== - Typography - ========================================================================== */ - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari 5 and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} - -/** - * Improve readability of pre-formatted text in all browsers. - */ - -pre { - white-space: pre-wrap; -} - -/** - * Set consistent quote types. - */ - -q { - quotes: '\201C' '\201D' '\2018' '\2019'; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* ========================================================================== - Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9. - */ - -img { - border: 0; -} - -/** - * Correct overflow displayed oddly in IE 9. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* ========================================================================== - Figures - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari 5. - */ - -figure { - margin: 0; -} - -/* ========================================================================== - Forms - ========================================================================== */ - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ - -button, -input, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -button, -input { - line-height: normal; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. - * Correct `select` style inheritance in Firefox 4+ and Opera. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type='button'], -input[type='reset'], -input[type='submit'] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type='checkbox'], -input[type='radio'] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - -input[type='search'] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ - -input[type='search']::-webkit-search-cancel-button, -input[type='search']::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ - -textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ -} - -/* ========================================================================== - Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} diff --git a/demo/src/less/lib/reset.less b/demo/src/less/lib/reset.less deleted file mode 100644 index 50798b10..00000000 --- a/demo/src/less/lib/reset.less +++ /dev/null @@ -1,11 +0,0 @@ -// ========================================================================== -// Resets -// ========================================================================== - -// BORDER-BOX ALL THE THINGS! -// http://paulirish.com/2012/box-sizing-border-box-ftw/ -*, -*::after, -*::before { - box-sizing: border-box; -} diff --git a/demo/src/less/settings/breakpoints.less b/demo/src/less/settings/breakpoints.less deleted file mode 100644 index ed078e21..00000000 --- a/demo/src/less/settings/breakpoints.less +++ /dev/null @@ -1,9 +0,0 @@ -// ========================================================================== -// Breakpoints -// ========================================================================== - -@screen-sm: 480px; -@screen-md: 768px; - -@mq-sm: ~'only screen and (min-width: @{screen-sm}) '; -@mq-md: ~'only screen and (min-width: @{screen-md}) '; diff --git a/demo/src/less/settings/colors.less b/demo/src/less/settings/colors.less deleted file mode 100644 index 2f77fb14..00000000 --- a/demo/src/less/settings/colors.less +++ /dev/null @@ -1,27 +0,0 @@ -// ========================================================================== -// Colors -// ========================================================================== - -// Greyscale -@gray-dark: #343f4a; -@gray: #55646b; -@gray-light: #cbd0d3; -@gray-lighter: #dbe3e8; -@off-white: #f2f5f7; - -// Text -@color-text: #fff; - -// Plyr -@color-brand-primary: #1aafff; - -// Brands -@color-twitter: #4baaf4; -@color-youtube: #cc181e; -@color-vimeo: #19b7ed; - -// Elements -@color-link: #fff; - -// Focus -@tab-focus-default-color: #fff; diff --git a/demo/src/less/settings/cosmetic.less b/demo/src/less/settings/cosmetic.less deleted file mode 100644 index 0024a446..00000000 --- a/demo/src/less/settings/cosmetic.less +++ /dev/null @@ -1,12 +0,0 @@ -// ========================================================================== -// Misc cosmetic -// ========================================================================== - -// Button count arrow size -@arrow-size: 5px; - -// Radii -@border-radius-base: 4px; - -// Background -@page-background: linear-gradient(to left top, lighten(@color-brand-primary, 10%), darken(@color-brand-primary, 20%)); diff --git a/demo/src/less/settings/icons.less b/demo/src/less/settings/icons.less deleted file mode 100644 index 546607c7..00000000 --- a/demo/src/less/settings/icons.less +++ /dev/null @@ -1,5 +0,0 @@ -// ========================================================================== -// Icons -// ========================================================================== - -@icon-size: 16px; diff --git a/demo/src/less/settings/layout.less b/demo/src/less/settings/layout.less deleted file mode 100644 index 810edc03..00000000 --- a/demo/src/less/settings/layout.less +++ /dev/null @@ -1,5 +0,0 @@ -// ========================================================================== -// Layout -// ========================================================================== - -@container-max-width: 1280px; diff --git a/demo/src/less/settings/plyr.less b/demo/src/less/settings/plyr.less deleted file mode 100644 index c39fd44b..00000000 --- a/demo/src/less/settings/plyr.less +++ /dev/null @@ -1,18 +0,0 @@ -// ========================================================================== -// Plyr Settings -// ========================================================================== - -// Font -@plyr-font-family: inherit; - -// Sizes -@plyr-font-size-base: 13px; -@plyr-font-size-small: 12px; -@plyr-font-size-time: 11px; -@plyr-font-size-badges: 9px; - -// Captions -@plyr-font-size-captions-base: @plyr-font-size-base; -@plyr-font-size-captions-small: @plyr-font-size-small; -@plyr-font-size-captions-medium: 18px; -@plyr-font-size-captions-large: 21px; diff --git a/demo/src/less/settings/spacing.less b/demo/src/less/settings/spacing.less deleted file mode 100644 index 6bd14f58..00000000 --- a/demo/src/less/settings/spacing.less +++ /dev/null @@ -1,5 +0,0 @@ -// ========================================================================== -// Colors -// ========================================================================== - -@spacing-base: 20px; diff --git a/demo/src/less/settings/type.less b/demo/src/less/settings/type.less deleted file mode 100644 index dc6dbce1..00000000 --- a/demo/src/less/settings/type.less +++ /dev/null @@ -1,20 +0,0 @@ -// ========================================================================== -// Typography -// ========================================================================== - -@font-sans-serif: 'Gordita', 'Avenir', 'Helvetica Neue', sans-serif; - -@font-size-base: 15; -@font-size-small: 13; -@font-size-large: 18; -@font-size-h1: 64; - -@font-weight-light: 300; -@font-weight-regular: 400; -@font-weight-medium: 500; -@font-weight-bold: 600; -@font-weight-black: 900; - -@line-height-base: 1.75; - -@letter-spacing-headings: -0.025em; diff --git a/demo/src/less/type/base.less b/demo/src/less/type/base.less deleted file mode 100644 index 70eddcb4..00000000 --- a/demo/src/less/type/base.less +++ /dev/null @@ -1,35 +0,0 @@ -// ========================================================================== -// Base -// ========================================================================== - -// Set to 100% for rem sizing -html { - font-size: 100%; -} - -body { - font-family: @font-sans-serif; - line-height: @line-height-base; - color: @color-text; - font-weight: @font-weight-medium; - text-shadow: 0 1px 1px fade(#000, 15%); - .font-smoothing(); - .font-size(@font-size-base); -} - -button, -input, -select, -textarea { - font: inherit; -} - -p, -small { - margin: 0 0 @spacing-base; -} - -small { - display: block; - .font-size(@font-size-small); -} diff --git a/demo/src/less/type/headings.less b/demo/src/less/type/headings.less deleted file mode 100644 index 5e46bf34..00000000 --- a/demo/src/less/type/headings.less +++ /dev/null @@ -1,10 +0,0 @@ -// ========================================================================== -// Headings -// ========================================================================== - -h1 { - margin: 0 0 (@spacing-base / 2); - font-weight: @font-weight-bold; - letter-spacing: @letter-spacing-headings; - .font-size(@font-size-h1); -} diff --git a/demo/src/less/utilities/color.less b/demo/src/less/utilities/color.less deleted file mode 100644 index 8d6b1c4f..00000000 --- a/demo/src/less/utilities/color.less +++ /dev/null @@ -1,11 +0,0 @@ -// ========================================================================== -// Color -// ========================================================================== - -.color--vimeo { - color: @color-vimeo; -} - -.color--youtube { - color: @color-youtube; -} diff --git a/demo/src/less/utilities/hidden.less b/demo/src/less/utilities/hidden.less deleted file mode 100644 index a48b107a..00000000 --- a/demo/src/less/utilities/hidden.less +++ /dev/null @@ -1,7 +0,0 @@ -// ========================================================================== -// Hidden -// ========================================================================== - -[hidden] { - display: none; -} |