mirror of
https://github.com/twisterarmy/theme_nin.git
synced 2025-01-28 23:54:26 +00:00
add .login-modal SASS
This commit is contained in:
parent
842075e68b
commit
54fbc2a785
29
sass/layout/_login.sass
Normal file
29
sass/layout/_login.sass
Normal file
@ -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
|
@ -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 @@
|
||||
|
||||
@import 'pages/_profile'
|
||||
@import 'pages/_following'
|
||||
@import 'pages/_login'
|
||||
@import 'pages/_network'
|
||||
|
||||
@import 'layout/_tabs'
|
||||
|
Loading…
x
Reference in New Issue
Block a user