| | |
| | | |
| | | .c-description { |
| | | @include flexbox(flex, flext-start flex-start, nowrap); |
| | | padding: 20px 0 20px 20px; |
| | | padding: 4px 0 4px 0; |
| | | line-height: 50px; |
| | | &.c-description-enlarged { |
| | | padding: 20px 0 20px 20px; |
| | | line-height: 58px; |
| | | .c-desctiption-content { |
| | | padding-right: 18px; |
| | | } |
| | | } |
| | | &.c-description-bordered { |
| | | border-bottom: #e2e2e2 1PX solid; |
| | | } |
| | | .c-description-label { |
| | | width: 180px; |
| | | margin-right: 20px; |
| | | line-height: 1.5; |
| | | margin-right: 16px; |
| | | vertical-align: middle; |
| | | &.c-description-label-left { |
| | | text-align: left; |
| | |
| | | &.c-description-label-right { |
| | | text-align: right; |
| | | } |
| | | &.c-description-label-none { |
| | | width: auto; |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | .c-desctiption-content { |
| | | flex: 1; |
| | | display: inline-block; |
| | | padding-right: 18px; |
| | | line-height: 1.5; |
| | | vertical-align: middle; |
| | | word-break: break-word; |
| | | } |