deleting old code from default.css and building QuestionBox component

This commit is contained in:
Belen Curcio
2017-08-24 14:45:47 -03:00
parent 1381395dde
commit 7991188f8d
5 changed files with 87 additions and 73 deletions
@@ -0,0 +1,60 @@
.qbInfo {
top: 0;
border: 0;
background: #F0F0F0;
color: black;
width: 100%;
text-align: left;
padding-left: 0px;
margin-bottom: 0px;
font-weight: bold;
font-size: 14px;
overflow: hidden;
min-height: 50px;
display: flex;
}
.iconBubble{
position: absolute;
top: 8px;
left: 10px;
color: #9E9E9E;
font-size: 24px;
z-index: 0;
}
.iconPerson{
z-index: 2;
top: 12px;
left: 12px;
position: absolute;
font-size: 33px;
color: #262626;
}
.qbBox {
position: relative;
border: 0;
color: white;
padding: 20px;
margin-left: 0px !important;
margin-right: 10px;
display: inline-block;
width: 10px;
min-height: 100%;
padding: 5px 20px;
vertical-align: middle;
}
.qbContent {
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
}
.hidden {
visibility: hidden;
display: none;
}