gramps
373ebc8c93
952 days continuous production uptime, 40k+ tp/s single node. Original corpo Bitbucket history not included — clean archive commit.
87 lines
2.2 KiB
SCSS
Executable File
87 lines
2.2 KiB
SCSS
Executable File
// Pricing section
|
|
.pricing-card {
|
|
text-align: center;
|
|
ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
.header {
|
|
box-shadow: $z-depth-1-half;
|
|
}
|
|
.option {
|
|
padding: $pricing-card-option-padding;
|
|
margin-bottom: 0;
|
|
font-weight: 500;
|
|
}
|
|
.price {
|
|
position: relative;
|
|
padding-top: $pricing-card-price-padding-top;
|
|
.number {
|
|
font-size: $pricing-card-number-font-size;
|
|
padding: $pricing-card-number-padding;
|
|
font-weight: 300;
|
|
&:before {
|
|
content: "$";
|
|
position: absolute;
|
|
font-size: $pricing-card-number-before-font-size;
|
|
margin-left: $pricing-card-number-before-margin-left;
|
|
margin-top: $pricing-card-number-before-margin-top;
|
|
}
|
|
&:after {
|
|
content: "/mo";
|
|
position: absolute;
|
|
font-size: $pricing-card-number-after-font-size;
|
|
margin-top: $pricing-card-number-after-margin-top;
|
|
}
|
|
}
|
|
.version {
|
|
box-shadow: $z-depth-1;
|
|
border-radius: $md-card-border-radius $md-card-border-radius 0 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
padding: $pricing-card-version-padding;
|
|
background-color: $pricing-card-version-bgc;
|
|
}
|
|
}
|
|
.striped {
|
|
padding: $pricing-card-striped-padding;
|
|
li {
|
|
border-bottom: 1px solid $pricing-card-striped-li-border-bottom-color;
|
|
margin-bottom: $pricing-card-striped-li-margin-bottom;
|
|
}
|
|
&.green-striped {
|
|
li {
|
|
border-color: $pricing-card-green-striped-li-border-color;
|
|
}
|
|
}
|
|
&.orange-striped {
|
|
li {
|
|
border-color: $pricing-card-orange-striped-li-border-color;
|
|
}
|
|
}
|
|
&.purple-striped {
|
|
li {
|
|
border-color: $pricing-card-purple-striped-li-border-color;
|
|
}
|
|
}
|
|
}
|
|
.card-background {
|
|
background-color: $pricing-card-dark-bgc;
|
|
border-radius: 0 0 $md-card-border-radius $md-card-border-radius;
|
|
}
|
|
}
|
|
|
|
// Additional pricing cards
|
|
.card {
|
|
.card-circle {
|
|
border: 2px solid $pricing-card-circle-border-color;
|
|
height: $pricing-card-circle-height;
|
|
width: $pricing-card-circle-width;
|
|
border-radius: $pricing-card-circle-border-radius;
|
|
.fa {
|
|
font-size: $pricing-card-circle-icon-font-size;
|
|
}
|
|
}
|
|
}
|