Commit 555a3051 authored by Vadim Makeev's avatar Vadim Makeev

Updates

parent a648e9ca
No preview for this file type
......@@ -3,7 +3,7 @@
<head>
<title>Material theme for Shower</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<link rel="stylesheet" href="styles/styles.css">
<style>
.shower {
......
......@@ -3,15 +3,22 @@
.caption {
grid-column: 1 / -1;
margin-top: calc(
-1 * var(--slide-gap) * var(--slide-scale)
-1 *
var(--slide-gap) *
var(--slide-scale)
);
margin-left: calc(
-1 * var(--slide-gap) * var(--slide-scale)
-1 *
var(--slide-gap) *
var(--slide-scale) -
env(safe-area-inset-left)
);
padding-top: 0.8em;
padding-bottom: 0.9em;
padding-left: calc(
var(--slide-gap) * var(--slide-scale)
var(--slide-gap) *
var(--slide-scale) +
env(safe-area-inset-left)
);
box-sizing: border-box;
width: 100vw;
......
/* Shower List */
.shower.list {
padding: calc(
var(--slide-gap) * var(--slide-scale)
--shower-list-block: calc(
var(--slide-gap) *
var(--slide-scale)
);
--shower-list-inline: calc(
var(--slide-gap) *
var(--slide-scale) +
env(safe-area-inset-left)
);
padding:
var(--shower-list-block)
var(--shower-list-inline);
box-sizing: border-box;
width: 100%;
display: grid;
......
......@@ -3,7 +3,7 @@
<head>
<title>Ribbon theme for Shower</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<link rel="stylesheet" href="styles/styles.css">
<style>
.shower {
......
/* Shower List */
.shower.list {
padding: calc(
var(--slide-gap) * var(--slide-scale)
--shower-list-block: calc(
var(--slide-gap) *
var(--slide-scale)
);
--shower-list-inline: calc(
var(--slide-gap) *
var(--slide-scale) +
env(safe-area-inset-left)
);
padding:
var(--shower-list-block)
var(--shower-list-inline);
box-sizing: border-box;
width: 100%;
display: grid;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment