Y-SLD/assets/playkit/examples/css/demos/demos.css

68 lines
5.0 KiB
CSS

body.demo-examples {
background: #fafafb; }
body.demo-examples .demo-wrapper {
font-size: 1rem; }
body.demo-examples .demo-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
body.demo-examples .demo-heading {
font-size: 1.75rem;
margin: 0;
margin-right: auto;
-webkit-transition: font-size .25s;
transition: font-size .25s; }
body.demo-examples .docs-brief-intro {
padding: 1rem 1.5rem;
border-left: 5px solid #39527b; }
body.demo-examples .card {
border: none;
padding: 2rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
.bd-example {
padding: 0;
border: none;
margin-bottom: 1.5rem; }
#contents-wrapper {
position: relative; }
.stuck #contents-wrapper {
position: fixed;
top: 66px;
right: 0;
z-index: 999; }
.stuck #contents-wrapper #contents-heading {
background: #fff;
box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.08); }
#contents-wrapper #contents-heading {
cursor: pointer;
margin: 0;
padding: 1rem; }
#contents-wrapper #contents-index {
position: absolute;
z-index: 999;
top: 3.5rem;
min-width: 260px;
right: 0;
max-height: 380px;
overflow: auto;
display: none;
background: #fff;
box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.08); }
.stuck #contents-wrapper #contents-index {
top: 100%; }
#contents-wrapper #contents-list {
padding: 1rem;
margin: 0;
margin-left: 1.5rem; }
#contents-wrapper #contents-list li {
margin-left: 0;
-webkit-transition: margin-left .3s;
transition: margin-left .3s; }
#contents-wrapper #contents-list li:hover {
margin-left: .5rem; }
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRlbW9zLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLG9CQUFvQixFQUFFO0VBQ3RCO0lBQ0UsZ0JBQWdCLEVBQUU7RUFDcEI7SUFDRSxtQkFBbUI7SUFDbkIscUJBQWM7SUFBZCxxQkFBYztJQUFkLGNBQWMsRUFBRTtFQUNsQjtJQUNFLG1CQUFtQjtJQUNuQixVQUFVO0lBQ1YsbUJBQW1CO0lBQ25CLG1DQUEyQjtJQUEzQiwyQkFBMkIsRUFBRTtFQUMvQjtJQUNFLHFCQUFxQjtJQUNyQiwrQkFBK0IsRUFBRTtFQUNuQztJQUNFLGFBQWE7SUFDYixjQUFjO0lBQ2QsMENBQTBDLEVBQUU7O0FBRWhEO0VBQ0UsV0FBVztFQUNYLGFBQWE7RUFDYixzQkFBc0IsRUFBRTs7QUFFMUI7RUFDRSxtQkFBbUIsRUFBRTtFQUNyQjtJQUNFLGdCQUFnQjtJQUNoQixVQUFVO0lBQ1YsU0FBUztJQUNULGFBQWEsRUFBRTtJQUNmO01BQ0UsaUJBQWlCO01BQ2pCLDZDQUE2QyxFQUFFO0VBQ25EO0lBQ0UsZ0JBQWdCO0lBQ2hCLFVBQVU7SUFDVixjQUFjLEVBQUU7RUFDbEI7SUFDRSxtQkFBbUI7SUFDbkIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7SUFDakIsU0FBUztJQUNULGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsY0FBYztJQUNkLGlCQUFpQjtJQUNqQiw2Q0FBNkMsRUFBRTtJQUMvQztNQUNFLFVBQVUsRUFBRTtFQUNoQjtJQUNFLGNBQWM7SUFDZCxVQUFVO0lBQ1Ysb0JBQW9CLEVBQUU7SUFDdEI7TUFDRSxlQUFlO01BQ2Ysb0NBQTRCO01BQTVCLDRCQUE0QixFQUFFO0lBQ2hDO01BQ0UsbUJBQW1CLEVBQUUiLCJmaWxlIjoiZGVtb3MvZGVtb3MuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiYm9keS5kZW1vLWV4YW1wbGVzIHtcbiAgYmFja2dyb3VuZDogI2ZhZmFmYjsgfVxuICBib2R5LmRlbW8tZXhhbXBsZXMgLmRlbW8td3JhcHBlciB7XG4gICAgZm9udC1zaXplOiAxcmVtOyB9XG4gIGJvZHkuZGVtby1leGFtcGxlcyAuZGVtby1oZWFkZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4OyB9XG4gIGJvZHkuZGVtby1leGFtcGxlcyAuZGVtby1oZWFkaW5nIHtcbiAgICBmb250LXNpemU6IDEuNzVyZW07XG4gICAgbWFyZ2luOiAwO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbiAgICB0cmFuc2l0aW9uOiBmb250LXNpemUgLjI1czsgfVxuICBib2R5LmRlbW8tZXhhbXBsZXMgLmRvY3MtYnJpZWYtaW50cm8ge1xuICAgIHBhZGRpbmc6IDFyZW0gMS41cmVtO1xuICAgIGJvcmRlci1sZWZ0OiA1cHggc29saWQgIzM5NTI3YjsgfVxuICBib2R5LmRlbW8tZXhhbXBsZXMgLmNhcmQge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nOiAycmVtO1xuICAgIGJveC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpOyB9XG5cbi5iZC1leGFtcGxlIHtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyOiBub25lO1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07IH1cblxuI2NvbnRlbnRzLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cbiAgLnN0dWNrICNjb250ZW50cy13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiA2NnB4O1xuICAgIHJpZ2h0OiAwO1xuICAgIHotaW5kZXg6IDk5OTsgfVxuICAgIC5zdHVjayAjY29udGVudHMtd3JhcHBlciAjY29udGVudHMtaGVhZGluZyB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmO1xuICAgICAgYm94LXNoYWRvdzogLTJweCAycHggNnB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7IH1cbiAgI2NvbnRlbnRzLXdyYXBwZXIgI2NvbnRlbnRzLWhlYWRpbmcge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMXJlbTsgfVxuICAjY29udGVudHMtd3JhcHBlciAjY29udGVudHMtaW5kZXgge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiA5OTk7XG4gICAgdG9wOiAzLjVyZW07XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgICByaWdodDogMDtcbiAgICBtYXgtaGVpZ2h0OiAzODBweDtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgYm94LXNoYWRvdzogLTJweCAycHggOHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7IH1cbiAgICAuc3R1Y2sgI2NvbnRlbnRzLXdyYXBwZXIgI2NvbnRlbnRzLWluZGV4IHtcbiAgICAgIHRvcDogMTAwJTsgfVxuICAjY29udGVudHMtd3JhcHBlciAjY29udGVudHMtbGlzdCB7XG4gICAgcGFkZGluZzogMXJlbTtcbiAgICBtYXJnaW46IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDEuNXJlbTsgfVxuICAgICNjb250ZW50cy13cmFwcGVyICNjb250ZW50cy1saXN0IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgICAgdHJhbnNpdGlvbjogbWFyZ2luLWxlZnQgLjNzOyB9XG4gICAgI2NvbnRlbnRzLXdyYXBwZXIgI2NvbnRlbnRzLWxpc3QgbGk6aG92ZXIge1xuICAgICAgbWFyZ2luLWxlZnQ6IC41cmVtOyB9XG4iXX0= */