Changeset 55e98e4 in OpenWorkouts-current for ow/static/css/pages/login.css
- Timestamp:
- Jan 16, 2019, 8:14:17 PM (5 years ago)
- Branches:
- current, feature/docs, master
- Children:
- 5cbc4a0
- Parents:
- 816820d
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
ow/static/css/pages/login.css
r816820d r55e98e4 1 2 /* logo 3 ---------------------------------------------------------------------- */ 4 .logo { 5 font-size: 24px; 6 line-height: 1em; 7 font-weight: 800; 8 text-transform: uppercase; 9 margin: 0; 10 span{ 11 transition: all 250ms ease-in-out; 12 } 13 &:hover{ 14 span{ 15 color: var(--color-app); 16 } 17 } 18 } 19 .logo-open { 20 display: block; 21 color: var(--color-app); 22 } 23 .logo-work, 24 .logo-outs { 25 color: var(--color-app-light); 26 } 27 28 29 1 /* ========================================================================== 2 Login page 3 ========================================================================== */ 30 4 31 5 .login-content { … … 35 9 justify-content: center; 36 10 align-items: center; 37 height: 85vh;11 min-height: calc(100vh - 98px); 38 12 padding: 1em 0; 39 /*40 background-blend-mode: multiply;41 background-color: var(--color-app);42 */43 13 } 44 14 45 /* Provisional */ 46 .message { 47 padding: .5em; 48 margin: 0; 49 text-align: center; 50 font-size: 13; 51 &.message-error{ 52 color: white; 53 background-color: red; 54 } 55 } 56 form{ 57 width: 100%; 58 max-width: 350px; 59 } 15 .login-content form { 16 max-width: 380px; 17 background-color: rgba(0,0,0,0.8); 18 border-radius: 6px; 19 padding: 2em 1.5em; 20 } 60 21 61 legend {62 display: none;63 }64 22 65 fieldset { 66 border: none; 67 background-color: var(--color-main-medium); 68 border-radius: 6px; 69 padding: 2em; 70 >div { 71 margin-bottom: 1.5em; 72 } 73 } 74 input { 75 width: 100%; 76 padding: .5em .75em; 77 border: 1px solid transparent; 78 border-radius: 2px; 79 &:focus{ 80 border-color: var(--color-app); 81 } 82 } 23 .login-content label { 24 color: white; 25 } 83 26 84 label { 85 display: block; 86 font-size: 14; 87 color: white; 88 margin-bottom: .25em; 89 } 90 .button { 91 transition: all 500ms ease-in-out; 92 background-color: var(--color-app); 93 color: white; 94 margin-bottom: 1em; 95 text-transform: uppercase; 96 &:hover { 97 background-color: darken(var(--color-app), 10%); 98 } 99 } 27 .login-content a { 28 color: var(--color-main-light); 29 font-size: 13px; 30 text-decoration: none; 31 margin-right: .75em; 32 } 33 34 .login-content a:hover { 35 color: white; 36 } 37 38 39 40 41 42 43 44 45 /* Provisional */ 46 .message { 47 padding: .5em; 48 margin: 0; 49 border-radius: 4px; 50 text-align: center; 51 font-size: 13px; 52 } 53 54 .message.message-error{ 55 background-color: var(--color-app-dark); 56 color: white; 57 margin-bottom: .5em; 58 }
Note: See TracChangeset
for help on using the changeset viewer.