4 // TOC on article pages
31 @include display-flex();
37 background-color: $gray-light;
38 box-shadow: $nav-box-shadow;
39 padding: 1em 1em 0.5em 1em;
40 margin-bottom: 1em; /* so the box shadow doesn't get cut off */
51 background-image: $nav-hover-gradient;
80 content: ''; /* don't make it look like you can toggle it closed */
90 border-top: $default-border;
98 border-bottom: $default-border;
103 // Footer at bottom of articles
105 @include display-flex();
106 @include align-items(center);
108 //font-size: $small-label-size;
110 color: lighten($text, 5%);
120 // Multi-step codelabs
121 .h1-step { display: block; font-size: 0.5em; line-height: 150%; }
123 // API roundup on codelabs
124 .anchor-link-icon { padding-left: 1px; }
126 // Large than mobile.
127 @media only screen and (min-width: $break-small) {
138 // article.js adds and removes the fixed nav depending on the scroll position.
142 -webkit-transform: translateZ(0); /* repaint issue */
147 width: $article-width;
149 border-right: 1px solid $gray-light;
150 min-height: 250px; /* add min-height so fatnav and sidenav doesn't overlap badly */
158 @media only screen and (max-width: $break-small) {
159 .article-content [itemprop="articleBody"] {
174 padding: $default-padding - 5 $default-padding - 5 $default-padding - 5 0;
175 border-top: $default-border;
178 text-overflow: ellipsis;
188 margin: $default-padding 0;