main.less 1.48 KB
Newer Older
Bat's avatar
Bat committed
1
@light-background: rgb(245, 245, 245);
Bat's avatar
Bat committed
2
@light-gray: rgb(220, 220, 210);
Bat's avatar
Bat committed
3 4 5 6

html, body {
  margin: 0px;
  padding: 0px;
Bat's avatar
Bat committed
7
  font-family: 'RobotoRegular';
Bat's avatar
Bat committed
8 9
}

Bat's avatar
Bat committed
10 11 12 13 14
header img {
  max-width: 50px;
  max-height: 50px;
}

Bat's avatar
Bat committed
15
.lobster {
Bat's avatar
Bat committed
16
  font-family: 'LobsterRegular';
Bat's avatar
Bat committed
17 18 19 20
  font-size: 1.5em;
}

h1, h2, h3, h4 {
Bat's avatar
Bat committed
21
  font-family: 'SourceSansProRegular';
Bat's avatar
Bat committed
22 23 24 25
  font-weight: 400;
}

p.hint {
Bat's avatar
Bat committed
26
  @blue: rgb(0, 163, 255);
Bat's avatar
Bat committed
27 28 29
  border-left: 5px solid @blue;
  background: lighten(@blue, 30%);
  padding: 15px;
Bat's avatar
Bat committed
30
  margin: 30px 0px;
Bat's avatar
Bat committed
31 32 33 34 35
}

div.presenter {
  text-align: center;
  padding: 10%;
Bat's avatar
Bat committed
36
  background: linear-gradient(to top left, #1A2980 , #26D0CE);
Bat's avatar
Bat committed
37 38 39 40 41 42 43 44
  color: white;

  img {
    max-width: 30%;
    max-height: 30%;
  }
}

Bat's avatar
Bat committed
45 46 47 48 49 50 51
footer {
  background: @light-background;
  padding: 50px 20%;
  text-align: center;
  border-top: 1px solid @light-gray;
}

Bat's avatar
Bat committed
52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
.links {
  list-style: none;
  text-align: center;
  padding: 20px;
  margin: 0px;
  background: @light-background;

  li {
    display: inline;
    padding: 10px;
    margin: 10px;
    transition: 0.3s all ease-in;
    border-radius: 5px;

    &:hover {
      background: rgb(227, 227, 227);
    }

    a {
      text-decoration: none;
      color: rgb(92, 92, 92);
    }
  }
}

Bat's avatar
Bat committed
77 78 79 80 81 82 83 84 85 86 87 88 89 90
ul {
  padding-left: 0px;
  li.card {
    list-style: none;
    background: @light-background;
    padding: 10px 30px;
    margin: 10px;
    .border();
    h3 {
      font-weight: 600;
    }
  }
}

Bat's avatar
Bat committed
91 92 93 94 95
main {
  padding: 50px 20%;
}

pre code {
Bat's avatar
Bat committed
96 97 98 99 100 101
  .border();
}

.border {
  border: 1px solid @light-gray;
  border-radius: 3px;
Bat's avatar
Bat committed
102
}