priyatham
/
Locaft
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;
`;
const Summary = styled.h2`
const PricingPlan_SpecialText = styled.div`
font-size: 1em;
font-weight: 300;
`;
const SpecialText = styled.div`
padding: 10px;
text-align: center;
@ -72,9 +77,25 @@ const PricingPlan_SpecialText = styled.div`
color: #ffffff;
background: #007c64;
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 {

12
src/pricing-plan.css
View File

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