Minor css fixes

This commit is contained in:
Sarah Fowler 2019-09-27 10:11:05 -04:00
parent 0c6f233507
commit 909dc43dc5

View File

@ -109,9 +109,6 @@ footnote {
display: none; display: none;
} }
.fixedHeaderContainer header img {
}
.nav-footer { .nav-footer {
background: var(--color-primary-text); background: var(--color-primary-text);
} }
@ -120,13 +117,40 @@ footnote {
background: #1a1a1a; background: #1a1a1a;
} }
/** Top Section **/
.home-container {
display: flex;
align-items: center;
justify-content: space-around;
padding: var(--padding-level-3);
}
.home-text {
width: 35%;
}
.sample-code-container {
display: flex;
width: 65%;
justify-content: center;
box-sizing: border-box;
background: url(/img/geo.svg) top right/20% 30% no-repeat,
url(/img/geo.svg) bottom left/30% 50% no-repeat;
}
.sample-code {
width: 80%;
padding: 25px;
box-shadow: 0px 0px 70px rgba(13, 15, 51, 0.06);
background-color: white;
}
.hljs { .hljs {
text-align: left; text-align: left;
background: transparent; background: transparent;
} }
.tabs { .tabs {
max-width: 800px;
margin: 0 auto; margin: 0 auto;
border-top: none; border-top: none;
border-bottom: 4px solid #e0e0e0; border-bottom: 4px solid #e0e0e0;
@ -146,12 +170,6 @@ footnote {
border-bottom: 4px solid #1a1a1a; border-bottom: 4px solid #1a1a1a;
} }
.disabled {
cursor: default;
color: #24292e64 !important;
border-bottom: none;
}
.tab-content { .tab-content {
border-top: 4px solid #e0e0e0; border-top: 4px solid #e0e0e0;
} }
@ -162,32 +180,12 @@ footnote {
top: 4px; top: 4px;
} }
/** Top Section **/ /** **/
.home-container {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--padding-level-3);
}
.home-text { .disabled {
max-width: 40%; cursor: default;
} color: #24292e64 !important;
border-bottom: none;
.sample-code-container {
display: flex;
justify-content: center;
box-sizing: border-box;
max-width: 60%;
background: url("/img/geo.svg") top right/140px 140px no-repeat,
url("/img/geo.svg") bottom left/200px 200px no-repeat;
}
.sample-code {
width: 80%;
padding: 25px;
box-shadow: 0px 0px 70px rgba(13, 15, 51, 0.06);
background-color: white;
} }
blockquote { blockquote {
@ -456,12 +454,15 @@ body
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
max-width: 20%; width: 20%;
color: var(--color-primary-text);
padding: 0 var(--padding-level-1); padding: 0 var(--padding-level-1);
} }
.profileContainer:hover { .profileContainer p {
color: var(--color-primary-text);
}
.profileContainer:hover p {
color: var(--color-primary-brand); color: var(--color-primary-brand);
} }
@ -470,8 +471,6 @@ body
} }
.profileImage { .profileImage {
max-height: 195px;
max-width: 195px;
width: 100%; width: 100%;
border: var(--color-gray); border: var(--color-gray);
} }
@ -575,11 +574,11 @@ body
.home-text { .home-text {
align-content: center; align-content: center;
text-align: center; text-align: center;
max-width: 90%; width: 90%;
padding-top: var(--padding-level-2); padding-top: var(--padding-level-2);
} }
.sample-code-container { .sample-code-container {
max-width: 100%; width: 90%;
} }
} }