Create custom Text Me the App landing page.

Rebrand the branch.io text me the app landing page to reflect edX's style.

LEARNER-2730
This commit is contained in:
Waheed Ahmed
2017-10-19 15:54:07 +05:00
parent d18fb6bf64
commit efe4120b8f
8 changed files with 217 additions and 0 deletions

View File

@@ -62,6 +62,7 @@
@import "views/financial-assistance";
@import 'course/auto-cert';
@import 'views/api-access';
@import 'views/text-me-the-app';
// features
@import 'features/bookmarks-v1';

View File

@@ -0,0 +1,86 @@
.text-me-content {
@include box-sizing(border-box);
@include outer-container;
width: 100%;
justify-content: center;
background: $white;
display: block;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
.text-me-container {
$grid-columns: 12;
background: $white;
min-height: 100%;
padding-left: ($baseline/2);
padding-right: ($baseline/2);
padding-top: ($baseline*6);
padding-bottom: ($baseline*6);
display: block;
max-width: 350px;
min-width: 250px;
margin: 0 auto;
}
}
.text-me-fragment {
h2 {
@extend %t-title4;
letter-spacing: normal;
font-family: $font-family-sans-serif;
color: $uxpl-blue-hover-active;
}
h3 {
@extend %t-title6;
@extend %t-light;
margin: 0;
letter-spacing: normal;
font-family: $font-family-sans-serif;
color: $uxpl-gray-dark;
}
form {
@include clearfix();
clear: both;
.form-field {
@include clearfix();
clear: both;
position: relative;
width: 100%;
margin: ($baseline/2) 0 0 0;
label, input {
width: 100%;
height: auto;
line-height: 1.5em;
border-radius: 0;
font-family: $font-family-sans-serif;
font-style: normal;
font-weight: font-weight(normal);
display: block;
}
.action-primary {
@extend %btn-primary-blue;
padding: 1ex 1em;
text-transform: none;
font-weight: font-weight(semi-bold);
letter-spacing: normal;
margin-top: $baseline;
width: 100%;
}
}
}
}