source: OpenWorkouts-current/ow/static/less/pages/verify_account.less @ b8ef4ab

currentfeature/docs
Last change on this file since b8ef4ab was b8ef4ab, checked in by Borja Lopez <borja@…>, 5 years ago

(#61) Better templates for "verify your account" emails:

  • Send a multipart text/html email (instead text only)
  • Added some styling to the html version of the email, based on our current login page styles.

Important: as the html version contains html code generated using
request.resource_url() and request.static_url(), when running in
development mode under http://localhost, the links to images
and css files in the rendered email point to localhost, so they
won't work outside the machine running openworkouts.

  • Property mode set to 100644
File size: 892 bytes
Line 
1.verify-account-content {
2    background-position: center;
3    background-size: cover;
4    display: flex;
5    justify-content: center;
6    align-items: center;
7    min-height: calc(100vh - 98px);
8    padding: 1em 0;
9    color: @color-main-light;
10
11    .info {
12        max-width: 580px;
13        background-color: fadeout(@color-main, 40%);
14        border-radius: 6px;
15        padding: 2em  1.5em;
16        div {
17            margin-bottom: 1.5em;
18        }
19    }
20
21    a {
22        color: @color-main-light;
23        font-size: 13px;
24        text-decoration: none;
25        margin-right: .75em;
26        &:hover {
27            color: white;
28        }
29    }
30
31    .button {
32        transition: all 500ms ease-in-out;
33        background-color: @color-app;
34        color: white;
35        text-transform: uppercase;
36        &:hover {
37            background-color: darken(@color-app, 10%);
38        }
39    }
40
41}
Note: See TracBrowser for help on using the repository browser.