diff options
| -rw-r--r-- | public/css/modules/index.css | 4 | ||||
| -rw-r--r-- | public/css/modules/schedule.css | 13 | ||||
| -rw-r--r-- | public/css/modules/schedule.lg.css | 21 | ||||
| -rw-r--r-- | public/main.css | 38 | ||||
| -rw-r--r-- | public/normalize.css | 4 |
5 files changed, 41 insertions, 39 deletions
diff --git a/public/css/modules/index.css b/public/css/modules/index.css index 6e971c0..a3d8cfc 100644 --- a/public/css/modules/index.css +++ b/public/css/modules/index.css @@ -2,4 +2,6 @@ @import './link.css'; @import './news-index.css'; @import './back-to-top.css'; -@import './product.css';
\ No newline at end of file +@import './product.css'; +@import './schedule.css'; +@import './schedule.lg.css' (min-width: 35rem);
\ No newline at end of file diff --git a/public/css/modules/schedule.css b/public/css/modules/schedule.css new file mode 100644 index 0000000..123d76f --- /dev/null +++ b/public/css/modules/schedule.css @@ -0,0 +1,13 @@ +.schedule dt { + font-weight: 700; + margin-block-start: var(--spacing-block-md); + text-align: center; +} + +.schedule dd { + text-align: center; +} + +.schedule dd:last-child { + margin-block-end: var(--spacing-block-md); +}
\ No newline at end of file diff --git a/public/css/modules/schedule.lg.css b/public/css/modules/schedule.lg.css new file mode 100644 index 0000000..7d8d25e --- /dev/null +++ b/public/css/modules/schedule.lg.css @@ -0,0 +1,21 @@ +.schedule { + display: grid; + grid-template-columns: fit-content(5rem) 1fr; + grid-column-gap: var(--spacing-inline-sm); + grid-row-gap: var(--spacing-block-sm); +} + +.schedule dt { + grid-column-start: 1; + margin: 0; + text-align: end; +} + +.schedule dd { + grid-column-start: 2; + text-align: start; +} + +.schedule dd:last-child { + margin-block-end: 0; +}
\ No newline at end of file diff --git a/public/main.css b/public/main.css index 5a3d66c..b937824 100644 --- a/public/main.css +++ b/public/main.css @@ -69,44 +69,6 @@ ol li { margin-inline-start: --spacing-inline-md; } -.schedule dt { - font-weight: 500; - margin-block-start: var(--spacing-block-md); - text-align: center; -} - -.schedule dd { - text-align: center; -} - -.schedule dd:last-child { - margin-block-end: var(--spacing-block-md); -} - -@container main (min-width: 20rem) { - .schedule { - display: grid; - grid-template-columns: fit-content(5rem) 1fr; - grid-column-gap: var(--spacing-inline-sm); - grid-row-gap: var(--spacing-block-sm); - } - - .schedule dt { - grid-column-start: 1; - margin: 0; - text-align: end; - } - - .schedule dd { - grid-column-start: 2; - text-align: start; - } - - .schedule dd:last-child { - margin-block-end: 0; - } -} - footer { padding-block-start: var(--spacing-block-md); padding-bottom: 8rem; diff --git a/public/normalize.css b/public/normalize.css index 98e28fa..28cce67 100644 --- a/public/normalize.css +++ b/public/normalize.css @@ -372,3 +372,7 @@ ol { li { list-style: none; } + +dd { + margin: 0; +}
\ No newline at end of file |
