Browse Source

add .login-modal SASS

nin-v2
Simon Grim 6 years ago
parent
commit
54fbc2a785
  1. 29
      sass/layout/_login.sass
  2. 70
      sass/pages/_login.sass
  3. 2
      sass/style.sass

29
sass/layout/_login.sass

@ -0,0 +1,29 @@ @@ -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

70
sass/pages/_login.sass

@ -1,70 +0,0 @@ @@ -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

2
sass/style.sass

@ -14,6 +14,7 @@ @@ -14,6 +14,7 @@
@import 'layout/_menu'
@import 'layout/_wrapper'
@import 'layout/_modal'
@import 'layout/_login'
@import 'layout/_profile'
@import 'layout/_postboard'
@import 'layout/_groupchat'
@ -22,7 +23,6 @@ @@ -22,7 +23,6 @@
@import 'pages/_profile'
@import 'pages/_following'
@import 'pages/_login'
@import 'pages/_network'
@import 'layout/_tabs'

Loading…
Cancel
Save