blob: 413bc57c26a1750cf2a7c9f536b8d24eeaad989e [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="settings_page/main_page_behavior.html">
<dom-module id="settings-page-styles">
<template>
<style>
:host {
box-sizing: border-box;
display: block;
height: inherit;
margin: 0 auto;
max-width: calc(var(--settings-card-max-width) + 3 * 2px);
min-width: 550px;
position: relative;
width: 96%;
}
:host(.showing-subpage),
:host(.showing-subpage) #basicPage,
:host(.showing-subpage) #advancedPage {
/* The subpage container should extend to the bottom of the page. */
height: 100%;
}
:host > div > :not(.expanded) {
/* The margin and padding here are doing two things: make the total
* separation 24px; and make scrollIntoView align the section header
* with the top item in the side nav menu. Both things are desired
* by Alan (bettes@). */
margin-bottom: 3px;
}
.expanded {
min-height: 100%;
}
.expanding,
.collapsing {
/* Must be lower than the cr-toolbar's z-index.
* See settings_ui.html. */
z-index: 1;
}
</style>
</template>
</dom-module>