blob: b671e37100415d2e5500f87b9e6d6c144d34f2e9 [file] [log] [blame]
/*
* Copyright 2019-2020 The Go Authors. All rights reserved.
* Use of this source code is governed by a BSD-style
* license that can be found in the LICENSE file.
*/
:root {
--gray-1: #202224;
--gray-2: #3e4042;
--gray-3: #555759;
--gray-4: #6e7072;
--gray-5: #848688;
--gray-6: #aaacae;
--gray-7: #c6c8ca;
--gray-8: #dcdee0;
--gray-9: #f0f1f2;
--gray-10: #fafafa;
--turq-light: #5dc9e2;
--turq-med: #00add8;
--turq-dark: #007d9c;
--blue: #92e1f3;
--black: #000;
--green: #00a29c;
--pink: #ce3262;
--purple: #542c7d;
--slate: #253443; /* Footer background. */
--white: #fff;
--yellow: #fddd00;
--header-height: 3.5rem;
}
*,
:before,
:after {
box-sizing: border-box;
}
html,
body {
/**
* This is used to programatically detect whether overflow needs to be altered
* to prevent jitter when focusing within fixed elements on iOS.
* It also must be set to 'touch' for the fix to work.
*/
-webkit-overflow-scrolling: touch;
height: 100%;
}
body {
color: var(--gray-1);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji';
margin: 0;
}
button,
input,
select,
textarea {
font: inherit;
}
a,
a:link,
a:visited {
color: var(--turq-dark);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
word-break: break-word;
}
h1,
h2,
h3 {
font-weight: 600;
}
h4,
h5,
h6 {
font-weight: 500;
}
h1 {
font-size: 1.5rem;
}
h2 {
font-size: 1.125rem;
}
h3 {
font-size: 1rem;
}
/**
* As header elements are not interactive, it’s okay to remove the visual
* indicator. https://css-tricks.com/focus-styles-non-interactive-elements/
*/
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
outline: 0;
}
p {
font-size: 1rem;
line-height: 1.5rem;
}
.u-breakWord {
word-break: break-word;
}
code,
pre {
font-size: 1rem;
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
}
.Site {
display: flex;
flex-direction: column;
min-height: 100%;
}
.Site-content {
flex: 1;
padding: 0 1rem;
}
.Site--redesign.Site--wide .Site-content {
padding: 0;
}
.Site-footer {
margin-top: 5rem;
}
@media only screen and (min-width: 57.7rem) {
.Site-content {
padding: 0 1.5rem;
}
.Site--redesign.Site--wide .Site-content {
padding: 0;
}
}
.FeedbackButton {
cursor: pointer;
}
.AutoComplete-list {
margin: 0 0.5rem 0 0;
list-style: none;
padding: 0;
}
.AutoComplete-list li:first-child {
border-top: 0.0625rem solid var(--gray-8);
margin-top: 0.3125rem;
}
.AutoComplete-list li {
padding: 0.25rem 0;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
.AutoComplete-list li:hover,
.AutoComplete-list li[aria-selected='true'] {
background-color: var(--gray-9);
}
.Banner {
/**
* Only show on wide viewports so the
* text never wraps or gets cut off.
*/
display: none;
background-color: #000;
}
.Banner-inner {
align-items: center;
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 75.75rem;
min-height: 2.5rem;
padding: 0.5rem 1.5rem;
}
.Site--wide .Banner-inner {
max-width: none;
}
.Site--redesign .Banner-inner {
max-width: 98rem;
}
.Banner-message {
color: #fff;
margin-right: 1.25rem;
}
.Banner-action:link,
.Banner-action:visited {
color: #fff;
text-decoration: underline;
white-space: nowrap;
}
@media only screen and (min-width: 52rem) {
.Banner {
display: block;
}
}
.Header {
margin: 0 auto;
max-width: 75.75rem;
}
.Site--wide .Header {
max-width: none;
}
.Site--redesign .Header {
max-width: 98rem;
}
.Site-header {
background: var(--turq-dark);
box-shadow: 0 0.0625rem 0.125rem rgba(171, 171, 171, 0.3);
width: 100%;
z-index: 1;
}
.Header-logoLink {
margin-right: auto;
}
.Header-nav {
align-items: center;
display: flex;
height: var(--header-height);
justify-content: space-between;
}
.Header-logo {
display: block;
height: 2rem;
margin: 0 2.25rem 0 1rem;
width: 5.125rem;
}
.Header-menu {
display: flex;
list-style: none;
height: 100%;
margin: 0;
padding: 0;
}
.Header-menuItem {
display: none;
}
@media only screen and (min-width: 57.7rem) {
.Header {
padding: 0 1.5rem;
}
.Header-logo {
margin-left: 1.4rem;
}
.Header-menuItem {
display: inline-flex;
flex: none;
}
.Header-menu {
justify-content: flex-end;
margin-left: 1.4rem;
}
.Header-navOpen {
display: none;
}
.Header-logo {
margin-left: 0;
}
}
.Header-menuItem a:link,
.Header-menuItem a:visited {
align-items: center;
border-bottom: 0.1875rem solid transparent;
border-top: 0.1875rem solid transparent; /* To ensure the text remains centered. */
color: var(--white);
display: inline-flex;
margin: 0 0.3125rem;
padding: 0 0.9375rem;
text-align: center;
text-decoration: none;
width: 100%;
}
.Header-menuItem--active a:link,
.Header-menuItem--active a:visited {
border-bottom-color: var(--turq-med);
font-weight: bold;
}
.Header-menuItem a:hover {
border-bottom-color: var(--white);
}
.Header-navOpen {
background: no-repeat center/2rem url('/static/img/menu-24px-white.svg');
border: none;
height: 2.5rem;
margin: auto 1rem;
width: 2.5rem;
}
.Header-searchForm {
align-items: center;
background-color: transparent;
border: 0.0625rem solid transparent;
border-radius: 0.25rem;
display: flex;
font-size: 1rem;
height: 2rem;
position: relative;
width: 2.25rem;
}
.Header-searchForm:focus-within {
background-color: var(--white);
border-color: var(--gray-8);
flex: 1;
left: 1rem;
position: absolute;
width: calc(100% - 5.25rem);
}
.Header-searchFormInput {
background-color: transparent;
border: none;
box-sizing: border-box;
color: transparent;
flex: 1;
height: 100%;
outline: none;
position: absolute;
width: 100%;
}
.Header-searchFormInput::placeholder {
color: transparent;
}
.Header-searchForm:focus-within .Header-searchFormInput {
color: var(--gray-1);
height: auto;
position: relative;
width: auto;
}
.Header-searchForm:focus-within .Header-searchFormInput::placeholder {
color: var(--gray-4);
}
.Header-searchFormSubmit {
background-color: transparent;
border: none;
box-sizing: border-box;
cursor: pointer;
display: flex;
}
.Header-searchFormSubmitIcon {
box-sizing: border-box;
cursor: pointer;
fill: var(--white);
width: 1.4375rem;
}
.Header-searchForm:focus-within .Header-searchFormSubmitIcon {
fill: var(--gray-4);
}
@media only screen and (min-width: 26.875rem) {
.Header-searchForm {
background-color: var(--white);
border-color: var(--gray-8);
flex: 1;
width: auto;
}
.Header-searchForm:focus-within {
left: 0;
position: relative;
width: auto;
}
.Header-searchFormSubmitIcon {
fill: var(--gray-4);
}
.Header-searchFormInput {
color: var(--gray-1);
height: auto;
position: relative;
width: auto;
}
.Header-searchFormInput::placeholder {
color: var(--gray-4);
}
}
.NavigationDrawer {
background: var(--white);
display: none;
height: 100%;
left: auto;
max-width: 27rem;
position: fixed;
right: 0;
top: 0;
width: 85%;
z-index: 10;
}
.NavigationDrawer.is-active {
display: initial;
}
.NavigationDrawer-header {
display: flex;
justify-content: space-between;
}
.NavigationDrawer-logo {
display: block;
height: 2rem;
margin: 1rem 1rem;
width: 5.125rem;
}
.NavigationDrawer-close {
background: no-repeat center/2rem url('/static/img/close-24px.svg');
border: none;
height: 2.5rem;
margin: auto 1rem;
width: 2.5rem;
}
.NavigationDrawer-list {
list-style: none;
margin: 0;
padding: 0;
}
.NavigationDrawer-listItem {
font-size: 1.5rem;
margin: 0 0.5rem;
}
.NavigationDrawer-listItem a:link,
.NavigationDrawer-listItem a:visited {
display: block;
margin: 0 1rem;
padding: 1rem;
}
.NavigationDrawer-listItem--active {
background-color: var(--gray-8);
border-radius: 0.4rem;
}
.NavigationDrawer-scrim {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 5;
}
.NavigationDrawer.is-active + .NavigationDrawer-scrim {
background-color: rgba(0, 0, 0, 0.32);
display: block;
}
.DetailsHeader {
margin-top: 0.75rem;
}
.DetailsHeader-banner {
align-items: center;
background-color: var(--gray-10);
display: flex;
justify-content: flex-start;
padding-top: 0.1rem;
}
.DetailsHeader-banner--latest {
display: none;
}
.DetailsHeader-infoIcon {
color: var(--gray-3);
flex-shrink: 0;
margin-left: 1rem;
margin-right: 0.7rem;
width: 1.3rem;
}
.DetailsHeader-breadcrumb {
align-items: center;
display: flex;
flex-wrap: wrap;
word-break: break-word;
}
.DetailsHeader-main {
margin-top: 0.25rem;
}
.DetailsHeader-title {
display: inline-block;
font-size: 1.875rem;
margin: 0;
height: 2.1875rem;
}
.DetailsHeader-version {
display: inline-block;
margin: 0 0.5rem;
}
.DetailsHeader-badge {
border-radius: 1rem;
display: inline-block;
font-size: 0.75rem;
padding: 0.25rem 0.75rem;
position: relative;
top: -0.125rem;
}
.DetailsHeader-badge--latest {
background: var(--turq-dark);
}
.DetailsHeader-badge--latest a {
display: none;
}
.DetailsHeader-badge--latest span.DetailsHeader-span--notAtLatest {
display: none;
}
.DetailsHeader-badge--notAtLatest {
background: var(--turq-dark);
}
.DetailsHeader-badge--notAtLatest a {
display: none;
}
.DetailsHeader-badge--notAtLatest span.DetailsHeader-span--latest {
display: none;
}
.DetailsHeader-badge--notAtLatest .UnitMetaDetails-icon {
z-index: 1;
}
.DetailsHeader-badge--notAtLatest .UnitMetaDetails-toggletipBubble {
color: black;
text-transform: none;
}
.DetailsHeader-span--notAtLatest .UnitMetaDetails-toggletip {
height: 0;
}
.DetailsHeader-span--notAtLatest .UnitMetaDetails-toggletip button {
height: 0.8125rem;
line-height: 0;
}
.DetailsHeader-span--notAtLatest .UnitMetaDetails-toggletip img {
vertical-align: middle;
}
.DetailsHeader-badge--goToLatest {
background: var(--pink);
}
.DetailsHeader-badge--goToLatest a {
color: var(--white);
}
.DetailsHeader-badge--goToLatest span {
display: none;
}
.DetailsHeader-badge--unknown a {
display: none;
}
.DetailsHeader-badge--unknown span {
display: none;
}
.DetailsHeader-breadcrumbCurrent {
color: var(--gray-3);
}
.DetailsHeader-breadcrumbDivider {
color: var(--gray-3);
margin: 0 0.3rem;
}
.Error-gopher,
.EmptyContent-gopher,
.Fetch-gopher,
.SearchResults-emptyContentGopher {
display: block;
margin: auto;
max-width: 15rem;
padding: 1.25rem 0;
}
.Error-message,
.EmptyContent-message,
.SearchResults-emptyContentMessage {
text-align: center;
}
.Fetch-button {
background-color: var(--gray-10);
border-radius: 0.5rem;
border: 0.0625rem solid var(--gray-8);
color: var(--turq-dark);
font-size: 1rem;
height: 2.5rem;
margin: 1rem 0;
min-width: 5rem;
padding: 0rem 1rem;
}
.Fetch-container {
align-items: center;
display: flex;
flex-flow: column;
}
@keyframes blink {
0% {
opacity: 0.2;
}
20% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
.Fetch-dot {
animation-duration: 1.4s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: blink;
background-color: var(--turq-dark);
border-radius: 50%;
display: inline-block;
height: 0.5rem;
width: 0.5rem;
}
.Fetch-loading {
display: none;
}
.Fetch-loading:nth-child(2) {
animation-delay: 0.2s;
}
.Fetch-loading:nth-child(3) {
animation-delay: 0.4s;
}
.Fetch-message,
.Fetch-messageSecondary {
text-align: center;
}
.SearchResults {
margin: 0 auto;
max-width: 60em;
padding: 2rem 0;
}
.SearchResults-header {
font-size: 1.875rem;
margin: 0;
}
.SearchResults-help {
margin-top: 0.3125rem;
}
.SearchResults-resultCount {
color: var(--gray-3);
margin-top: 1.125rem;
margin-bottom: 0.625rem;
display: flex;
justify-content: space-between;
}
.SearchResults-footer {
display: flex;
justify-content: flex-end;
}
.Error-gopher,
.EmptyContent-gopher,
.NotFound-gopher,
.SearchResults-emptyContentGopher {
display: block;
height: 15rem;
margin: auto;
padding: 1.25rem 0;
width: 15rem;
}
.Error-message,
.EmptyContent-message,
.NotFound-message,
.SearchResults-emptyContentMessage {
text-align: center;
}
.NotFound-container {
display: flex;
justify-content: center;
}
.NotFound-button {
height: 2.5rem;
font-size: 1rem;
border-radius: 1rem;
background-color: var(--turq-dark);
color: white;
padding: 0rem 2rem;
}
.NotFound-button-disabled {
height: 2.5rem;
font-size: 1rem;
border-radius: 1rem;
background-color: var(--gray-5);
color: white;
padding: 0rem 2rem;
}
.SearchSnippet {
border-top: 0.0625rem solid var(--gray-8);
padding: 1rem 0;
}
.SearchSnippet:only-of-type,
.SearchSnippet:last-of-type {
border-bottom: 0.0625rem solid var(--gray-8);
margin-bottom: 1rem;
}
.SearchSnippet-header {
margin: 0 0 0.3125rem;
font-size: 1.5rem;
}
.SearchSnippet-synopsis {
color: var(--gray-3);
margin: 0 0 1rem;
}
.SearchSnippet-infoLabel {
font-size: 0.875rem;
line-height: 1.375rem;
}
.SearchResults .Pagination-nav,
.SearchResults-help,
.SearchResults-resultCount {
font-size: 0.875rem;
flex-wrap: wrap;
}
.Pagination-nav {
display: flex;
}
.Pagination-navInner {
display: flex;
flex: 1;
justify-content: space-between;
}
.Pagination-previous[aria-disabled='true'],
.Pagination-next[aria-disabled='true'] {
color: var(--gray-6);
}
.Pagination-number {
padding: 0 6px;
color: var(--gray-1);
}
@media only screen and (min-width: 800px) {
.SearchResults .Pagination-nav,
.SearchResults-help,
.SearchResults-resultCount {
font-size: 1.125rem;
flex-wrap: wrap;
}
.Pagination-navInner {
max-width: 400px;
}
.Pagination-previous {
margin-right: 12px;
}
.Pagination-next {
margin-left: 12px;
}
}
.Overview-module {
border-bottom: 0.0625rem solid var(--gray-8);
padding-bottom: 2rem;
padding-top: 0.5rem;
}
.Overview-sourceCode {
border-bottom: 0.0625rem solid var(--gray-8);
padding-bottom: 2rem;
}
.Overview-sourceCodeLink {
margin: 0;
}
.Overview-readme {
padding-top: 1rem;
}
.Overview-readmeContainer {
border: 0.0625rem solid var(--gray-8);
border-radius: 0.5rem;
height: 100%;
padding: 1.625rem;
padding-top: 0.5rem;
}
.Overview-readme img {
max-width: 100%;
}
.Overview-readme pre {
overflow-x: auto;
}
.Overview-readmeContent {
overflow-wrap: break-word;
}
.Overview-readmeSource {
color: var(--gray-3);
font-size: 0.875rem;
text-align: right;
margin-top: 1.5rem;
font-style: italic;
}
.DetailsContent {
min-height: 32rem;
margin: 0 auto;
max-width: 60em;
}
.Site--wide .DetailsContent {
max-width: none;
}
.CopyToClipboardButton {
background-color: transparent;
border: none;
cursor: pointer;
height: 1.5rem;
margin: 0 0.5rem;
position: relative;
width: 1.5rem;
}
.CopyToClipboardButton:not([data-tooltip])::before,
.CopyToClipboardButton:not([data-tooltip])::after,
.CopyToClipboardButton[data-tooltip='']::before,
.CopyToClipboardButton[data-tooltip='']::after {
display: none;
}
.CopyToClipboardButton::before {
background-color: rgba(0, 0, 0, 0.75);
border-radius: 3px;
color: var(--white);
content: attr(data-tooltip);
display: block;
font-size: 0.9em;
left: calc(100% + 0.125rem);
position: absolute;
padding: 0.25rem 0.3rem;
text-transform: uppercase;
top: 2px;
white-space: nowrap;
z-index: 1000;
}
.CopyToClipboardButton::after {
border-bottom: 0.25rem solid transparent;
border-left: 0;
border-right: 0.25rem solid rgba(0, 0, 0, 0.75);
border-top: 0.25rem solid transparent;
content: '';
display: block;
position: absolute;
right: -0.125rem;
top: 9px;
z-index: 1000;
}
.CopyToClipboardButton:hover {
background-color: var(--gray-9);
}
.CopyToClipboardButton:active {
background-color: var(--gray-8);
}
.CopyToClipboardButton-image {
display: block;
height: 0.9375rem;
width: 0.8125rem;
}
.DetailsNav {
align-items: center;
border-bottom: 0.0625rem solid var(--gray-8);
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
min-width: 0;
position: relative;
}
.DetailsNav [aria-hidden='true'] {
display: none;
}
.DetailsNav [role='tablist'] {
white-space: nowrap;
}
.DetailsNav [role='tab'] {
color: var(--gray-2);
display: inline-block;
}
.DetailsNav [role='tab'] + [role='tab'] {
margin-left: 1rem;
}
.DetailsNav [role='tab'],
.DetailsNav [role='tab']:link,
.DetailsNav [role='tab']:visited {
border-bottom: 2px solid transparent;
display: inline-block;
color: inherit;
padding: 0.625rem 0.5rem;
}
.DetailsNav [role='tab']:hover {
border-bottom-color: var(--purple);
text-decoration: none;
}
.DetailsNav [role='tab'][aria-disabled='true'],
.DetailsNav [role='tab'][aria-disabled='true']:hover {
border-bottom-color: transparent;
color: var(--gray-5);
cursor: not-allowed;
}
.DetailsNav [role='tab'][aria-selected='true'] {
border-bottom: 2px solid var(--turq-med);
color: var(--gray-1);
font-weight: bold;
}
.DetailsNav [role='tab'][aria-hidden='true'] {
display: none;
}
.DetailsNav-overflowContainer {
display: none;
height: 1.5rem;
position: absolute;
right: 0;
top: 0.4375rem;
width: 1.5rem;
}
.DetailsNav.is-overflowing .DetailsNav-overflowContainer {
display: block;
}
.DetailsNav-overflowImage {
fill: var(--gray-3);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.DetailsNav-overflowSelect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
color: transparent;
cursor: pointer;
font-size: 1rem;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/**
* Firefox allows for styling of option and optgroup tags.
* Ensure they don’t inherit the clear styling of their parent.
*/
.DetailsNav-overflowSelect option {
color: var(--gray-1);
}
.DetailsNavFixed {
background-color: var(--gray-10);
border-bottom: 1px solid var(--gray-8);
height: var(--header-height);
position: fixed;
top: 0;
left: 0;
transition: transform 100ms linear;
width: 100%;
z-index: 1000;
}
.DetailsNavFixed[aria-hidden='true'] {
transform: translateY(calc(var(--header-height) * -1));
}
.DetailsNavFixed [aria-hidden='true'] {
display: none;
}
.DetailsNavFixed-container {
align-items: center;
display: flex;
height: 100%;
margin: 0 auto;
max-width: 75.75rem;
padding: 0 0.5rem;
position: relative;
}
.Site--wide .DetailsNavFixed-container {
max-width: none;
}
.DetailsNavFixed-logoLink {
margin-right: 1rem;
}
.DetailsNavFixed-logo {
display: block;
height: 1.695625;
width: 4.5rem;
}
.DetailsNavFixed-moduleInfo {
align-items: baseline;
display: flex;
flex-wrap: nowrap;
margin-right: 3rem;
min-width: 0;
}
.DetailsNavFixed-title {
font-weight: 600;
font-size: 1.125rem;
line-height: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.DetailsNavFixed-titleType {
display: none;
}
.DetailsNavFixed-titleType--small {
display: inline;
}
@media only screen and (min-width: 25rem) {
.DetailsNavFixed-titleType {
display: inline;
}
.DetailsNavFixed-titleType--small {
display: none;
}
}
.DetailsNavFixed .CopyToClipboardButton {
top: 0.1875rem;
}
.DetailsNavFixed-pathInput {
left: -100vw;
position: absolute;
top: -100vh;
}
.DetailsNavFixed-version {
color: var(--gray-2);
font-size: 0.6875rem;
position: relative;
}
@media only screen and (min-width: 37.5rem) {
.DetailsNavFixed-container {
padding: 0 1rem 0 1.5rem;
}
.DetailsNavFixed-logo {
height: 1.9541rem;
width: 5.1875rem;
}
.DetailsNavFixed-title {
font-size: 1.5rem;
}
.DetailsNavFixed .CopyToClipboardButton {
top: 0.0625rem;
}
.DetailsNavFixed-version {
top: -0.125rem;
}
}
.DetailsNavFixed-overflowingTabList {
display: flex;
flex: 1;
height: 100%;
min-width: 0;
position: relative;
}
.DetailsNavFixed [role='tablist'] {
display: flex;
flex: 1;
height: 100%;
justify-content: flex-end;
margin: 0;
padding: 0;
}
.DetailsNavFixed [role='tab'] + [role='tab'] {
margin-left: 1rem;
}
.DetailsNavFixed [role='tab'] {
border-bottom: 0.25rem solid transparent;
display: block;
height: 100%;
padding: 1.3125rem 0.5rem 0 0.5rem;
white-space: nowrap;
}
.DetailsNavFixed [role='tab']:hover {
border-bottom-color: var(--purple);
text-decoration: none;
}
.DetailsNavFixed [role='tab'][aria-selected='true'] {
border-bottom-color: var(--turq-dark);
}
.DetailsNavFixed [role='tab'][aria-hidden='true'] {
display: none;
}
.DetailsNavFixed [role='tab'][aria-disabled='true'],
.DetailsNavFixed [role='tab'][aria-disabled='true']:hover {
border-bottom-color: transparent;
color: var(--gray-5);
cursor: not-allowed;
}
.DetailsNavFixed-overflowContainer {
display: none;
height: 1.5rem;
position: absolute;
right: 0.0625rem;
top: 1.125rem;
width: 1.5rem;
}
.DetailsNavFixed-overflowingTabList.is-overflowing {
padding-right: 1.5rem;
}
.DetailsNavFixed-overflowingTabList.is-overflowing .DetailsNavFixed-overflowContainer {
display: block;
}
.DetailsNavFixed-overflowImage {
fill: var(--gray-3);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.DetailsNavFixed-overflowSelect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
color: transparent;
cursor: pointer;
font-size: 1rem;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.DetailsNavFixed-overflowSelect option {
color: var(--gray-1);
}
.Container {
color: var(--gray-1);
margin: 0 auto;
max-width: 60em;
position: relative;
}
.Site--wide .Container {
max-width: none;
}
.GodocButton,
.GodocButton:link,
.GodocButton:visited {
border: 0.0625rem solid var(--gray-8);
border-radius: 0.1875rem;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: bold;
margin: 1rem 0;
padding: 0.5rem 1.25rem;
text-align: center;
}
.GodocButton:hover {
text-decoration: none;
}
.GodocButton[href=''],
.GodocButton:link[href=''],
.GodocButton:visited[href=''] {
display: none;
}
@media only screen and (min-width: 57.7rem) {
.GodocButton,
.GodocButton:link,
.GodocButton:visited {
display: inline-block;
margin: 0;
position: absolute;
right: 0;
top: 0;
}
}
.Content {
min-height: 32rem;
margin: 0 auto;
max-width: 60em;
padding: 2rem 0;
}
.Content-header {
margin: 0;
font-size: 1.875rem;
}
.Content h2 {
margin: 0;
}
.Content p {
color: var(--gray-3);
}
.License-contents {
background-color: var(--gray-10);
border: 0.0625rem solid var(--gray-8);
border-radius: 3px;
font-size: 0.875rem;
line-height: 1.375rem;
margin: 0;
overflow-x: auto;
padding: 1.5rem;
tab-size: 4;
}
.License-source {
font-size: 0.875rem;
color: var(--gray-3);
padding-top: 0.5rem;
}
.Disclaimer-link {
font-style: italic;
}
.DocNav,
.DocNavMobile {
display: none;
}
.DocNav-files {
/* This property will be removed once the documentation has been reprocessed
and "Package Files" is listed in the left side nav.*/
display: none;
}
.Documentation {
color: var(--gray-1);
}
.Documentation h2,
.Documentation h3 {
font-size: 1.5rem;
}
.Documentation a {
color: var(--turq-dark);
text-decoration: none;
}
.Documentation a:hover {
text-decoration: underline;
}
.Documentation h2 a,
.Documentation h3 a,
.Documentation h4 a.Documentation-idLink,
.Documentation summary a {
opacity: 0;
}
.Documentation a:focus {
opacity: 1;
}
.Documentation h3 a.Documentation-source {
opacity: 1;
}
.Documentation h2:hover a,
.Documentation h3:hover a,
.Documentation h4:hover a,
.Documentation summary:hover a,
.Documentation summary:focus a {
opacity: 1;
}
.Documentation ul {
line-height: 1.5rem;
list-style: none;
padding-left: 0;
}
.Documentation ul ul {
padding-left: 2em;
}
.Documentation code,
.Documentation pre {
background-color: var(--gray-10);
border-radius: 0.3em;
border: 0.0625rem solid var(--gray-7);
font-size: 0.875rem;
line-height: 1.375rem;
margin: 0;
overflow-x: auto;
padding: 0.625rem;
tab-size: 4;
line-height: 1.25rem;
}
.Documentation pre + pre {
margin-top: 0.625rem;
}
.Documentation .Documentation-declarationLink + pre {
border-radius: 0 0 0.3em 0.3em;
border-top: 0.03125rem solid var(--gray-8);
margin-top: 0;
}
.Documentation pre .comment {
color: #060;
}
.Documentation-toc,
.Documentation-overview,
.Documentation-index,
.Documentation-examples {
padding-bottom: 0;
}
.Documentation-empty {
color: var(--gray-3);
margin-top: -0.5rem;
}
@media only screen and (min-width: 64rem) {
.Documentation-toc {
columns: 2;
white-space: nowrap;
}
}
.Documentation-toc:empty {
display: none;
}
.Documentation-tocItem {
text-overflow: ellipsis;
overflow: hidden;
}
.Documentation-tocItem--constants,
.Documentation-tocItem--funcsAndTypes,
.Documentation-tocItem--functions,
.Documentation-tocItem--types,
.Documentation-tocItem--variables,
.Documentation-tocItem--notes {
display: none;
}
.Documentation-overviewHeader,
.Documentation-indexHeader,
.Documentation-constantsHeader,
.Documentation-variablesHeader,
.Documentation-examplesHeader,
.Documentation-filesHeader,
.Documentation-functionHeader,
.Documentation-typeHeader,
.Documentation-typeMethodHeader,
.Documentation-typeFuncHeader {
margin-bottom: 0.5rem;
}
.Documentation-constants br:last-of-type,
.Documentation-variables br:last-of-type {
display: none;
}
.Documentation-build {
color: var(--gray-3);
font-size: 0.875rem;
padding-top: 1.5rem;
text-align: right;
}
.Documentation-declaration pre {
scroll-padding-top: calc(var(--header-height) + 3.75rem);
}
@media only screen and (min-width: 64rem) {
.Documentation-declaration pre {
scroll-padding-top: calc(var(--header-height) + 0.75rem);
}
}
.Documentation-declaration + .Documentation-declaration {
margin-top: 0.625rem;
}
.Documentation-declarationLink {
display: block;
background-color: var(--gray-10);
border-radius: 0.3em 0.3em 0 0;
border: 0.0625rem solid var(--gray-7);
border-bottom: none;
font-size: 0.75rem;
padding: 0.375rem;
line-height: 0.5rem;
text-align: right;
}
.Documentation-exampleButtonsContainer {
align-items: center;
display: flex;
justify-content: flex-end;
margin-top: 0.5rem;
}
.Documentation-exampleButtonsContainer button {
background-color: var(--white);
border: 0.15rem solid var(--turq-med);
color: var(--turq-med);
cursor: pointer;
flex-shrink: 0;
height: 2.5rem;
width: 4.125rem;
}
.Documentation-exampleDetails {
margin-top: 1rem;
}
.Documentation-exampleDetailsBody pre {
margin: 1rem 0;
}
/**
* We add another selector here to these two classes to increase CSS specificity,
* the selector .Documentation pre + pre overrides .Documentation-exampleCode
* and .Documentation-exampleOutput by itself and would replace the styles.
*/
.Documentation-exampleDetailsBody .Documentation-exampleCode {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: 0;
}
.Documentation-exampleDetailsBody .Documentation-exampleOutput {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin: 0 0 0.5rem;
}
.Documentation-exampleDetailsHeader {
color: var(--turq-dark);
cursor: pointer;
margin-bottom: 2rem;
outline: none;
text-decoration: none;
}
.Documentation-exampleError {
color: var(--pink);
margin-right: 0.4rem;
padding-right: 0.5rem;
}
.Documentation-examplePlayButton::after {
background-image: url(/static/img/icon-launch.svg);
background-repeat: no-repeat;
background-size: 0.875rem 1.25rem;
content: '';
display: inline-block;
height: 1rem;
left: 0.3125rem;
position: relative;
top: 0.125rem;
width: 1rem;
}
.Documentation-filesList {
column-count: 3;
column-width: 12.5rem;
word-break: break-all;
}
/* See https://golang.org/issue/43368 for context. */
.Documentation-function pre,
.Documentation-typeFunc pre,
.Documentation-typeMethod pre {
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
}
.Versions-list {
list-style: none;
padding-left: 1rem;
}
.Versions-list li {
font-size: 1.125rem;
margin-bottom: 0.5rem;
line-height: 1.5rem;
padding-left: 1rem;
}
.Versions-item {
margin-left: 1rem;
}
.Versions-commitTime {
color: var(--gray-3);
font-weight: 400;
font-size: 1rem;
}
.Versions-message {
color: var(--gray-3);
margin-bottom: 2rem;
}
.Versions-modulePath {
color: var(--gray-3);
font-size: 1rem;
font-weight: normal;
}
.Versions-separator {
border-bottom: 0.0625rem solid var(--gray-8);
margin: 2rem 0;
}
.Imports-list {
list-style: none;
padding: 0;
}
.Imports-heading {
font-size: 1.125rem;
line-height: 1.125rem;
}
.ImportedBy-list {
list-style: none;
padding: 0;
}
.ImportedBy .Pagination-nav,
.ImportedBy .Pagination-navInner {
justify-content: flex-start;
}
.DetailsHeader-infoLabel {
font-size: 0.875rem;
line-height: 1.375rem;
margin: 0.5rem 0;
}
.DetailsHeader-infoLabelTitle {
color: var(--gray-1);
}
.DetailsHeader-infoLabelDivider {
color: var(--gray-5);
display: inline-block;
margin: 0 0.625rem;
}
table.Directories {
margin-top: 1.5rem;
max-width: 800px;
}
.Directories td {
border-bottom: 0.0625rem solid var(--gray-8);
max-width: 30rem;
padding: 0.75rem 0;
padding-right: 1rem;
}
.Directories th {
text-align: left;
border-bottom: 0.0625rem solid var(--gray-8);
padding-right: 1rem;
padding-bottom: 0.5rem;
}
.Directories-moduleTag {
background-color: var(--blue);
border-radius: 0.15rem;
color: var(--gray-1);
font-size: 0.74rem;
padding: 0.2rem 0.4rem;
}
.Directory-header {
margin-bottom: 2rem;
}
.Details-content {
margin-left: 40px;
}
.Details-indent {
margin-left: 1.1rem;
}
.Badge-formElement {
display: block;
font-size: 1rem;
margin-top: 1rem;
}
.Badge-badgeIcon {
height: 20px;
width: 90px;
}
.Badge-previewLink,
.Badge-formElement > input {
display: block;
margin-top: 1rem;
max-width: 50.25rem;
}
.Badge-formElement > input {
border: 0.0625rem solid var(--gray-8);
border-radius: 0.25rem;
color: var(--gray-4);
height: 3rem;
padding: 0 2rem 0 0.75rem;
text-overflow: ellipsis;
width: 100%;
}
.Badge-formElement > input:focus::placeholder {
color: transparent;
}
.Badge-clickToCopy {
background: var(--gray-10) url('/static/img/copy-click.svg') right no-repeat;
background-position: right 0.75rem center;
cursor: pointer;
}
.Badge-submitButton {
border: none;
border-radius: 0.25rem;
background-color: var(--turq-dark);
color: var(--white);
cursor: pointer;
height: 2.75rem;
width: 7.125rem;
}
.Badge-snippetContainer {
background-color: var(--gray-10);
display: block;
margin-top: 1rem;
max-width: 50.25rem;
padding: 1rem;
}
.Badge-gopherLanding {
height: 12.25rem;
text-align: center;
}
.Badge-gopherLanding img {
height: 125px;
width: auto;
}
/* dialogs, including the jump-to-identifier dialog on documentation pages */
.Dialog {
padding: 0;
position: fixed;
border: 0.0625rem solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.5);
}
.Dialog-title {
font-size: 1.125rem;
padding: 0 0.8rem;
}
.Dialog-actions {
text-align: right;
padding: 0.8rem;
}
.Dialog-button {
background: none;
border-radius: 0.625rem;
border: 0.0625rem solid var(--gray-8);
color: var(--turq-dark);
font-size: 1rem;
max-width: 6.25rem;
padding: 0.625rem;
text-align: center;
}
.JumpDialog {
width: 25rem;
}
.JumpDialog-body {
height: 12rem;
overflow-y: scroll;
padding: 0 0 0 0.8rem;
}
.JumpDialog-list {
display: flex;
flex-direction: column;
}
.JumpDialog-filter {
margin: 0.5rem 0.8rem;
}
.JumpDialog-input {
width: 100%;
font-size: 1.125rem;
}
.JumpDialog a {
text-decoration: none;
padding: 0.25rem;
}
.JumpDialog .JumpDialog-active {
color: var(--white);
background-color: var(--turq-dark);
}
.ShortcutsDialog-key {
text-align: right;
}
.ShortcutsDialog table {
padding: 0 1rem;
}
.ImageButton {
border: none;
border-radius: 0.2rem;
cursor: pointer;
background-color: transparent;
padding: 0.2rem 0.375rem;
background-color: transparent;
display: inline-flex;
}
.ImageButton:hover {
background-color: var(--gray-9);
}
.ImageButton:active {
background-color: var(--gray-8);
}
.Site-footer {
background-color: var(--slate);
color: var(--white);
font-size: 0.875rem;
}
.Footer-links {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: auto;
max-width: 75.75rem;
padding: 2rem 1.5rem 2.625rem 1.5rem;
}
.Footer-linkColumn {
flex: 0 0 9.5rem;
}
a.Footer-link {
color: var(--white);
display: flex;
flex: 1;
font-size: 0.875rem;
line-height: 2rem;
}
a.Footer-link--primary {
font-size: 1.125rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
margin-top: 0.75rem;
}
.Footer-bottom {
align-items: center;
border-top: 0.0625rem solid var(--gray-8);
display: flex;
margin: 0 1.5rem;
min-height: 4.125rem;
}
.Footer-gopher {
align-self: flex-end;
height: 3.147rem;
width: 5rem;
}
.Footer-listRow {
display: flex;
flex: 1;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.Footer-listItem {
align-items: center;
display: flex;
flex: 1 100%;
justify-content: center;
margin: 0.4rem 0;
padding: 0 1rem;
}
.Footer-listItem a:link,
.Footer-listItem a:visited {
color: var(--white);
}
@media only screen and (min-width: 52rem) {
.Footer-listItem {
flex: initial;
}
.Footer-listItem + .Footer-listItem {
border-left: 0.0625rem solid var(--gray-7);
}
}
.Footer-feedbackButton {
background: none;
border: none;
color: var(--white);
font-size: 0.875rem;
padding: 0;
}
.Footer-feedbackButton:hover {
cursor: pointer;
text-decoration: underline;
}
.Footer-googleLogo {
align-self: flex-end;
height: 1.5rem;
margin-bottom: 1.3rem;
text-align: right;
}
.Footer-googleLogoImg {
height: 1.5rem;
width: 4.529rem;
}
.Container--fullBleed {
margin: 0;
max-width: none;
}