diff options
Diffstat (limited to 'site/content/docs/5.2/examples/product/product.css')
-rw-r--r-- | site/content/docs/5.2/examples/product/product.css | 69 |
1 files changed, 0 insertions, 69 deletions
diff --git a/site/content/docs/5.2/examples/product/product.css b/site/content/docs/5.2/examples/product/product.css deleted file mode 100644 index 5fcb582..0000000 --- a/site/content/docs/5.2/examples/product/product.css +++ /dev/null @@ -1,69 +0,0 @@ -.container { - max-width: 960px; -} - -/* - * Custom translucent site header - */ - -.site-header { - background-color: rgba(0, 0, 0, .85); - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); -} -.site-header a { - color: #8e8e8e; - transition: color .15s ease-in-out; -} -.site-header a:hover { - color: #fff; - text-decoration: none; -} - -/* - * Dummy devices (replace them with your own or something else entirely!) - */ - -.product-device { - position: absolute; - right: 10%; - bottom: -30%; - width: 300px; - height: 540px; - background-color: #333; - border-radius: 21px; - transform: rotate(30deg); -} - -.product-device::before { - position: absolute; - top: 10%; - right: 10px; - bottom: 10%; - left: 10px; - content: ""; - background-color: rgba(255, 255, 255, .1); - border-radius: 5px; -} - -.product-device-2 { - top: -25%; - right: auto; - bottom: 0; - left: 5%; - background-color: #e5e5e5; -} - - -/* - * Extra utilities - */ - -.flex-equal > * { - flex: 1; -} -@media (min-width: 768px) { - .flex-md-equal > * { - flex: 1; - } -} |