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:
@@ -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';
|
||||
|
||||
86
lms/static/sass/views/_text-me-the-app.scss
Normal file
86
lms/static/sass/views/_text-me-the-app.scss
Normal 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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user