86 lines
1.6 KiB
Plaintext
86 lines
1.6 KiB
Plaintext
@pricing1: pricing1;
|
|
.@{pricing1}-wrapper {
|
|
min-height: 760px;
|
|
.@{pricing1} {
|
|
>p {
|
|
text-align: center;
|
|
}
|
|
&-content-wrapper {
|
|
min-height: 400px;
|
|
}
|
|
&-block-box {
|
|
width: 260px;
|
|
border-radius: 4px;
|
|
background: #eef0f3;
|
|
text-align: center;
|
|
color: #666;
|
|
min-height: 400px;
|
|
margin: auto;
|
|
border: 1px solid transparent;
|
|
.page-pro();
|
|
&.active {
|
|
border-color: @primary-color;
|
|
background: #fff;
|
|
.@{pricing1} {
|
|
&-top-wrapper {
|
|
background: @primary-color;
|
|
}
|
|
&-name,
|
|
&-money,
|
|
&-button {
|
|
color: #fff;
|
|
}
|
|
&-button {
|
|
background: @primary-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&-block {
|
|
margin-bottom: 24px;
|
|
}
|
|
&-top-wrapper {
|
|
width: 100%;
|
|
padding: 16px 24px;
|
|
}
|
|
&-name {
|
|
font-size: 14px;
|
|
}
|
|
&-money {
|
|
font-family: 'Helvetica Neue', sans-serif;
|
|
font-size: 32px;
|
|
color: #666;
|
|
}
|
|
&-content {
|
|
font-size: 12px;
|
|
line-height: 2;
|
|
font-weight: 300;
|
|
margin: 32px 24px 48px;
|
|
}
|
|
&-line {
|
|
display: block;
|
|
height: 1px;
|
|
background: #d9d9d9;
|
|
margin: 0 24px;
|
|
}
|
|
&-button-wrapper {
|
|
margin: 18px 24px;
|
|
}
|
|
&-button {
|
|
padding: 0 24px;
|
|
}
|
|
}
|
|
&.home-page-wrapper {
|
|
.@{pricing1}-title-wrapper {
|
|
margin-bottom: 64px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.@{pricing1}-wrapper {
|
|
padding-bottom: 0;
|
|
}
|
|
}
|