sendnrw/matrix_home_web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
jbergner
2025-04-23 10:45:21 +02:00
parent 8030ffb888
commit d17fb46943
716 changed files with 163468 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
assets/less/components/_pricing_table.less Normal file
View File

@@ -0,0 +1,109 @@
/* pricing tables */
.pricing_table {
&.pricing_table_a {
text-align: center;
.pricing_table_plan {
font-size: 18px;
font-weight: 400;
padding: 16px 0;
margin-bottom: 16px;
}
.pricing_table_price {
padding: 8px 0 0;
font-size: 48px;
margin-bottom: 24px;
.currency {
vertical-align: top;
font-size: 24px;
padding: 0 4px;
}
.period {
font-size: 14px;
padding: 4px;
color: @text_muted;
display: block;
}
}
.pricing_table_features {
.reset_list();
li {
font-size: 16px;
padding: 8px 0;
}
}
.pricing_table_select {
padding: 32px 0;
}
}
&.pricing_table_b {
text-align: center;
.pricing_table_plan {
font-size: 16px;
font-weight: 400;
padding: 16px 0;
margin-bottom: 16px;
text-transform: uppercase;
}
.pricing_table_price {
padding: 8px 0 0;
font-size: 48px;
margin-bottom: 24px;
.currency {
vertical-align: top;
font-size: 24px;
padding: 0 4px;
}
.period {
font-size: 14px;
padding: 4px;
color: @text_muted;
display: block;
}
}
.pricing_table_features {
.reset_list();
li {
font-size: 16px;
padding: 8px 0;
}
}
.pricing_table_select {
padding: 32px 0;
}
}
&.pricing_table_c {
text-align: center;
.pricing_table_plan {
font-size: 16px;
font-weight: 400;
padding: 16px 0;
margin-bottom: 8px;
}
.pricing_table_price {
padding: 8px 0 0;
font-size: 48px;
margin-bottom: 24px;
.currency {
vertical-align: top;
font-size: 24px;
padding: 0 4px;
}
.period {
font-size: 14px;
color: @text_muted;
vertical-align: 0;
padding-left: 4px;
}
}
.pricing_table_features {
.reset_list();
li {
font-size: 16px;
padding: 8px 0;
}
}
.pricing_table_select {
padding: 32px 0;
}
}
}

125
assets/less/components/_timeline.less Normal file
View File

@@ -0,0 +1,125 @@
.al_timeline {
position: relative;
padding: 24px 0 32px;
&:after {
position: absolute;
top: 0;
bottom: 0;
margin-left: -2px;
left: 50%;
content: '';
width: 4px;
background: rgba(255,255,255,.5);
display: block;
}
&_block {
.clearfix;
+ * {
margin-top: 48px;
}
&:nth-child(even) {
.al_timeline {
&_content {
float: right;
&:after {
border-left-color: transparent;
border-right-color: @white;
right: auto;
left: -20px;
}
}
}
}
}
&_content {
box-sizing: border-box;
background: @white;
width: 44%;
padding: 16px;
.boxShadowHelper(2);
position: relative;
border-radius: 4px;
&:after {
position: absolute;
top: 24px;
right: -20px;
content: '';
display: block;
border: 10px solid transparent;
border-left-color: @white;
}
}
&_image {
position: absolute;
left: 50%;
width: 64px;
height: 64px;
margin-left: -32px;
background: @white;
border-radius: 50%;
text-align: center;
z-index: 10;
.boxShadowHelper(2);
> i {
font-size: 32px;
line-height: 64px;
}
}
}
@media @screen_large_max {
.al_timeline {
&:after {
margin-left: 0;
left: 30px;
}
&_block {
padding-left: 96px;
}
&_content {
width: 100%;
&:after {
border-left-color: transparent;
border-right-color: @white;
right: auto;
left: -20px;
}
}
&_image {
left: 0;
margin-left: 0;
}
}
}
@media @screen_medium_max {
.al_timeline {
&:after {
margin-left: 0;
left: 22px;
}
&_block {
padding-left: 72px;
}
&_content {
width: 100%;
&:after {
border-left-color: transparent;
border-right-color: @white;
right: auto;
left: -20px;
top: 14px;
}
}
&_image {
width: 48px;
height: 48px;
left: 0;
margin-left: 0;
> i {
line-height: 48px;
font-size: 24px;
}
}
}
}