From 877e33c004ce87feeecf922fbaef8c48bda424f7 Mon Sep 17 00:00:00 2001 From: Roman Timashev Date: Tue, 18 Feb 2020 12:07:45 +0300 Subject: [PATCH] rm album.scss --- src/style/album.scss | 132 ------------------------------------------- 1 file changed, 132 deletions(-) delete mode 100644 src/style/album.scss diff --git a/src/style/album.scss b/src/style/album.scss deleted file mode 100644 index b9880301..00000000 --- a/src/style/album.scss +++ /dev/null @@ -1,132 +0,0 @@ -.album-block { - //margin: 1em auto 2em; - - h3 { - text-align: center; - margin: 1.5em 0 1em; - } - - .album { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - } - - .album-info { - width: 80%; - margin: 0 0 3em; - } - - .album-info p { - margin: 0 0 .5em; - } - - .album-item { - width: 80%; - box-sizing: border-box; - margin: 0 0 4em; - position: relative; - background-color: white; - padding: 6em; - box-shadow: 0 4px 14px -10px rgba(0,0,0, .85); - - &.vertical { - width: 47%; - min-width: 30em; - max-width: 35em; - } - - img{ - width: 100%; - box-sizing: border-box; - border: .25em solid #eee; - border-top-color: #bbb; - border-left-color: #ddd; - } - } - - .product-info{ - text-align: center; - position: absolute; - width: 100%; - left: 0; - bottom: 1em; - - & > div { - display: inline-block; - padding: .5em 1em; - background-color: white; - border: 1px solid #f5f5f5; - border-radius: .25em; - box-shadow: 0 5p/x 4px -4px rgba(0,0,0, .5); - } - - p { - font-size: 0.75em; - } - - .title { - font-weight: bold; - } - } -} - -@media screen and (max-width: $mobile-width) { - .album-block { - width: 100%; - margin: 1em auto 2em; - - h3 { - text-align: left; - margin: 1em 0 0.5em; - } - - .album-info{ - width: 100%; - margin: 0 0 2em; - } - - .album-item { - width: 100%; - padding: 1em 1em 5em; - margin: 0 0 2em; - - img{ - border: .1em solid #eee; - border-top-color: #bbb; - border-left-color: #ddd; - } - } - - .product-info { - bottom: .5em; - } - } -} - -@media screen and (min-width: $mobile-width) and (max-width: $desktop-width){ - .album-block { - .album-info{ - width: 100%; - margin: 0 0 2em; - font-size: 0.75em; - } - - .album-item { - width: 100%; - padding: 2em 2em 5em; - margin: 0 0 2em; - - img{ - border: .15em solid #eee; - border-top-color: #bbb; - border-left-color: #ddd; - } - } - - .product-info { - bottom: .5em; - } - } -} \ No newline at end of file