diff --git a/patterns/molecules/preview-list/css/preview-list.component.css b/patterns/molecules/preview-list/css/preview-list.component.css index 75cdeb298fecbaaf0a099420a0ca5a11ad1b5f32..147451b43d41a56ffd58db097aa78ba6fb3c1ccf 100644 --- a/patterns/molecules/preview-list/css/preview-list.component.css +++ b/patterns/molecules/preview-list/css/preview-list.component.css @@ -1,83 +1,56 @@ .preview-list-component { - display: block; -} - -.preview-list-component .preview-list-image { - width: 300px; - height: 170px; - background: #ddd; - margin-right: 15px; - float: left; - overflow: hidden; - background-image: url(../images/cern.png); - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - border: 0; - box-shadow: 0 1px 3px 0 #bfbfbf; -} - -.preview-list-component .preview-list-news-info { - float: left; - width: calc(100% - 315px); -} - -.preview-list-component .preview-list-news-info .preview-list-topic { - display: inline; -} - -.preview-list-component .preview-list-news-info .preview-list-topic a { - color: black; -} - -.preview-list-component .preview-list-news-info .preview-list-title { - margin-top: 5px; -} - -.preview-list-component .preview-list-news-info .preview-list-strap { - margin-bottom: 2rem; -} - -.preview-list-component .preview-list-news-info .preview-list-news-format { - display: inline; -} - -.preview-list-component .preview-list-news-info .preview-list-news-format * { - display: inline; -} - -.preview-list-component .preview-list-news-info .preview-list-news-format a { - color: black; -} - -.preview-list-component .preview-list-news-info .preview-list-topic.has-separator, -.preview-list-component .preview-list-news-info .preview-list-date.has-separator { - display: inline; -} - -.preview-list-component .preview-list-news-info .preview-list-topic.has-separator:before, -.preview-list-component .preview-list-news-info .preview-list-date.has-separator:before { - content: '|'; - position: relative; - display: inline-block; - margin: 0 5px; -} + display: block; } + .preview-list-component .preview-list-image { + width: 300px; + height: 170px; + background: #ddd; + margin-right: 15px; + float: left; + overflow: hidden; + background-image: url(../images/cern.png); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + border: 0; + box-shadow: 0 1px 3px 0 #bfbfbf; } + .preview-list-component .preview-list-news-info { + float: left; + width: calc(100% - 315px); } + .preview-list-component .preview-list-news-info .preview-list-topic { + display: inline; } + .preview-list-component .preview-list-news-info .preview-list-topic a { + color: black; } + .preview-list-component .preview-list-news-info .preview-list-title { + margin-top: 0; } + .preview-list-component .preview-list-news-info .preview-list-strap { + margin-bottom: 2rem; } + .preview-list-component .preview-list-news-info .preview-list-news-format { + display: inline; } + .preview-list-component .preview-list-news-info .preview-list-news-format * { + display: inline; } + .preview-list-component .preview-list-news-info .preview-list-news-format a { + color: black; } + .preview-list-component .preview-list-news-info .preview-list-topic.has-separator, + .preview-list-component .preview-list-news-info .preview-list-date.has-separator { + display: inline; } + .preview-list-component .preview-list-news-info .preview-list-topic.has-separator:before, + .preview-list-component .preview-list-news-info .preview-list-date.has-separator:before { + content: '|'; + position: relative; + display: inline-block; + margin: 0 5px; } .preview-list-responsive { - display: none; -} + display: none; } @media only screen and (max-width: 767px) { .preview-list-component { - display: none; - } - .preview-list-responsive { - display: block; - } -} + display: none; } + .preview-list-responsive { + display: block; } } @media only screen and (max-width: 991px) { .preview-list-component .preview-list-news-info .preview-list-title { - font-size: 2rem; - } -} + font-size: 2rem; } } + +/*# sourceMappingURL=preview-list.component.css.map */ diff --git a/patterns/molecules/preview-list/scss/preview-list.component.scss b/patterns/molecules/preview-list/scss/preview-list.component.scss index 985386c425dc61a7e5bfd15f338b7b7a48a8d376..89f1f1a30f70882926396747299c71aa48f587f3 100755 --- a/patterns/molecules/preview-list/scss/preview-list.component.scss +++ b/patterns/molecules/preview-list/scss/preview-list.component.scss @@ -29,7 +29,7 @@ } } .preview-list-title { - margin-top: 5px; + margin-top: 0; } .preview-list-strap { margin-bottom: 2rem;