Simon Grim
6 years ago
3 changed files with 30 additions and 71 deletions
@ -0,0 +1,29 @@ |
|||||||
|
/****** LOGIN TO ACCOUNT MODAL ******/ |
||||||
|
|
||||||
|
.login-modal |
||||||
|
.module |
||||||
|
margin: 4px |
||||||
|
> div |
||||||
|
margin: 4px 0 |
||||||
|
padding: 4px 12px |
||||||
|
> div:last-child |
||||||
|
text-align: right |
||||||
|
margin: 8px 0 |
||||||
|
input |
||||||
|
border: 1px solid rgba(0, 0, 0, .1) |
||||||
|
width: 320px |
||||||
|
margin: 12px 16px |
||||||
|
padding: 2px 4px |
||||||
|
select |
||||||
|
border: 1px solid rgba(0, 0, 0, .1) |
||||||
|
width: 310px |
||||||
|
margin: 12px 16px |
||||||
|
padding: 2px 4px |
||||||
|
input:focus, select:focus |
||||||
|
border-bottom: solid 1px #B4C669 |
||||||
|
.secret-key |
||||||
|
width: 500px |
||||||
|
.availability |
||||||
|
color: #45474D |
||||||
|
display: inline-block |
||||||
|
margin-left: 16px |
@ -1,70 +0,0 @@ |
|||||||
.login |
|
||||||
|
|
||||||
h2 |
|
||||||
font-weight: 400 |
|
||||||
+background-image(linear-gradient(to left , $color-green, #5E80A2) ) |
|
||||||
padding: 1rem 2rem |
|
||||||
color: white |
|
||||||
|
|
||||||
|
|
||||||
h3 |
|
||||||
font-weight: 600 |
|
||||||
margin-top: 2*$space |
|
||||||
padding: 0 1.5rem |
|
||||||
+box-sizing(content-box) |
|
||||||
&:after |
|
||||||
display: block |
|
||||||
content: '' |
|
||||||
height: 1px |
|
||||||
width: 100% |
|
||||||
background: rgba(#5F81A1,.5) |
|
||||||
margin-top: $space |
|
||||||
|
|
||||||
|
|
||||||
.module |
|
||||||
background: $bloc-light-color |
|
||||||
+box-shadow(1px 2px 2px rgba(#111, 0.1)) |
|
||||||
@extend .clear-fix |
|
||||||
|
|
||||||
padding: 20px |
|
||||||
margin-bottom: 1px |
|
||||||
clear: none |
|
||||||
p |
|
||||||
margin-bottom: 5px |
|
||||||
span |
|
||||||
@extend h3 |
|
||||||
margin-bottom: 20px |
|
||||||
display: block |
|
||||||
padding: 0 |
|
||||||
|
|
||||||
|
|
||||||
input |
|
||||||
padding: 5px 10px |
|
||||||
background: #f3f3f3 |
|
||||||
border: solid 1px #dcdcdc |
|
||||||
transition: box-shadow 0.3s, border 0.3s |
|
||||||
font-size: 14px |
|
||||||
max-width: 100% |
|
||||||
&.new-username, &.username-import |
|
||||||
float: left |
|
||||||
margin-right: 10px |
|
||||||
|
|
||||||
input:focus, select:focus |
|
||||||
background: white |
|
||||||
transition: background-color 100ms linear |
|
||||||
border-bottom: solid 2px $color-green |
|
||||||
|
|
||||||
select |
|
||||||
height: 30px |
|
||||||
padding: 3px 30px 3px 10px |
|
||||||
margin: 0 |
|
||||||
border: 1px solid #ccc |
|
||||||
font-size: 14px |
|
||||||
|
|
||||||
span.availability |
|
||||||
margin-left: 10px |
|
||||||
color: #45474d |
|
||||||
|
|
||||||
.create-user |
|
||||||
clear: both |
|
||||||
margin: 20px 0 |
|
Loading…
Reference in new issue