@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
57 lines (49 loc) • 1.28 kB
CSS
.icon-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
line-height: 0; }
.icon-list__item + .icon-list__item {
margin-left: 15px; }
@media (min-width: 941px) {
.icon-list__item + .icon-list__item {
margin-left: 20px; } }
.icon-list__link {
height: 20px;
width: 20px; }
.link-tags__list, .link-tags__item {
display: inline; }
.link-tags__label {
display: block; }
@media (min-width: 941px) {
.link-tags__label {
display: initial; } }
.link-tags__item:not(:last-child)::after {
content: ',';
margin-left: -4px; }
@media (min-width: 941px) {
.link-tags--block-label .link-tags__label {
display: block; } }
.blog-meta {
padding-top: 30px; }
.blog-meta__bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
padding-top: 20px; }
.blog-meta .social__list {
margin-left: auto; }
@media (max-width: 940px) {
.blog-meta .social__item + .social__item {
margin-left: 15px; }
.blog-meta .icon {
height: 20px;
width: 20px; } }
/*# sourceMappingURL=meta.css.map */