2020-01-15 20:42:02 +05:00
|
|
|
.Island {
|
|
|
|
|
--padding: 0;
|
2020-04-15 18:42:07 +01:00
|
|
|
background-color: var(--bg-color-island);
|
2020-04-15 21:20:35 +02:00
|
|
|
backdrop-filter: saturate(100%) blur(10px);
|
2020-01-15 20:42:02 +05:00
|
|
|
box-shadow: var(--shadow-island);
|
|
|
|
|
border-radius: var(--border-radius-m);
|
|
|
|
|
padding: calc(var(--padding) * var(--space-factor));
|
2020-04-16 21:31:20 +02:00
|
|
|
position: relative;
|
2020-04-25 18:43:02 +05:30
|
|
|
transition: box-shadow 0.5s ease-in-out;
|
|
|
|
|
|
|
|
|
|
&.zen-mode {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
2020-01-15 20:42:02 +05:00
|
|
|
}
|
