﻿/// <reference path="../site.less" />

.invite-panel{
    text-align: center;
    margin-top: 80px;
    padding: 10%;
}

.field{
    .fluid-element;
    .square-element;
   border: solid;
   border-color: black;
   padding-bottom: 99%;
}

.field-container{  
    padding-top: 15px;
    padding-bottom: 15px;
}

.field-row{
    .fluid-element;    
}

.field-cell{
    position: relative;
    width: 33.3333%;
    padding-bottom: 32.3%;
    //display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
    //line-height: 32%;
    border: solid;
    border-color: black;
}

.empty-cell:hover{
    background-color: @gray-dark;
}

.cell-content{
    //margin: 0;
    position: absolute;
    padding: 5%;
    //top: 50%;
    //left: 50%;    
    width: 100%;
    height: 100%;
    // alter version
    margin-left: -50%;
    //margin: 50% 0px 0px 0px;
    //transform: translate(-50%, -50%);
    //font-size: 30px;   
}
﻿/// <reference path="../site.less" />

.invite-panel{
    text-align: center;
    margin-top: 80px;
    padding: 10%;
}

.field{
    .fluid-element;
    .square-element;
   border: solid;
   border-color: black;
   padding-bottom: 99%;
}

.field-container{  
    padding-top: 15px;
    padding-bottom: 15px;
}

.field-row{
    .fluid-element;    
}

.field-cell{
    position: relative;
    width: 33.3333%;
    padding-bottom: 32.3%;
    float: left;
    text-align: center;
    vertical-align: middle;
    border: solid;
    border-color: black;
}

.empty-cell:hover{
    background-color: @gray-dark;
}

.cell-content{
    position: absolute;
    padding: 5%;   
    width: 100%;
    height: 100%;
    margin-left: -50%;   
}
Remove unnecessary comments in less.
Remove unnecessary comments in less.
