Skip to content

M
my-cucumbers-ru-github-io
Commit 555a3051 authored by Vadim Makeev's avatar Vadim Makeev
Browse files
Options

Updates

parent a648e9ca
Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 9 deletions
presentation.zip
View file @ 555a3051
No preview for this file type
shower/themes/material/index.html
View file @ 555a3051
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<title>Material theme for Shower</title> <title>Material theme for Shower</title>
<meta charset="utf-8"> <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"> <link rel="stylesheet" href="styles/styles.css">
<style> <style>
.shower { .shower {
......
shower/themes/material/styles/blocks/caption.css
View file @ 555a3051
...@@ -3,15 +3,22 @@ ...@@ -3,15 +3,22 @@
.caption { .caption {
grid-column: 1 / -1; grid-column: 1 / -1;
margin-top: calc( margin-top: calc(
-1 * var(--slide-gap) * var(--slide-scale) -1 *
var(--slide-gap) *
var(--slide-scale)
); );
margin-left: calc( 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-top: 0.8em;
padding-bottom: 0.9em; padding-bottom: 0.9em;
padding-left: calc( padding-left: calc(
var(--slide-gap) * var(--slide-scale) var(--slide-gap) *
var(--slide-scale) +
env(safe-area-inset-left)
); );
box-sizing: border-box; box-sizing: border-box;
width: 100vw; width: 100vw;
......
shower/themes/material/styles/shower/shower-list.css
View file @ 555a3051
/* Shower List */ /* Shower List */
.shower.list { .shower.list {
padding: calc( --shower-list-block: calc(
var(--slide-gap) * var(--slide-scale) 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; box-sizing: border-box;
width: 100%; width: 100%;
display: grid; display: grid;
......
shower/themes/ribbon/index.html
View file @ 555a3051
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<title>Ribbon theme for Shower</title> <title>Ribbon theme for Shower</title>
<meta charset="utf-8"> <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"> <link rel="stylesheet" href="styles/styles.css">
<style> <style>
.shower { .shower {
......
shower/themes/ribbon/styles/shower/shower-list.css
View file @ 555a3051
/* Shower List */ /* Shower List */
.shower.list { .shower.list {
padding: calc( --shower-list-block: calc(
var(--slide-gap) * var(--slide-scale) 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; box-sizing: border-box;
width: 100%; width: 100%;
display: grid; 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