re-structure to monorepo.

This commit is contained in:
a.bouhuolia
2023-02-03 01:02:31 +02:00
parent 8242ec64ba
commit 7a0a13f9d5
10400 changed files with 46966 additions and 17223 deletions

View File

@@ -0,0 +1,73 @@
.billing-plans{
max-width: 753px;
.paragraph{
font-size: 15px;
}
&__section{
margin-bottom: 40px;
.title{
font-size: 20px;
font-weight: 600;
color: #6b7382;
margin-top: 0;
margin-bottom: 12px;
}
.bp3-tab-list {
border-bottom: 2px solid #e6e6e6;
width: 95%;
.bp3-tab-indicator-wrapper .bp3-tab-indicator{
bottom: -2px;
}
}
.bp3-tab-panel{
margin-top: 26px;
}
.subscribe-button {
.bp3-button {
background-color: #0063ff;
min-height: 41px;
width: 240px;
}
}
.plan-radios,
.plan-periods{
margin-top: 20px;
}
}
.license-container {
.bp3-button{
margin-top: 14px;
padding: 0 30px;
}
.form-group-license_code{
margin-top: 20px;
}
.bp3-form-content {
.bp3-input-group {
display: block;
position: relative;
}
.bp3-input {
position: relative;
width: 59%;
height: 41px;
}
}
h4 {
font-size: 18px;
font-weight: 400;
color: #444444;
}
p {
margin-top: 15px;
font-size: 14px;
}
}
}

View File

@@ -0,0 +1,43 @@
// Plan period radio component.
// ---------------------
.period-radios{
display: flex;
}
.period-radio{
display: inline-flex;
background-color: #fcfdff;
justify-content: space-between;
align-items: center;
width: 240px;
height: 36px;
border-radius: 5px;
padding: 8px 10px;
color: #000;
border: 1px solid #dcdcdc;
cursor: pointer;
text-decoration: none;
&.is-selected {
border: 1px solid #0069ff;
background-color: #fcfdff;
}
&:not(:first-child) {
margin-left: 20px;
}
&__amount{
font-weight: 600;
}
&__period{
color: #2f3863;
font-size: 14px;
font-weight: 500;
&::before {
content: '/';
display: inline-block;
margin: 0 2px;
}
}
}

View File

@@ -0,0 +1,81 @@
// Plan radio component.
// ---------------------
.plan-radios{
display: flex;
}
.plan-radio {
display: flex;
flex-direction: column;
width: 215px;
min-height: 277px;
border-radius: 5px;
padding: 15px;
border: 1px solid #dcdcdc;
background: #fcfdff;
text-decoration: none;
color: #000;
cursor: pointer;
&.is-selected {
border: 1px solid #0069ff;
background-color: #fcfdff;
}
&:not(:first-child) {
margin-left: 20px;
}
&__header {
display: flex;
justify-content: flex-start;
}
&__name {
background: #3657ff;
border-radius: 3px;
padding: 2px 10px;
font-size: 13px;
color: #fff;
margin-bottom: 18px;
height: 21px;
text-transform: uppercase;
}
&__description {
font-size: 14px;
font-weight: 400;
ul {
list-style: none;
li{
position: relative;
padding-left: 12px;
margin-bottom: 9px;
&:before{
content: '-';
position: absolute;
left: 0;
opacity: 0.6;
}
}
}
}
&__price {
margin-top: auto;
font-size: 15px;
padding-top: 10px;
}
&__amount {
font-weight: 600;
}
&__period {
font-weight: 400;
color: #2f3863;
&::before {
content: '/';
display: inline-block;
margin: 0 2px;
}
}
}