/o//commerce-media/accounts/-1/images/30520407?download=false
Liferay CE Foundation
.app-container {
border-color: #2e5aac !important;
color: #2e5aac;
font-size: MEDIUM;
}
.app-category {
flex: 1;
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap;
}
.app-container .app-category {
background-color: #e6ebf5;
color: #1c3667;
font-weight: 600;
height: 20px;
padding: 3px 8px;
}
.app-container .app-product-type {
font-size: 11px;
font-weight: 600;
height: 20px;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.app-details-category-badge .app-type-badge {
right: 2px !important;
top: 0px !important;
position: relative !important;
}
.diamond-icon-container {
color: #C9C9CF;
height: 4px;
width: 4px;
}
@media screen and (max-width: 768px) {
.app-container {
font-size: small;
}
}
@media screen and (max-width: 576px) {
.app-container {
font-size: x-small;
}
.app-container .app-category,
.app-container .app-product-type {
padding: 2px 4px;
}
}
>
<div class="app-container color-neutral-3 d-flex flex-wrap font-size-paragraph-small justify-content-between w-100">
<div class="app-details-category-badge d-flex">
<span class="app-category bg-neutral-8 border-radius-small mb-1 mr-2 px-3 rounded-lg" title="Data Modeling & Business Logic">
Data Modeling & Business Logic
</span>
</div>
</div>
Data Modeling & Business Logic