summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--public/css/modules/index.css3
-rw-r--r--public/css/modules/news-index.css26
-rw-r--r--public/main.css27
3 files changed, 28 insertions, 28 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
diff --git a/public/main.css b/public/main.css
index 598ee65..bb313b1 100644
--- a/public/main.css
+++ b/public/main.css
@@ -106,33 +106,6 @@ ol li {
}
}
-.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;
-}
-
footer {
padding-block-start: var(--spacing-block-md);
padding-bottom: 8rem;