diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 21:03:22 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 21:03:22 +0100 |
| commit | ee9c3a93de202aa9c91a9c94ddde390e8f68093f (patch) | |
| tree | 7ecd950ea36325690a28ec5fe7939956547bde03 /public/css/modules | |
| parent | d41d9e900a4ce25544a07113c082d762af2d9cc9 (diff) | |
Pulls out product module
Diffstat (limited to 'public/css/modules')
| -rw-r--r-- | public/css/modules/index.css | 3 | ||||
| -rw-r--r-- | public/css/modules/product.css | 22 |
2 files changed, 24 insertions, 1 deletions
diff --git a/public/css/modules/index.css b/public/css/modules/index.css index 6a5cef1..6e971c0 100644 --- a/public/css/modules/index.css +++ b/public/css/modules/index.css @@ -1,4 +1,5 @@ @import './btn.css'; @import './link.css'; @import './news-index.css'; -@import './back-to-top.css';
\ No newline at end of file +@import './back-to-top.css'; +@import './product.css';
\ No newline at end of file diff --git a/public/css/modules/product.css b/public/css/modules/product.css new file mode 100644 index 0000000..51c8fc7 --- /dev/null +++ b/public/css/modules/product.css @@ -0,0 +1,22 @@ +.product__header-block { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + gap: var(--spacing-inline-sm); + padding-inline: var(--spacing-inline-md); + padding-block: var(--spacing-block-lg) var(--spacing-block-xl); +} + +.product__action-block { + display: flex; + flex-direction: column; + margin-inline: auto; + width: fit-content; + gap: var(--spacing-block-sm); +} + +.product__action-block img { + max-width: 12rem; + width: 100%; + height: auto; +}
\ No newline at end of file |