@uifabric/experiments/lib-commonjs/components/Tile/Tile.scss.js

Experimental React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/* tslint:disable */
var load_themed_styles_1 = require("@microsoft/load-themed-styles");
load_themed_styles_1.loadStyles([{ "rawString": ".tile_63bc8194{display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";-webkit-transition:-webkit-transform 0.1s linear;transition:-webkit-transform 0.1s linear;transition:transform 0.1s linear;transition:transform 0.1s linear, -webkit-transform 0.1s linear;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tile_63bc8194::-moz-focus-inner{border:0}.tile_63bc8194{outline:transparent}.tile_63bc8194.selectable_63bc8194:hover{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": "}.tile_63bc8194.selectable_63bc8194:hover.selected_63bc8194{background-color:" }, { "theme": "neutralQuaternaryAlt", "defaultValue": "#dadada" }, { "rawString": "}.tile_63bc8194.selected_63bc8194{background-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_63bc8194:focus{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f4f4f4" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_63bc8194:focus.selected_63bc8194{background-color:" }, { "theme": "neutralQuaternaryAlt", "defaultValue": "#dadada" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_63bc8194:focus{outline:1px solid " }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_63bc8194:focus.selected_63bc8194{outline:1px solid " }, { "theme": "themePrimary", "defaultValue": "#0078d4" }, { "rawString": "}.tile_63bc8194.hasBackgroundFrame_63bc8194{-webkit-box-shadow:0 1px 3px 1px rgba(1,1,0,0.05);box-shadow:0 1px 3px 1px rgba(1,1,0,0.05)}.tile_63bc8194.hasBackgroundFrame_63bc8194.selectable_63bc8194:hover{outline:1px solid " }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c8c8" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_63bc8194.hasBackgroundFrame_63bc8194:focus{outline:1px solid " }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_63bc8194.hasBackgroundFrame_63bc8194:focus.selected_63bc8194{outline:1px solid " }, { "theme": "themePrimary", "defaultValue": "#0078d4" }, { "rawString": "}.tile_63bc8194.hasBackgroundFrame_63bc8194:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.tile_63bc8194.invokable_63bc8194:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.label_63bc8194{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.description_63bc8194{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.link_63bc8194{border:none;background:transparent;position:absolute;padding:0;top:0;left:0;bottom:0;right:0;width:100%;text-decoration:none;color:inherit;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;text-decoration:none;pointer-events:none}.link_63bc8194::-moz-focus-inner{border:0}.link_63bc8194{outline:transparent}.foreground_63bc8194{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;overflow:hidden;max-width:100%;max-height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.tile_63bc8194.invokable_63bc8194 .foreground_63bc8194{pointer-events:auto;cursor:pointer}.foreground_63bc8194.foregroundHide_63bc8194{opacity:0}.hasForegroundFrame_63bc8194 .foreground_63bc8194{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";-webkit-box-shadow:0 1px 3px 1px rgba(1,1,0,0.05);box-shadow:0 1px 3px 1px rgba(1,1,0,0.05);min-width:32px;min-height:32px}.hasForegroundFrame_63bc8194 .foreground_63bc8194:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.check_63bc8194{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;top:0;border:none;background:none;background-color:transparent;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px}.check_63bc8194::-moz-focus-inner{border:0}.check_63bc8194{outline:transparent}.check_63bc8194{position:absolute}.ms-Fabric--isFocusVisible .check_63bc8194:focus:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid " }, { "theme": "focusBorder", "defaultValue": "#666666" }, { "rawString": "}html[dir='ltr'] .check_63bc8194{right:0}html[dir='rtl'] .check_63bc8194{left:0}.tile_63bc8194.uninvokable_63bc8194 .check_63bc8194{width:100%;height:100%}.tile_63bc8194.selectable_63bc8194 .check_63bc8194{display:-webkit-box;display:-ms-flexbox;display:flex}.tile_63bc8194.selected_63bc8194 .check_63bc8194,.tile_63bc8194:hover .check_63bc8194,.tile_63bc8194.showCheck_63bc8194 .check_63bc8194{opacity:1}.ms-Fabric--isFocusVisible .check_63bc8194:focus{opacity:1}.ms-Fabric--isFocusVisible .tile_63bc8194:focus .check_63bc8194{opacity:1}.background_63bc8194{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.tile_63bc8194.invokable_63bc8194 .background_63bc8194{cursor:pointer;pointer-events:auto}.background_63bc8194.backgroundHide_63bc8194{opacity:0}.aboveNameplate_63bc8194{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;margin:16px 16px 0 16px}.content_63bc8194{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hasForegroundFrame_63bc8194 .content_63bc8194{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nameplate_63bc8194{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;margin:auto 0 0 0;padding:12px 8px;text-align:center;z-index:0}.nameplate_63bc8194 .name_63bc8194{-webkit-transition:color 0.2s linear;transition:color 0.2s linear}.tile_63bc8194.invokable_63bc8194 .nameplate_63bc8194 .name_63bc8194{pointer-events:auto;cursor:pointer}.link_63bc8194:hover .nameplate_63bc8194 .name_63bc8194{text-decoration:underline}.nameplate_63bc8194 .activity_63bc8194{-webkit-transition:color 0.2s linear;transition:color 0.2s linear}.tile_63bc8194.hasBackgroundFrame_63bc8194 .nameplate_63bc8194{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:12px 10px}.signal_63bc8194{display:inline-block}html[dir='ltr'] .signal_63bc8194.storageSignal_63bc8194{margin-left:4px}html[dir='rtl'] .signal_63bc8194.storageSignal_63bc8194{margin-right:4px}html[dir='ltr'] .signal_63bc8194.socialSignal_63bc8194{margin-right:4px}html[dir='rtl'] .signal_63bc8194.socialSignal_63bc8194{margin-left:4px}html[dir='ltr'] .signal_63bc8194.lifecycleSignal_63bc8194{margin-right:4px}html[dir='rtl'] .signal_63bc8194.lifecycleSignal_63bc8194{margin-left:4px}.name_63bc8194{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}html[dir='ltr'] .name_63bc8194{margin-left:-8px}html[dir='rtl'] .name_63bc8194{margin-right:-8px}html[dir='ltr'] .name_63bc8194{padding-left:8px}html[dir='rtl'] .name_63bc8194{padding-right:8px}.name_63bc8194,.isLarge_63bc8194 .name_63bc8194{font-size:14px;height:30px;margin-top:-7px;margin-bottom:-8px}.isSmall_63bc8194 .name_63bc8194{font-size:12px;height:24px;margin-top:-5px;margin-bottom:-7px}.activity_63bc8194{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:12px;color:#767676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;height:24px;margin-bottom:-4px}html[dir='ltr'] .activity_63bc8194{margin-left:-8px}html[dir='rtl'] .activity_63bc8194{margin-right:-8px}html[dir='ltr'] .activity_63bc8194{padding-left:8px}html[dir='rtl'] .activity_63bc8194{padding-right:8px}.hasBackgroundFrame_63bc8194 .name_63bc8194{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hasBackgroundFrame_63bc8194 .activity_63bc8194{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hasBackground_63bc8194 .nameplate_63bc8194:before{position:absolute;content:'';display:block;top:-12px;bottom:0;left:0;right:0;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.65)), color-stop(55%, rgba(0,0,0,0.5525)), color-stop(80%, rgba(0,0,0,0.195)), to(rgba(0,0,0,0)));background-image:linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.5525) 55%, rgba(0,0,0,0.195) 80%, rgba(0,0,0,0) 100%);z-index:-1;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;opacity:0}.hasBackground_63bc8194.showBackground_63bc8194 .name_63bc8194{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";text-shadow:0.5px 0.5px 2px rgba(0,0,0,0.55)}.hasBackground_63bc8194.showBackground_63bc8194 .activity_63bc8194{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";text-shadow:0.5px 0.5px 2px rgba(0,0,0,0.55)}.hasBackground_63bc8194.showBackground_63bc8194 .nameplate_63bc8194:before{opacity:1}\n" }]);
exports.tile = "tile_63bc8194";
exports.selectable = "selectable_63bc8194";
exports.selected = "selected_63bc8194";
exports.hasBackgroundFrame = "hasBackgroundFrame_63bc8194";
exports.invokable = "invokable_63bc8194";
exports.label = "label_63bc8194";
exports.description = "description_63bc8194";
exports.link = "link_63bc8194";
exports.foreground = "foreground_63bc8194";
exports.foregroundHide = "foregroundHide_63bc8194";
exports.hasForegroundFrame = "hasForegroundFrame_63bc8194";
exports.check = "check_63bc8194";
exports.uninvokable = "uninvokable_63bc8194";
exports.showCheck = "showCheck_63bc8194";
exports.background = "background_63bc8194";
exports.backgroundHide = "backgroundHide_63bc8194";
exports.aboveNameplate = "aboveNameplate_63bc8194";
exports.content = "content_63bc8194";
exports.nameplate = "nameplate_63bc8194";
exports.name = "name_63bc8194";
exports.activity = "activity_63bc8194";
exports.signal = "signal_63bc8194";
exports.storageSignal = "storageSignal_63bc8194";
exports.socialSignal = "socialSignal_63bc8194";
exports.lifecycleSignal = "lifecycleSignal_63bc8194";
exports.isLarge = "isLarge_63bc8194";
exports.isSmall = "isSmall_63bc8194";
exports.hasBackground = "hasBackground_63bc8194";
exports.showBackground = "showBackground_63bc8194";
//# sourceMappingURL=Tile.scss.js.map