Sha256: 0398fff896fa278486f2f06e1ff48cff5b5fdbb1f82f37716ffbbff9f816a9a3
Contents?: true
Size: 1.75 KB
Versions: 58
Compression:
Stored size: 1.75 KB
Contents
<style>
.appscms-contenttool-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 16px;
}
.appscms-contenttool-tool {
background-color: white;
padding: 21px;
border-radius: 13px;
transition: all 0.2s ease-in-out;
}
.appscms-contenttool-tool:hover {
transform: scale(1.03);
filter: saturate(1.3);
}
.contentool-tool-image-background {
background-color: rgba(255, 255, 255, 0.87);
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
}
#contenttool-icon-img{
width: 45px;
}
.background img {
width: 100%;
height: auto;
border-radius: 10px;
}
.contenttool-tool-heading {
font-weight: 600;
font-size: 16px;
color: #0c0c0c !important;
margin-top: 10px;
}
.contenttool-tool-text{
font-weight: 500;
font-size: 13px;
color: rgb(29, 29, 29) !important;
margin-top: -5px;
}
#text-black{
color: rgb(39, 39, 39) !important;
font-weight: 450;
}
</style>
<div class="container" id="appscms-tools-section">
<div class="appscms-contenttool-container">
{% for item in pageData.features %}
<a href="{{item.url}}">
<div class="appscms-contenttool-tool" style="background: {{item.color}};">
<div class="contentool-tool-image-background">
<img id="contenttool-icon-img" crossorigin="anonymous" src="{{item.icon}}" alt="img" />
</div>
<div class="contenttool-card-info">
<p class="contenttool-tool-heading">{{item.name}}</p>
<p class="contenttool-tool-textk" id="text-black">{{item.description}}</p>
</div>
</div>
</a>
{% endfor %}
</div>
</div>
</div>
</div>
Version data entries
58 entries across 58 versions & 1 rubygems