blob: bd8cc64e6347e43f86d7f041d9373dd5ca5ac59c [file] [log] [blame]
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
<!--
Discover module card.
Attributes:
* highlight - Switch card to 'highlight card' mode.
Example:
<discover-card>
<div i18n-content="someText"></div>
</discover-card>
-->
<dom-module id="discover-card">
<template>
<style include="iron-flex iron-flex-alignment iron-positioning"></style>
<link rel="stylesheet" href="../oobe_iron_flex_layout_fix.css">
<link rel="stylesheet" href="../oobe_fonts.css">
<link rel="stylesheet" href="discover_card.css">
<div class="fit layout vertical center end-justified">
<div id="background-container"
class="fit layout horizontal center center-justified">
<slot name="background"></slot>
</div>
<div id="gradient-container" class="fit layout vertical end-justified">
<div id="gradient"></div>
</div>
<div id="label-container" class="layout horizontal center">
<div id="icon">
<slot name="icon"></slot>
</div>
<div id="title">
<slot name="title"></slot>
</div>
</div>
</div>
</template>
</dom-module>