Skip to content

Commit

Permalink
Improve login styling (#105)
Browse files Browse the repository at this point in the history
  • Loading branch information
david-poindexter authored Nov 22, 2020
1 parent ee1f072 commit a4eb756
Show file tree
Hide file tree
Showing 2 changed files with 130 additions and 0 deletions.
1 change: 1 addition & 0 deletions src/scss/components/_components.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import 'dnn';
@import 'login';
@import 'buttons';
@import 'fonts';
@import 'grid';
Expand Down
129 changes: 129 additions & 0 deletions src/scss/components/_login.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
.dnnLogin {
display: flex;
justify-content: center;
width: 100%;

> div {
width:100%;
padding:0;
}

.LoginPanel {
width: 100%;
padding: 0;

.dnnFormItem {
.dnnFormLabel {
display:none;
}

&:nth-child(1), &:nth-child(2) {
display: flex;
flex-direction: column;

.dnnFormLabel {
display: block;
float:left;
&::after {
clear:both;
content: '';
}
}

label {
font-weight: 700;
font-size: 1.5rem;
}

input {
min-width: 100%;
font-size: 1.5rem;
font-weight: 500;
padding: .25em;
}
}

&:nth-child(3) {
width: 100%;
display: flex;
justify-content: center;
margin-top: .5em;

a {
width: 50%;
margin:0;

&.dnnPrimaryAction {
margin-right:.25em;
}
&.dnnSecondaryAction {
margin-left:.25em;
}
}
}

.dnnLoginRememberMe {
display: block;
margin: 1em 0;

img {
margin: 0;
padding: 0;
}

.dnnCheckbox {
margin: 1em 0;
display: inline-flex;
vertical-align: middle;
}

label {
margin-left: .5em;
font-size: 1.25rem;
font-weight: 550;
}
}

&:last-child {
width: 100%;

.dnnLoginActions {
width: 100%;

ul {
margin:0;
padding:0;
}
li {
width: 50%;
margin: 0;

&:nth-child(1) {
padding-right: .25em;
}

&:nth-child(2) {
padding-left: .25em;
}
}

a {
width: 100%;
}
}
}
}
}
}


//Hides the #dnnHiddenLogin LOGIN theme object
.hiddenLogin {
bottom: 0;
display: none;
height: 25px;
left: 0;
position: fixed;
text-indent: -1000px;
width: 25px;
}

0 comments on commit a4eb756

Please sign in to comment.