norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Luminate Templates, notes for walmart, Crayon changes.

Browse Source
This commit is contained in:
Norm Rasmussen
2023-06-14 17:30:03 -04:00
parent 1a6b3a630c
commit 73ae8fe55b
76 changed files with 7040 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
Custom_Templates/customer_templates/Crayon/styles.css.liquid
View File

@ -14,25 +14,188 @@ body, html, div {
.np-card-content{
padding-top: 0.5rem;
}
.np-card-content-title{
font-size: 1.1rem !important;
}
}
.np-card-content-title{
font-size: 1rem !important;
}
.np-course-card-button{
width: 8rem;
width: 100%;
font-size: 1.3rem;
padding: 25px;
border: 2px solid #000;
}
.course-button-container {
margin-top: 1rem;
}
.purple-btn {
background: #bc49dd;
}
.orange-btn {
background: #ff6d09;
}
.red-btn {
background: #d94a66;
}
/* ------------------------------------------------------------------------------------------------------ */
/* Login Page Styles */
.np-open-access{
height: 100%;
}
.sign-up-body{
align-items: center;
background: #0538BF;
border-radius: 0;
display: flex;
height: 100%;
justify-content: center;
margin: 0 !important;
width: 100%;
}
.sign-up-body-content-container{
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-evenly;
margin: 0 !important;
}
.sign-in-text-content-wrapper{
text-align: center;
}
.login-logo{
height: 100px;
padding: 20px;
}
.login-text{
color: #FFFFFF;
}
.welcome-header{
font-size: 36px;
}
.welcome-subheader{
font-size: 24px;
}
.login-emoji-desktop{
display: none;
}
.login-form-wrapper{
width: 80%;
}
.login-input-label{
font-size: 14px;
margin-bottom: 10px;
}
.login-input{
background: #FEC311;
border: 3px solid #FFFFFF;
border-radius: 0;
}
.login-button{
background: #FEC311;
border: 2px solid #FFFFFF;
font-size: 30px;
margin-top: 30px;
padding: 0;
}
@media screen and (min-width: 768px){
.np-box-content-container{
flex-direction: row;
}
.login-text-content-wrapper{
align-items: flex-start;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 50%;
}
.login-logo{
padding-left: 0;
}
.login-text{
text-align: left;
}
.welcome-header{
font-size: 62px;
}
.welcome-subheader{
font-size: 24px;
}
.login-emoji-mobile{
display: none;
}
.login-emoji-desktop{
display: inline;
}
.login-form-wrapper{
align-items: flex-end;
display: flex;
flex-direction: column;
max-width: 50%;
}
.login-form{
width: 80%;
}
}
@media screen and (min-width: 1000px){
.login-body-content-container{
padding: 75px;
}
}
@media screen and (min-width: 1200px){
.welcome-header{
font-size: 80px;
}
.welcome-subheader{
font-size: 36px;
}
}
.np-sub-navigation-content-item-link,
.np-sub-navigation-content-item-inactive,
.np-sub-navigation-content-item-active,
.np-sub-navigation-content-item-icon {
color: #2DC3D0 !important;
}
.np-sub-navigation {
background: white;
}
/* ------------------------------------------------------------------------------------------------------ */
/* Achievements Panel */
/* .np-dashboard-achievements-panel{
background: #ffffff;
height: 8rem;
background: #ffffff;
height: 8rem;
border-radius: 10px;
}
@ -61,6 +224,11 @@ body, html, div {
margin-right: -4rem;
} */
.custom-course-description {
font-size: 1.3rem;
font-weight: 400;
text-align: center;
}
@media (min-width: 395px){
.np-dashboard-medal-icon{
margin-right: -4rem;
@ -322,4 +490,4 @@ body, html, div {
.np-dashboard-medal-icon{
margin-right: 0rem;
}
}
}