aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/docs.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/docs.scss')
-rw-r--r--src/sass/docs.scss140
1 files changed, 0 insertions, 140 deletions
diff --git a/src/sass/docs.scss b/src/sass/docs.scss
deleted file mode 100644
index 666474ae..00000000
--- a/src/sass/docs.scss
+++ /dev/null
@@ -1,140 +0,0 @@
-// ==========================================================================
-// HTML5 Video Player Demo Page
-// ==========================================================================
-
-// Reset
-@import "docs/normalize";
-// Mixins
-@import "docs/mixins";
-
-// Variables
-// ---------------------------------------
-// Colors
-$blue: #3498DB;
-$gray-dark: #343f4a;
-$gray: #565d64;
-$gray-light: #cbd0d3;
-
-// Elements
-$link-color: $blue;
-$padding-base: 20px;
-
-// Breakpoints
-$screen-md: 768px;
-
-// BORDER-BOX ALL THE THINGS!
-// http://paulirish.com/2012/box-sizing-border-box-ftw/
-*, *::after, *::before {
- box-sizing: border-box;
-}
-
-// Base
-html {
- //font-size: 62.5%;
-}
-body {
- font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
- background: #fff;
- line-height: 1.5;
- text-align: center;
- color: #6D797F;
-}
-
-// Type
-h1,
-h2 {
- letter-spacing: -.025em;
- color: #2E3C44;
- margin: 0 0 ($padding-base / 2);
- line-height: 1.2;
- @include font-smoothing();
-}
-h1 {
- @include font-size(64);
- color: #3498DB;
-}
-p,
-small {
- margin: 0 0 $padding-base;
-}
-small {
- display: block;
- padding: 0 ($padding-base / 2);
- @include font-size(14);
-}
-
-// Header
-header {
- padding: $padding-base;
- margin-bottom: $padding-base;
-
- p {
- @include font-size(18);
- }
- @media (min-width: 560px) {
- padding-top: ($padding-base * 3);
- padding-bottom: ($padding-base * 3);
- }
-}
-
-// Sections
-section {
- padding-bottom: $padding-base;
-
- @media (min-width: 560px) {
- padding-bottom: ($padding-base * 2);
- }
-}
-
-// Links & Buttons
-a {
- text-decoration: none;
- color: $link-color;
- border-bottom: 1px solid currentColor;
- transition: all .3s ease;
-
- &:hover,
- &:focus {
- color: #000;
- }
- &:focus {
- @include tab-focus();
- }
-}
-.btn {
- display: inline-block;
- padding: ($padding-base / 2) ($padding-base * 1.5);
- background: $link-color;
- border: 0;
- color: #fff;
- @include font-smoothing(on);
- font-weight: 600;
- border-radius: 3px;
-
- &:hover,
- &:focus {
- color: #fff;
- background: darken($link-color, 5%);
- }
-}
-
-// Players
-.example-audio .player {
- max-width: 480px;
-}
-.example-video .player {
- max-width: 1200px;
-}
-.example-audio .player,
-.example-video .player {
- margin: 0 auto $padding-base;
-
- &-fullscreen,
- &.fullscreen-active {
- max-width: none;
- }
-}
-
-// Fonts
-// Last to not block rendering
-@import "docs/fontface.less";