[x/go.dev] assets/css: update colors and apply stylelint fixes
gallery/files/a78bf2babcb445ce8fd789d85655dca5
Change-Id: Iac9271c7d4b3a0a6fb90f56038fd970ae29d5907
X-GoDev-Commit: 5daa2760aaf2cdfe7dde8723ed3f2993d20dba09
diff --git a/go.dev/.stylelintrc.json b/go.dev/.stylelintrc.json
index 8321fe2..8374c48 100644
--- a/go.dev/.stylelintrc.json
+++ b/go.dev/.stylelintrc.json
@@ -3,6 +3,7 @@
"stylelint-order"
],
"rules": {
+ "color-hex-case": "lower",
"selector-list-comma-newline-after": "always",
"order/order": [
"custom-properties",
diff --git a/go.dev/assets/css/styles.css b/go.dev/assets/css/styles.css
index f671bc9..5e947e6 100644
--- a/go.dev/assets/css/styles.css
+++ b/go.dev/assets/css/styles.css
@@ -65,13 +65,13 @@
z-index: 10;
}
.CaseStudy-aboutBlock {
- border: 0.0625rem solid #dcdcdc;
+ border: 0.0625rem solid #dcdee0;
border-radius: 0.25rem;
box-sizing: border-box;
padding: 3.75rem 2rem 3.75rem;
}
.CaseStudy-aboutBlockTitle {
- color: #000;
+ color: #202224;
font-size: 1.125rem;
font-weight: 500;
line-height: 3rem;
@@ -93,7 +93,7 @@
* text never wraps or gets cut off.
*/
.Banner {
- background-color: #000;
+ background-color: #202224;
display: none;
}
.Banner-inner {
@@ -128,7 +128,7 @@
}
}
.UseCase-halfColumn {
- color: #3c4043;
+ color: #3e4042;
display: inline-block;
font-size: 1rem;
letter-spacing: 0.0063rem;
@@ -397,7 +397,7 @@
padding: 0.5rem;
}
.NavigationDrawer-listItem--active {
- background-color: #d5eef5;
+ background-color: #bfeaf4;
border-radius: 0.4rem;
}
.NavigationDrawer-scrim {
@@ -436,7 +436,7 @@
.Article h4,
.Article h5,
.Article h6 {
- color: #000;
+ color: #202224;
}
.Article h1 {
font-size: 2.25rem;
@@ -462,7 +462,7 @@
.Article p,
.Article ul,
.Article ol {
- color: #3c4043;
+ color: #3e4042;
font-size: 1rem;
font-style: normal;
font-weight: normal;
@@ -473,7 +473,7 @@
margin-bottom: 0;
}
.Article ol .Article pre {
- background-color: #f8f9f9;
+ background-color: #fafafa;
border: 0.0625rem solid #dcdee0;
border-radius: 0.375rem;
color: #3e4042;
@@ -519,7 +519,7 @@
display: flex;
}
a.BreadcrumbNav-link {
- color: #000;
+ color: #202224;
font-size: 0.875rem;
text-decoration: none;
white-space: nowrap;
@@ -581,7 +581,7 @@
}
.LearnGo,
.UseCases {
- background-color: #f6f8fa;
+ background-color: #fafafa;
}
.WhoUses-header,
.WhyGo-header,
@@ -613,7 +613,7 @@
}
}
.GoCarousel {
- background-color: #f8f9fa;
+ background-color: #fafafa;
display: flex;
justify-items: center;
overflow-x: hidden;
@@ -637,11 +637,11 @@
.GoCarousel-controlPrev,
.GoCarousel-controlNext {
background-color: #fff;
- border-width: 0;
border-radius: 1.25rem;
+ border-width: 0;
box-shadow: 0 0.0625rem 0.1875rem rgba(60, 64, 67, 0.15),
0 0.0625rem 0.125rem rgba(60, 64, 67, 0.3);
- color: #777;
+ color: #848688;
display: inline-block;
font-size: 2.5rem;
height: 2rem;
@@ -655,9 +655,9 @@
}
.GoCarousel-controlPrev:focus,
.GoCarousel-controlNext:focus {
- color: #555;
box-shadow: 0 0.0625rem 0.5rem rgba(60, 64, 67, 0.25),
0 0.0625rem 0.25rem rgba(60, 64, 67, 0.4);
+ color: #555759;
}
.GoCarousel-controlPrev[hidden],
.GoCarousel-controlNext[hidden] {
@@ -717,13 +717,13 @@
}
@media only screen and (min-width: 57.7rem) {
.GettingStartedGo-header {
- border-right: 0.0133rem solid #efefef;
+ border-right: 0.0133rem solid #f0f1f2;
margin-bottom: 0;
padding-right: 3.375rem;
}
}
.GettingStartedGo-headerDesc {
- color: #3c4043;
+ color: #3e4042;
letter-spacing: 0.0063rem;
line-height: 1.5rem;
}
@@ -767,7 +767,7 @@
}
}
.GettingStartedGo-resourcesHeader {
- color: #5f6368;
+ color: #555759;
font-size: 0.6875rem;
letter-spacing: 0.0625rem;
margin-bottom: 1rem;
@@ -777,12 +777,12 @@
margin-bottom: 1rem;
}
a.GettingStartedGo-resourceItemTitle {
- color: #202124;
+ color: #202224;
font-weight: 500;
line-height: 1.5rem;
}
.GettingStartedGo-resourceItemDescription {
- color: #5f6368;
+ color: #555759;
font-size: 0.8125rem;
line-height: 1.5rem;
}
@@ -790,7 +790,7 @@
.WhyGo-headerH4,
.LearnGo-header h4,
.WhoUses-subheader {
- color: #3c4043;
+ color: #3e4042;
font-size: 0.875rem;
font-style: normal;
font-weight: normal;
@@ -893,8 +893,8 @@
}
.Hero-gopherLadder {
bottom: 0;
- max-width: 8rem;
height: 15rem;
+ max-width: 8rem;
object-fit: cover;
object-position: 100% 0;
right: 0;
@@ -1029,10 +1029,10 @@
}
}
.WhoUsesHero {
- background-color: #f6f8f8;
+ background-color: #fafafa;
}
.WhoUses-subheader {
- color: #3c4043;
+ color: #3e4042;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
@@ -1071,7 +1071,7 @@
margin: 1.375rem 0;
}
.WhoUses-heroInnerLeft p {
- color: #5f5f5f;
+ color: #6e7072;
font-size: 0.875rem;
margin-bottom: 1.188rem;
}
@@ -1133,7 +1133,7 @@
.WhoUsesCaseStudyList-caseStudyLink:link,
.WhoUsesCaseStudyList-caseStudyLink:visited {
border-radius: 0.25rem;
- box-shadow: #e8eaed 0 0.0625rem 0.25rem;
+ box-shadow: #f0f1f2 0 0.0625rem 0.25rem;
display: flex;
height: 100%;
padding: 0 0.3rem;
@@ -1191,10 +1191,10 @@
margin-bottom: 1.5rem;
}
.FeaturedUsers table thead {
- background-color: #f8f9f9;
+ background-color: #fafafa;
}
.FeaturedUsers table thead th {
- color: #535353;
+ color: #555759;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
@@ -1239,7 +1239,7 @@
line-height: 1.5rem;
}
.FeaturedUsers table thead {
- color: #535353;
+ color: #555759;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
@@ -1256,7 +1256,7 @@
.FeaturedUsers-moreProjectsBtn {
background: transparent;
border: none;
- color: #12b5cb;
+ color: #5dc9e2;
cursor: pointer;
font-size: 0.875rem;
padding: 0.5rem 0;
@@ -1317,7 +1317,7 @@
margin: 0 0 1.5rem;
}
.WhoUsesCaseStudy-library p {
- color: #484a4c;
+ color: #3e4042;
font-size: 1rem;
letter-spacing: 0.0111rem;
line-height: 1.1875rem;
@@ -1327,7 +1327,7 @@
margin-bottom: 2.5rem;
}
.WhoUsesCaseStudy-view-more a {
- color: #3c4043;
+ color: #3e4042;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
@@ -1403,7 +1403,7 @@
}
}
.WhyGo-reason {
- border: 0.063rem solid #dcdcdc;
+ border: 0.063rem solid #dcdee0;
border-radius: 0.25rem;
display: flex;
flex: 0 30%;
@@ -1439,7 +1439,7 @@
text-decoration: none;
}
.WhyGo-reasonPackages {
- color: #3c4043;
+ color: #3e4042;
font-size: 0.875rem;
letter-spacing: 0.055rem;
}
@@ -1459,10 +1459,10 @@
padding: 0;
}
.WhyGo-reasonPackage {
- border: 0.063rem solid #dbdce0;
+ border: 0.063rem solid #bfeaf4;
border-radius: 0.125rem;
box-sizing: border-box;
- color: #4aa2b7;
+ color: #007d9c;
font-size: 0.688rem;
letter-spacing: 0.0129rem;
line-height: 0.813rem;
@@ -1474,7 +1474,7 @@
}
.WhyGo-reasonShowMoreImgWrapper {
align-items: center;
- background-color: #f6f8f8;
+ background-color: #fafafa;
border-radius: 50%;
display: flex;
height: 14.313rem;
@@ -1491,7 +1491,7 @@
text-align: center;
}
.WhyGo-reasonShowMoreLink a {
- border: 0.063rem solid #dbdce0;
+ border: 0.063rem solid #bfeaf4;
border-radius: 0.125rem;
box-sizing: border-box;
display: inline-block;
@@ -1503,14 +1503,14 @@
vertical-align: middle;
}
.WhyGo-reasonText p {
- color: #3c4043;
+ color: #3e4042;
font-size: 1rem;
font-weight: normal;
letter-spacing: 0.006rem;
line-height: 1.5rem;
}
.WhyGo-reasonTitle {
- color: #202124;
+ color: #202224;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
@@ -1630,7 +1630,7 @@
}
.GoCarousel-eventThumbnail {
background-color: #fff;
- border: 0.0625rem solid #e5e5e5;
+ border: 0.0625rem solid #dcdee0;
border-radius: 0.5rem;
display: flex;
height: 100%;
@@ -1658,14 +1658,14 @@
justify-content: space-between;
}
.GoCarousel-eventDate p {
- color: #5f6368;
+ color: #555759;
font-size: 0.8125rem;
font-style: normal;
line-height: 1rem;
margin: 0 0 1.5rem 0;
}
.GoCarousel-eventHeader {
- color: #5f6368;
+ color: #555759;
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.0625rem;
@@ -1679,7 +1679,7 @@
}
.GoCarousel-eventName a {
-webkit-box-orient: vertical;
- color: #202124;
+ color: #202224;
display: -webkit-box;
font-weight: 500;
-webkit-line-clamp: 2;
@@ -1739,11 +1739,11 @@
}
.Learn-hero {
- background-color: #f6f8f8;
+ background-color: #fafafa;
background-image: radial-gradient(
60.0625rem 60.0625rem,
- #beeaf5 50%,
- #f6f8f8 50%
+ #bfeaf4 50%,
+ #fafafa 50%
);
background-position: top -50rem left -9rem;
background-repeat: no-repeat;
@@ -1752,9 +1752,9 @@
}
.Learn-hero .Container {
- z-index: 1;
- position: relative;
max-width: 68.125rem;
+ position: relative;
+ z-index: 1;
}
.Learn-heroInner {
@@ -1789,7 +1789,7 @@
}
.Learn-heroContent p {
- color: #5f5f5f;
+ color: #6e7072;
font-size: 0.875rem;
line-height: 1.5rem;
max-width: 27.1875rem;
@@ -1959,8 +1959,8 @@
}
.Learn-learningResources h2 {
- font-weight: 500;
font-size: 2rem;
+ font-weight: 500;
letter-spacing: 0.1875rem;
line-height: 2.3125rem;
}
@@ -1971,8 +1971,8 @@
}
.Learn-learningResourcesHeader h3 {
- font-weight: bold;
font-size: 1.5rem;
+ font-weight: bold;
letter-spacing: normal;
line-height: 2.25rem;
}
@@ -2047,7 +2047,7 @@
}
.Learn-inPerson {
- border-bottom: 0.0625rem solid #e0e0e0;
+ border-bottom: 0.0625rem solid #dcdee0;
flex: 1 1 31.25rem;
margin: 0 0 0 1rem; /* Gutter between grid cells. */
max-width: 31rem;
@@ -2056,7 +2056,7 @@
.Learn-inPerson:nth-child(1),
.Learn-inPerson:nth-child(2) {
- border-top: 0.0625rem solid #e0e0e0;
+ border-top: 0.0625rem solid #dcdee0;
}
.Learn-inPersonTitle {
font-size: 1.25rem;
@@ -2079,7 +2079,7 @@
padding: 1.875rem 0 0.175rem 0;
}
.Learn-eventItem + .Learn-eventItem {
- border-top: 0.0625rem solid #e0e0e0;
+ border-top: 0.0625rem solid #dcdee0;
}
.Learn-eventThumbnail {
@@ -2093,25 +2093,25 @@
background-color: #fff;
}
.Learn-eventThumbnail img {
- width: 100%;
height: auto;
object-fit: cover;
+ width: 100%;
}
.Learn-eventAttendees {
display: flex;
}
.Learn-eventAttendeesItem img {
- width: 2rem;
- height: 2rem;
border-radius: 100%;
+ height: 2rem;
+ width: 2rem;
}
.Learn-eventBody {
display: flex;
flex: 1;
flex-direction: column;
- min-width: 0;
max-width: 100%;
+ min-width: 0;
}
.Learn-eventDate {
display: flex;
@@ -2125,27 +2125,27 @@
margin: 0;
}
.Learn-eventName {
- color: #000;
+ color: #202224;
font-size: 1.25rem;
font-weight: 500;
margin: 0;
+
+ margin-bottom: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-
- margin-bottom: 1rem;
}
.Learn-eventName a {
+ color: #202224;
text-decoration: none;
- color: #000;
}
.Learn-eventDescription {
-webkit-box-orient: vertical; /* See webkit-line-clamp */
display: -webkit-box; /* See webkit-line-clamp */
-webkit-line-clamp: 4; /* Elide flex text. webkit-line-clamp is broadly compatible with browsers. */
+ line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
- line-height: 24px;
}
.Learn-eventText {
margin-bottom: 0.5rem;
@@ -2174,14 +2174,14 @@
}
.Learn-eventThumbnail {
height: 8rem;
- min-width: 8rem;
- margin-right: 1rem;
margin-bottom: 0;
+ margin-right: 1rem;
+ min-width: 8rem;
}
.Learn-eventThumbnail img {
height: 8rem;
- width: 8rem;
object-fit: contain;
+ width: 8rem;
}
.Learn-eventDate {
flex: 0;
@@ -2238,7 +2238,7 @@
justify-content: center;
}
.Learn-tile a {
- color: #3c4043;
+ color: #3e4042;
}
.Learn-tileTitle {
display: block;
@@ -2354,7 +2354,7 @@
text-align: center;
}
.Solutions-title h3 {
- color: #3c4043;
+ color: #3e4042;
font-size: 1rem;
font-weight: normal;
letter-spacing: 0.0063rem;
@@ -2376,7 +2376,7 @@
}
.Solutions-headlineBody {
align-items: flex-start;
- color: #5f5f5f;
+ color: #6e7072;
display: flex;
flex-direction: column;
font-size: 0.875rem;
@@ -2403,7 +2403,7 @@
transform: translateX(0.2rem);
}
.Solutions-headlineNotification {
- color: #71757b;
+ color: #6e7072;
font-size: 0.75rem;
font-style: normal;
font-weight: 500;
@@ -2411,10 +2411,10 @@
margin: 1.5rem 0;
}
.Solutions-headline {
- background-color: #f6f8f8;
+ background-color: #fafafa;
}
.Solutions-headline h2 {
- color: #000;
+ color: #202224;
font-size: 1.5rem;
font-style: normal;
font-weight: normal;
@@ -2448,13 +2448,13 @@
width: 100%;
}
.SolutionsTabs-tabList hr {
- border: 0.0625rem solid #cfcfcf;
+ border: 0.0625rem solid #c6c8ca;
margin: -0.0625rem 0 2rem;
}
.SolutionsTabs-tab {
background-color: #fff;
border-style: none;
- color: #000;
+ color: #202224;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
@@ -2464,13 +2464,13 @@
padding: 0.375rem 0;
}
.SolutionsTabs-tab:focus {
- border-bottom: 0.25rem solid #cfcfcf;
+ border-bottom: 0.25rem solid #c6c8ca;
}
.SolutionsTabs-tab:last-of-type {
margin-right: 0;
}
.SolutionsTabs-tab[aria-selected='true'] {
- border-bottom: 0.25rem solid #007f9f;
+ border-bottom: 0.25rem solid #007d9c;
}
@media only screen and (min-width: 48rem) {
.SolutionsTabs-tab {
@@ -2498,7 +2498,7 @@
}
.Solutions-card {
background: #fff;
- border: 0.0625rem solid #cfcfcf;
+ border: 0.0625rem solid #c6c8ca;
border-radius: 0.625rem;
box-sizing: border-box;
flex: 0 100%;
@@ -2534,13 +2534,13 @@
}
.Solutions-card a:link,
.Solutions-card a:visited {
- color: #000;
+ color: #202224;
display: block;
text-decoration: none;
}
.Solutions-useCaseAction {
bottom: 1rem;
- color: #007f9f;
+ color: #007d9c;
font-size: 1rem;
font-weight: normal;
letter-spacing: 0.0063rem;
@@ -2555,7 +2555,7 @@
margin-left: 0.5rem;
}
.Solutions-useCaseDescription {
- color: #71757b;
+ color: #6e7072;
font-size: 1rem;
font-style: normal;
font-weight: normal;
@@ -2563,7 +2563,7 @@
line-height: 1.5rem;
}
.Solutions-useCaseTitle {
- color: #000;
+ color: #202224;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
@@ -2595,7 +2595,7 @@
margin: 2rem 0 2.875rem;
}
.Solutions-footer p {
- color: #000;
+ color: #202224;
font-size: 1.125rem;
font-weight: normal;
letter-spacing: 0.007rem;
@@ -2636,14 +2636,14 @@
justify-content: space-between;
}
.TestimonialsGo-quoteSection p {
- color: #000;
+ color: #202224;
font-size: 0.875rem;
letter-spacing: 0.0082rem;
line-height: 1.5rem;
text-align: center;
}
.TestimonialsGo-author {
- color: #3c4043;
+ color: #3e4042;
font-size: 0.8rem;
font-style: normal;
font-weight: normal;
@@ -2674,7 +2674,7 @@
}
}
.PullQuote {
- color: #5f5f5f;
+ color: #6e7072;
margin-bottom: 2rem;
}
.PullQuote-body {
@@ -2699,7 +2699,7 @@
font-size: 0.875rem;
}
.BackgroundQuote {
- background-color: #007f9f;
+ background-color: #007d9c;
color: #fff;
margin: 1.5rem auto;
padding: 2rem 1.5rem;
@@ -2709,8 +2709,8 @@
line-height: 2.25rem;
}
.QuoteBlock {
- border-bottom: 0.25rem solid #007f9f;
- border-top: 0.25rem solid #007f9f;
+ border-bottom: 0.25rem solid #007d9c;
+ border-top: 0.25rem solid #007d9c;
display: block;
float: none;
margin-bottom: 1.5rem;
@@ -2742,20 +2742,20 @@
}
}
.QuoteBlock-body {
- color: #3f4346;
+ color: #3e4042;
font-size: 1.125rem;
letter-spacing: 0.007rem;
line-height: 2rem;
}
.QuoteBlock-author {
- color: #3f4346;
+ color: #3e4042;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 3rem;
}
.QuoteBlock-link {
- color: #5f5f5f;
+ color: #6e7072;
}
.LargeMedia {
align-items: flex-start;
@@ -2763,7 +2763,7 @@
padding: 2.125rem 0.5rem;
}
.LargeMedia + .LargeMedia {
- border-top: 0.0625rem solid #e0e0e0;
+ border-top: 0.0625rem solid #dcdee0;
}
.LargeMedia-image {
height: 5rem;
@@ -2957,7 +2957,7 @@
fill: #fff;
}
.SearchForm--open svg {
- fill: #5f6368;
+ fill: #555759;
margin-right: 0.5rem;
}
.SearchForm-input {
@@ -2975,7 +2975,7 @@
width: 100%;
}
.SearchForm-input::placeholder {
- color: #80868b;
+ color: #848688;
}
.SearchForm-input {
background-color: transparent;
@@ -3015,7 +3015,7 @@
width: 100%;
}
.SearchForm svg {
- fill: #5f6368;
+ fill: #555759;
margin-right: 0.5rem;
}
}
@@ -3032,7 +3032,7 @@
padding: 1.25rem 0;
}
.Series-listItem + .Series-listItem {
- border-top: 0.0625rem solid #e0e0e0;
+ border-top: 0.0625rem solid #dcdee0;
}
.Series-listItemIcon {
margin-right: 1rem;
@@ -3049,7 +3049,7 @@
margin: 0;
}
.Series-listItemSecondary {
- color: #000;
+ color: #202224;
display: inline-block;
margin-bottom: 0;
text-decoration: none;
@@ -3114,7 +3114,7 @@
width: 100%;
}
.CaseStudy-contentBody hr {
- border: 0.0625rem solid #cfcfcf;
+ border: 0.0625rem solid #c6c8ca;
margin: 2rem 0 2rem;
}
.CaseStudy-contentAside {
@@ -3178,7 +3178,7 @@
a.UseCase-anchorLink {
background: transparent;
border: none;
- color: #1f2224;
+ color: #202224;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5rem;
@@ -3193,7 +3193,7 @@
font-weight: 500;
}
a.UseCase-anchorLink.selected::before {
- background-color: #007f9f;
+ background-color: #007d9c;
border-radius: 1rem;
content: ' ';
display: inline-block;
@@ -3215,7 +3215,7 @@
position: relative;
}
.WhoUsesSubPage-heroInner--useCase {
- background-color: #f6f8f8;
+ background-color: #fafafa;
padding-bottom: 2.5rem;
padding-top: 3.5rem;
}
@@ -3248,7 +3248,7 @@
padding: 0 1.5rem;
}
.WhoUsesSubPage-heroImg {
- background: -webkit-linear-gradient(0deg, #f6f8f8 50vw, #beeaf5 50vw);
+ background: -webkit-linear-gradient(0deg, #fafafa 50vw, #bfeaf4 50vw);
display: flex;
max-width: 75.75rem;
padding-left: 1.5rem;
@@ -3270,7 +3270,7 @@
line-height: 3rem;
}
.WhoUsesSubPage-heroImg {
- background: -webkit-linear-gradient(0deg, #f6f8f8 40vw, #beeaf5 40vw);
+ background: -webkit-linear-gradient(0deg, #fafafa 40vw, #bfeaf4 40vw);
}
.WhoUsesSubPage-heroImg img {
max-height: 15.625rem;
@@ -3282,7 +3282,7 @@
margin-top: 0;
}
.WhoUsesSubPage-heroInner--caseStudy {
- background: -webkit-linear-gradient(0deg, #f6f8f8 70vw, #beeaf5 70vw);
+ background: -webkit-linear-gradient(0deg, #fafafa 70vw, #bfeaf4 70vw);
flex-direction: row;
}
.WhoUsesSubPage-heroContent--caseStudy {
@@ -3315,7 +3315,7 @@
}
.ToolsBlurbs-blurb {
background-color: #fff;
- border: 0.0625rem solid #dcdcdc;
+ border: 0.0625rem solid #dcdee0;
border-radius: 0.25rem;
padding: 1.5rem 1rem;
}
@@ -3338,10 +3338,10 @@
}
.Card {
- border: 0.0625rem solid #cfcfcf;
+ background-color: #fff;
+ border: 0.0625rem solid #c6c8ca;
border-radius: 0.25rem;
height: 100%;
- background-color: #fff;
}
.Card a,
@@ -3357,8 +3357,8 @@
}
.Card-thumbnail {
- background-size: cover;
background-position: center;
+ background-size: cover;
height: 9.5625rem;
}
@@ -3375,16 +3375,16 @@
}
.Card-contentTitle {
- color: #000;
+ color: #202224;
font-size: 1.125rem;
font-weight: 500;
}
.Card-contentBody {
- color: #5f5f5f;
+ color: #6e7072;
+ flex: auto;
font-size: 0.875rem;
margin-top: 1rem;
- flex: auto;
}
.Card-contentCta {
@@ -3401,7 +3401,7 @@
}
.Card-selfPacedCredits {
- color: #5f5f5f;
+ color: #6e7072;
flex: 1;
font-size: 0.75rem;
}
@@ -3443,7 +3443,7 @@
}
.Book-title {
- color: #000;
+ color: #202224;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
@@ -3451,7 +3451,7 @@
}
.Book-description {
- color: #5f5f5f;
+ color: #6e7072;
font-size: 0.875rem;
line-height: 1.5rem;
}