ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。
Capabilities
Product
Education
Knowledge Base
Contact Us
.how-to-card {
align-items: flex-start;
background: var(--color-brand-primary-lighten-6, #FBFCFE);
border: 1px solid var(--color-brand-primary-lighten-5, #E7EFFF);
border-radius: 0.75rem;
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-direction: column;
gap: 0.5rem;
isolation: isolate;
justify-content: space-between;
order: 0;
padding: 1rem;
width: 100%;
}
.how-to-card:hover {
background: var(--color-action-primary-hover-10, #EDF3FE);
border: 1px solid var(--color-action-primary-hover, #0053F0);
border-radius: 0.625rem;
}
.how-to-card-date-published {
align-items: center;
align-self: stretch;
color: var(--color-neutral-8, #54555F);
display: flex;
flex: none;
flex-grow: 0;
font-family: 'Source Sans 3';
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}
.how-to-card-header {
align-items: center;
align-self: stretch;
color: var(--color-brand-primary, #0B5FFF);
display: flex;
flex: none;
flex-grow: 0;
font-family: 'Source Sans 3';
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem;
}
.how-to-cards-container {
display: flex;
flex-direction: row;
gap: 1rem;
width: 100%;
}
.how-to-container {
align-items: flex-start;
align-self: stretch;
background: var(--color-neutral-1, #F7F7F8);
border-radius: 0.75rem;
display: flex;
flex: none;
flex-direction: column;
flex-grow: 0;
gap: 1.5rem;
isolation: isolate;
margin: 1.5rem 0px;
order: 0;
padding: 1.5rem;
width: 100%;
}
.how-to-container-header {
align-items: center;
color: var(--color-neutral-10, #282934);
display: flex;
flex: none;
flex-grow: 0;
font-family: 'Source Sans 3';
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.75rem;
}
.learn-article {
max-width: 900px !important;
}
@media only screen and (max-width: 1200px) {
.how-to-cards-container {
flex-direction: column;
}
}
@media (max-width: 1024px) {
.learn-article {
margin-top: 2.5rem;
}
}
Powered by Liferay
© 2026 Liferay Inc. All Rights Reserved • Privacy Policy