vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat: added section small cta

Browse source
This commit is contained in:
Shivam Mishra 2020-06-01 18:32:29 +05:30
parent f38e081d04
commit 9e358261f1
4 changed files with 92 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
frappe/public/scss/page-builder.scss
View file

@ -224,6 +224,50 @@
}
}
.section-small-cta {
padding: 1.8rem;
background-color: lighten($primary, 42%);
border-radius: 0.75rem;
display: flex;
flex-direction: column;
text-align: center;
@include media-breakpoint-up(sm) {
flex-direction: column;
text-align: left;
}
@include media-breakpoint-up(md) {
flex-direction: row;
justify-content: space-between;
div {
align-self: center;
}
}
.title {
max-width: 36rem;
font-size: $font-size-xl;
font-weight: 800;
line-height: 1.25;
@include media-breakpoint-up(md) {
font-size: $font-size-2xl;
}
}
.subtitle {
max-width: 36rem;
font-size: $font-size-base;
color: $gray-900;
margin-bottom: 1.2rem;
@include media-breakpoint-up(md) {
font-size: $font-size-lg;
margin-bottom: 0px;
}
}
}
.section-cta-container {
position: relative;
.confetti {

0
frappe/website/web_template/section_with_small_cta/__init__.py Normal file
View file

11
frappe/website/web_template/section_with_small_cta/section_with_small_cta.html Normal file
View file

@ -0,0 +1,11 @@
<div class="section-cta-container">
<div class="section-small-cta">
<div>
<h2 class="title">{{ title }}</h2>
<p class="subtitle">{{ subtitle }}</p>
</div>
<div>
<a href="{{ cta_url }}" class="btn btn-lg btn-primary">{{ cta_label }}</a>
</div>
</div>
</div>

37
frappe/website/web_template/section_with_small_cta/section_with_small_cta.json Normal file
View file

@ -0,0 +1,37 @@
{
"creation": "2020-06-01 15:56:38.002136",
"docstatus": 0,
"doctype": "Web Template",
"fields": [
{
"fieldname": "title",
"fieldtype": "Data",
"label": "Title",
"reqd": 0
},
{
"fieldname": "subtitle",
"fieldtype": "Small Text",
"label": "Subtitle",
"reqd": 0
},
{
"fieldname": "cta_label",
"fieldtype": "Data",
"label": "CTA Label",
"reqd": 0
},
{
"fieldname": "cta_url",
"fieldtype": "Data",
"label": "CTA URL",
"reqd": 0
}
],
"idx": 0,
"modified": "2020-06-01 17:51:23.073342",
"modified_by": "Administrator",
"name": "Section with Small CTA",
"owner": "Administrator",
"standard": 1
}