mirror of
https://github.com/shaka-project/shaka-player.git
synced 2026-06-16 16:16:40 +03:00
Joey Parrish
23c79955a7
Importing in less is not enough. It will not necessarily inline what is imported by default. The "inline" option, however, will force the CSS file to be inlined. Without this, some of the `@import` statements are put directly into the output file, triggering additional network requests at runtime. This also adds the "css" option, which forces less to treat these inputs as CSS and not as LESS. Finally, we import MDL for the demo app as a node dependency instead of loading it from another origin. This improves the demo's Lighthouse scores of "First Contentful Paint" by 27% and "First Meaningful Paint" by 14%. Change-Id: I28e627d3df494e3c4893d31b6bf818f09e8153e9
65 lines
1.6 KiB
Plaintext
65 lines
1.6 KiB
Plaintext
/**
|
|
* @license
|
|
* Copyright 2016 Google Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
@import "less/general.less";
|
|
@import "less/containers.less";
|
|
@import "less/buttons.less";
|
|
@import "less/range_elements.less";
|
|
@import "less/spinner.less";
|
|
@import "less/other_elements.less";
|
|
@import "less/overflow_menu.less";
|
|
|
|
@import (css, inline) "https://fonts.googleapis.com/css?family=Roboto";
|
|
@import (css, inline) "https://fonts.googleapis.com/icon?family=Material+Icons";
|
|
|
|
/* FIXME: These appear to be unused: */
|
|
|
|
.shaka-cast-receiver-name {
|
|
display: none;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
font-size: 150%;
|
|
padding: 5px;
|
|
|
|
bottom: 50px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
width: max-content;
|
|
}
|
|
|
|
.shaka-cast-connected-button {
|
|
.hidden();
|
|
}
|
|
|
|
/* FIXME: Why are these here? Why must they appear at the end? */
|
|
|
|
/* Add 'button' to hidden and displayed classes
|
|
to make them override display setting previously set in
|
|
.overflowMenu button.
|
|
See https://goo.gl/egXAJY for explanation of
|
|
how CSS cascade rules work. */
|
|
button.shaka-hidden,
|
|
.shaka-hidden {
|
|
.hidden();
|
|
}
|
|
|
|
button.shaka-displayed,
|
|
.shaka-displayed {
|
|
display: flex;
|
|
}
|