-
- ul {
- margin: -3*$px 0 0 -20*$px;
- padding: 0;
- list-style: none;
-
- li {
- margin-top: 20*$px;
- margin-left: 20*$px;
- float: left;
- height: 90*$px;
- border-radius: 15*$px;
-
- a {
- color: white;
- text-transform: uppercase;
- display: block;
- height: 80*$px;
- display: table;
- padding: 5px;
-
- .in-box {
- font-size: .9em;
- height: 100%;
- width: 100%;
- display: table-cell;
- vertical-align: middle;
- border: 1px solid transparent;
- border-radius: 10*$px;
- padding: 0 16*$px;
-
- .name {
- display: block;
- font-size: 1.5em;
- line-height: 1em;
- margin-bottom: .2em;
- }
- }
- }
- a:hover .in-box {
- border: 1px solid white;
- }
- }
- .box1 {background-color: #adaeaf;}
- .box2 {background-color: #f8b323;}
- .box3 {background-color: #16a487;}
- .box4 {background-color: #5e6165;}
- // .box5 {background-color: #16a487;}
- .box5 {background-color: #f8b323;}
- .box6 {background-color: #363a3e;}
- .box7 {background-color: #adaeaf;}
- .box8 {background-color: #ed7831;}
+ // .box5 {background-color: #16a487;}
+ .box5 {
+ background-color: #f8b323;
+ }
+ .box6 {
+ background-color: #363a3e;
+ }
+ .box7 {
+ background-color: #adaeaf;
+ }
+ .box8 {
+ background-color: #ed7831;