File was renamed from src/mob/login/index.scss |
| | |
| | | .mob-login { |
| | | .mob-login-1 { |
| | | position: relative; |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: hidden; |
| | | // background-image: linear-gradient(#378DBE, #46C29E, #48A9D6); |
| | | min-height: 100%; |
| | | overflow-x: hidden; |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | background-position: center center; |
| | | |
| | | .mob-login-body { |
| | | min-height: calc((80 / 100) * 615px); |
| | | border-top: 1px solid transparent; |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | .logo { |
| | | position: relative; |
| | |
| | | text-align: center; |
| | | line-height: 1.5; |
| | | border: 1px dotted transparent; |
| | | margin-top: calc((17 / 100) * 615px); |
| | | img { |
| | | max-width: 100%; |
| | | } |
| | |
| | | } |
| | | .plat-name:not(.editing):hover { |
| | | border-color: #535353; |
| | | } |
| | | |
| | | .plat-name + .mk-login-item.am-list-item, .logo + .mk-login-item.am-list-item { |
| | | margin-top: 30px; |
| | | } |
| | | |
| | | .mk-login-item.am-list-item { |
| | |
| | | } |
| | | } |
| | | } |
| | | >.am-button { |
| | | .am-button { |
| | | position: relative; |
| | | z-index: 1; |
| | | width: 245px; |
| | | max-width: 270px; |
| | | margin: 0 auto; |
| | | border-radius: 30px; |
| | | border: 1px dotted transparent; |
| | | overflow: visible; |
| | | letter-spacing: 0px; |
| | |
| | | font-weight: inherit; |
| | | } |
| | | } |
| | | >.am-button:hover { |
| | | .am-button:hover { |
| | | color: #fff; |
| | | border-color: #535353; |
| | | } |
| | | .company-msg { |
| | | position: absolute; |
| | | width: 88%; |
| | | min-height: 10px; |
| | | bottom: 20px; |
| | | bottom: 20px; |
| | | left: 6%; |
| | | margin-left: 6%; |
| | | font-size: 12px; |
| | | color: #fafafa; |
| | | text-align: center; |