diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:58:23 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:58:23 +0100 |
| commit | 5a85c56f760ddcb13ccc185e2f54c6928f7fcd3e (patch) | |
| tree | 56e76ccf6b2b3d00b1f021845c18a459ca3fa24e /public/css/modules | |
| parent | 06bf6af3c898e82f1e225f875e7455fac5c10ff9 (diff) | |
Pulls out news-index module
Diffstat (limited to 'public/css/modules')
| -rw-r--r-- | public/css/modules/index.css | 3 | ||||
| -rw-r--r-- | public/css/modules/news-index.css | 26 |
2 files changed, 28 insertions, 1 deletions
diff --git a/public/css/modules/index.css b/public/css/modules/index.css index 0a778e1..8766ef5 100644 --- a/public/css/modules/index.css +++ b/public/css/modules/index.css @@ -1,2 +1,3 @@ @import './btn.css'; -@import './link.css';
\ No newline at end of file +@import './link.css'; +@import './news-index.css';
\ No newline at end of file diff --git a/public/css/modules/news-index.css b/public/css/modules/news-index.css new file mode 100644 index 0000000..721d106 --- /dev/null +++ b/public/css/modules/news-index.css @@ -0,0 +1,26 @@ +.news-index { + display: flex; + flex-direction: column; + gap: var(--spacing-block-lg); +} + +.news-index__item { + display: block; + transition: background 100ms; + padding-block: var(--spacing-block-md); + padding-inline: var(--spacing-inline-sm); + margin-block: var(--spacing-block-sm); +} + +.news-index__item:hover { + background: var(--background-highlight-color); + transition-duration: 300ms; +} + +.news-index__item :first-child { + margin-block-start: 0; +} + +.news-index__item :last-child { + margin-block-end: 0; +}
\ No newline at end of file |