Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@xuliwenwenwen
xuliwenwenwen committed Apr 15, 2024
1 parent 133808e commit a563dfa
Show file tree
Hide file tree
Showing 22 changed files with 477 additions and 590 deletions.
2 changes: 1 addition & 1 deletion pingcap-jp/bootstrap/blocks.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@
/**
* Output the video button markup when requested
*/
add_action('grav_blocks_get_video_link_button', function ($block, $video_url) {
add_action('grav_blocks_get_video_link_button', function ($video_url) {
WPUtil\Component::render(PingCAP\Components\UI\PlayVideoOverlay::class, [
'video_url' => $video_url
]);
Expand Down
2 changes: 1 addition & 1 deletion pingcap-jp/css/globals.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -399,7 +399,7 @@ input#firstname-125bf70d-1eba-4cf8-bb1d-2e4a422a875d[type="text"] {
}

.tidb-logo {
background: url(https://static.pingcap.com/files/2023/11/07210859/TiDB.svg) no-repeat center;
background: url('https://static.pingcap.co.jp/files/2023/11/07210859/TiDB.svg') no-repeat center;
background-size: contain;
height: 52px;
width: 128px;
Expand Down
332 changes: 166 additions & 166 deletions pingcap-jp/css/templates/single-case-study.scss
View file
Original file line number Diff line number Diff line change
@@ -1,168 +1,168 @@
.tmpl-single-case-study {
&__container {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--grid-column-gutter);
margin-top: 2rem;
margin-bottom: 6rem;

@include media-min($medium) {
margin-top: 4rem;
}

@include media-min($large) {
grid-template-columns: repeat(12, 1fr);
margin-top: 8rem;
}
}

&__content {
grid-row: 2;

@include media-min($large) {
grid-row: 1;
grid-column: 2 / span 8;
}
}

&__share-icons {
margin-top: 3rem;

@include media-min($large) {
position: absolute;
top: 0;
left: 0;
bottom: 0;

margin-top: 0;
}
}

&__share-icons-inner {
grid-row: 3;
display: flex;
align-items: center;
gap: 1rem;

@include media-min($large) {
position: sticky;
top: calc(12rem + var(--admin-bar-height, 0px));
flex-direction: column;
transition: top var(--header-transition-speed) ease-in-out;
}
}

&__share-icons-text {
font-size: 1.2rem;
font-weight: var(--font-weight-bold);
text-transform: uppercase;
color: var(--color-blue-dark);
}

&__term-links-container {
grid-area: links;
margin-top: 2rem;
}

&__term-links {
& + & {
margin-top: 2rem;
}
}

&__term-link {
font-size: 1.4rem;
color: var(--color-gray-dark);
text-decoration: none;
transition: color var(--default-transition-params);

&:hover {
color: var(--color-primary);
}
}

&__company {
position: relative;
grid-row: 1;

.stats-carousel {
grid-area: carousel;
margin-top: 6rem;

@include media-min($medium) {
margin-top: 3rem;
}

@include media-min($large) {
margin-top: 6rem;
}
}

.tmpl-single-post__cta {
margin-left: 0;
margin-top: 3.2rem;
display: none;
@include media-min($large) {
display: block;
}
}

@include media-min($large) {
grid-row: 1;
grid-column: span 3;
}
}

&__company-inner {
padding: 0 var(--grid-column-gutter);

@include media-min($medium) {
display: grid;
grid-template:
"image carousel"
"links carousel";
}

@include media-min($large) {
display: block;
transition: top var(--header-transition-speed) ease-in-out;
padding: 0;
}

&.sticky {
@include media-min($large) {
position: sticky;
top: calc(10rem + var(--admin-bar-height, 0px));
}
}
}

&__company-image-container {
grid-area: image;
text-align: center;

@include media-min($medium) {
text-align: left;
}

@include media-min($large) {
position: relative;
height: 0;
padding-top: 66%;
}
}

&__company-image {
@include media-min($large) {
@include image-cover-entire-container("contain");
}
}

&__company-cta {
display: block;
@include media-min($large) {
display: none;
}
}
&__container {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--grid-column-gutter);
margin-top: 2rem;
margin-bottom: 6rem;

@include media-min($medium) {
margin-top: 4rem;
}

@include media-min($large) {
grid-template-columns: repeat(12, 1fr);
margin-top: 8rem;
}
}

&__content {
grid-row: 2;

@include media-min($large) {
grid-row: 1;
grid-column: 2 / span 8;
}
}

&__share-icons {
margin-top: 3rem;

@include media-min($large) {
position: absolute;
top: 0;
left: 0;
bottom: 0;

margin-top: 0;
}
}

&__share-icons-inner {
grid-row: 3;
display: flex;
align-items: center;
gap: 1rem;

@include media-min($large) {
position: sticky;
top: calc(12rem + var(--admin-bar-height, 0px));
flex-direction: column;
transition: top var(--header-transition-speed) ease-in-out;
}
}

&__share-icons-text {
font-size: 1.2rem;
font-weight: var(--font-weight-bold);
text-transform: uppercase;
color: var(--color-blue-dark);
}

&__term-links-container {
grid-area: links;
margin-top: 2rem;
}

&__term-links {
& + & {
margin-top: 2rem;
}
}

&__term-link {
font-size: 1.4rem;
color: var(--color-gray-dark);
text-decoration: none;
transition: color var(--default-transition-params);

&:hover {
color: var(--color-primary);
}
}

&__company {
position: relative;
grid-row: 1;

.stats-carousel {
grid-area: carousel;
margin-top: 6rem;

@include media-min($medium) {
margin-top: 3rem;
}

@include media-min($large) {
margin-top: 6rem;
}
}

.tmpl-single-post__cta {
margin-left: 0;
margin-top: 3.2rem;
display: none;
@include media-min($large) {
display: block;
}
}

@include media-min($large) {
grid-row: 1;
grid-column: span 3;
}
}

&__company-inner {
padding: 0 var(--grid-column-gutter);

@include media-min($medium) {
display: grid;
grid-template:
"image carousel"
"links carousel";
}

@include media-min($large) {
display: block;
transition: top var(--header-transition-speed) ease-in-out;
padding: 0;
}

&.sticky {
@include media-min($large) {
position: sticky;
top: calc(10rem + var(--admin-bar-height, 0px));
}
}
}

&__company-image-container {
grid-area: image;
text-align: center;

@include media-min($medium) {
text-align: left;
}

@include media-min($large) {
position: relative;
height: 0;
padding-top: 66%;
}
}

&__company-image {
@include media-min($large) {
@include image-cover-entire-container("contain");
}
}

&__company-cta {
display: block;
@include media-min($large) {
display: none;
}
}
}
Loading

0 comments on commit a563dfa

Please sign in to comment.