Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16825 efrain 1 
.timeline {
2 
  border-left: 3px solid $primary;
3 
  border-bottom-right-radius: $border-radius;
4 
  border-top-right-radius: $border-radius;
5 
  background: rgba($primary, .2);
6 
  margin: 0 auto;
7 
  position: relative;
8 
  padding: 50px;
9 
  list-style: none;
10 
  max-width: 40%;
11 
  @media(max-width: 767px) {
12 
    max-width: 98%;
13 
    padding: 25px;
14 
  }
15 
 
16 
  .event {
17 
    border-bottom: 1px dashed $border-color;
18 
    padding-bottom: (50px * 0.5);
19 
    margin-bottom: 25px;
20 
    position: relative;
21 
 
22 
    @media(max-width: 767px) {
23 
      padding-top: 30px;
24 
    }
25 
 
26 
    .title {
27 
      font-weight: 500;
28 
      font-size: 1rem;
29 
      margin-bottom: 10px;
30 
    }
31 
 
32 
    &:last-of-type {
33 
      padding-bottom: 0;
34 
      margin-bottom: 0;
35 
      border: none;
36 
    }
37 
 
38 
    &:before, &:after {
39 
      position: absolute;
40 
      display: block;
41 
      top: 0;
42 
    }
43 
 
44 
    &:before {
45 
      left: (((120px * 0.6) + 50px + 4px + 4px + (4px * 2)) * 1.5) * -1;
46 
      content: attr(data-date);
47 
      text-align: right;
48 
      font-weight: 500;
49 
      font-size: 0.9em;
50 
      min-width: 120px;
51 
      @media(max-width: 767px) {
52 
        left: 0px;
53 
        text-align: left;
54 
      }
55 
    }
56 
 
57 
    &:after {
58 
      -webkit-box-shadow: 0 0 0 3px $primary;
59 
              box-shadow: 0 0 0 3px $primary;
60 
      left: (50px + 3px + (8px * 0.35)) * -1;
61 
      background: $card-bg;
62 
      border-radius: 50%;
63 
      height: 9px;
64 
      width: 9px;
65 
      content: "";
66 
      top: 5px;
67 
      @media(max-width: 767px) {
68 
        left: (25px + 4px + (8px * 0.35)) * -1;
69 
      }
70 
    }
71 
  }
72 
}