priyatham
/
Locaft-backend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pricing plan styled process

This commit is contained in:
Priyatham Sai Chand 2021-02-28 23:21:28 +05:30
parent 90c80c4dc8
commit b19ade697e
2 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/PricingPlan.js
View File

@ -63,8 +63,13 @@ const Header = styled.div`
color: #ffffff; color: #ffffff;
`; `;
const Summary = styled.h2`
const PricingPlan_SpecialText = styled.div` font-size: 1em;
font-weight: 300;
`;
const SpecialText = styled.div`
padding: 10px; padding: 10px;
text-align: center; text-align: center;
@ -72,9 +77,25 @@ const PricingPlan_SpecialText = styled.div`
color: #ffffff; color: #ffffff;
background: #007c64; background: #007c64;
box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
&, ${Title}{
margin: 0;
text-align: center;
font-family: sans-serif;
}
`; `;
const const Desc = styled.div`
padding: 25px;
`;
const List = styled.ul `
padding: 0;
margin: 0;
text-align: left;
`;
class PricingPlan extends Component { class PricingPlan extends Component {

12
src/pricing-plan.css
View File

@ -21,33 +21,21 @@
.pricing-plan__title,.pricing-plan__summary{ .pricing-plan__title,.pricing-plan__summary{
margin: 0;
text-align: center;
font-family: sans-serif;
} }
.pricing-plan__title{ .pricing-plan__title{
font-size: 1.5em;
font-weight: 400;
} }
.pricing-plan__summary { .pricing-plan__summary {
font-size: 1em;
font-weight:300;
} }
.pricing-plan__desc { .pricing-plan__desc {
padding:25px;
} }
.pricing-plan__list { .pricing-plan__list {
padding: 0;
margin: 0;
text-align: left;
} }
.pricing-plan__feature { .pricing-plan__feature {