add styles for banner and its content

This commit is contained in:
Karthik Siddarth 2019-04-15 12:50:06 +05:30
parent 61e4e703a6
commit 1f253c7ee3

View File

@ -210,4 +210,28 @@ export default Vue.component(name, getVueOptions(name));
font-size: 0.9em;
}
.banner {
width: calc(100% - @base-padding * 2);
height: @banner-height;
padding: @base-padding;
background-color: @banner-color;
display: flex;
flex-direction: column;
align-items: flex-end;
color: white;
&__fullname {
font-size: 32px;
}
&__position {
font-size: 16px;
}
&__location {
font-size: 12px;
}
}
</style>