Portfolio/_infoSection.scss at master · Dave-Donaldson/Portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
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
77
78
79
80
81
82
83
84
85
86


.logo {
 text-transform: uppercase;
 color:white;
border: 5px solid white;
height: 100px;
width: 200px;
display: flex;
justify-content: center;
align-items: center;
font-size: 3rem;
line-height: 0;
  a {
    text-decoration:none;
    color:white;
  }
 } // end .logo

.info-section {
 padding:36px;
 width:40%;
 position:absolute;
 top:0;
 bottom:0;
 left:0;

    .info-box{
      display:none;
    }
      .displayInfo {
      padding:1rem 0;
     display:initial;
     // position:absolute;
     // bottom:60px;
     h4 {
     font-size: 1.2rem;
     color:$whiteOff;
     margin: 1.5rem 0;
     }
     p {
      font-size: .9rem;
      font-weight:300;
      color:$whiteOff;
      margin: 0.2rem 0 1.6rem;
      }
    a {
        font-size: 1.7rem;
        display:inline-block;
        text-decoration: none;
        color:white;
      &:hover {
        color: $hoverColor;
            }
           }

         }
        }


  // end .info-section .info-box h4

   // end .info-section .info-box p
 // end .info-section .info-box
 .icon-section {
   a {
     display:block;
     color:white;
     text-decoration: none;
     font-size: 1.7rem;
     padding: 0 10px;
     &:hover {
        color:$hoverColor;

     } // end .info-section .icon-section a :hover

     &:first-child {
       padding: 0 10px 0 0;
     } // end .info-section .icon-section a :first-child
   } // end .info-section .icon-section a
 }
  // end .info-section .icon-section

 // end .info-section