| @@ -1,14 +1,15 @@ | |||||
| @avaterSize: 180px; | |||||
| .avatarHolder { | .avatarHolder { | ||||
| position: relative; | position: relative; | ||||
| display: inline-block; | display: inline-block; | ||||
| height: 120px; | |||||
| height: @avaterSize; | |||||
| margin-bottom: 30px; | margin-bottom: 30px; | ||||
| text-align: center; | text-align: center; | ||||
| & > img { | & > img { | ||||
| width: 120px; | |||||
| height: 120px; | |||||
| margin-bottom: 20px; | |||||
| width: @avaterSize; | |||||
| height: @avaterSize; | |||||
| border-radius: 50%; | border-radius: 50%; | ||||
| } | } | ||||
| &:hover:after { | &:hover:after { | ||||
| @@ -20,7 +21,7 @@ | |||||
| color: #eee; | color: #eee; | ||||
| font-size: 24px; | font-size: 24px; | ||||
| font-style: normal; | font-style: normal; | ||||
| line-height: 110px; | |||||
| line-height: @avaterSize; | |||||
| background: rgba(0, 0, 0, 0.5); | background: rgba(0, 0, 0, 0.5); | ||||
| border-radius: 50%; | border-radius: 50%; | ||||
| cursor: pointer; | cursor: pointer; | ||||