mirror of
https://github.com/twisterarmy/theme_nin.git
synced 2025-02-06 03:54:29 +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/_menu'
|
||||||
@import 'layout/_wrapper'
|
@import 'layout/_wrapper'
|
||||||
@import 'layout/_modal'
|
@import 'layout/_modal'
|
||||||
|
@import 'layout/_login'
|
||||||
@import 'layout/_profile'
|
@import 'layout/_profile'
|
||||||
@import 'layout/_postboard'
|
@import 'layout/_postboard'
|
||||||
@import 'layout/_groupchat'
|
@import 'layout/_groupchat'
|
||||||
@ -22,7 +23,6 @@
|
|||||||
|
|
||||||
@import 'pages/_profile'
|
@import 'pages/_profile'
|
||||||
@import 'pages/_following'
|
@import 'pages/_following'
|
||||||
@import 'pages/_login'
|
|
||||||
@import 'pages/_network'
|
@import 'pages/_network'
|
||||||
|
|
||||||
@import 'layout/_tabs'
|
@import 'layout/_tabs'
|
||||||
|
Loading…
x
Reference in New Issue
Block a user