Files
mixtape/zero.Backoffice.UI/app/styles/Modules/_box.scss
T

110 lines
1.5 KiB
SCSS
Raw Normal View History

2020-04-08 13:52:45 +02:00
.ui-box
{
margin: var(--padding);
padding: var(--padding);
background: var(--color-box);
2020-04-08 13:52:45 +02:00
border-radius: var(--radius);
box-shadow: var(--shadow-short);
2020-05-07 11:45:28 +02:00
/*max-width: 1104px;*/
2020-08-17 14:46:13 +02:00
h2, h3
2020-04-25 19:38:45 +02:00
{
2020-08-17 14:46:13 +02:00
margin: -5px 0 25px;
padding: 0;
2020-04-28 15:45:26 +02:00
}
2020-05-25 11:27:23 +02:00
.ui-property-content &
{
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
}
2020-06-05 15:34:13 +02:00
&.is-light
{
background: var(--color-box-light);
2020-06-05 15:34:13 +02:00
}
2020-07-08 13:59:46 +02:00
&.is-blank
{
background: none;
margin: 0;
padding: 0;
border-radius: 0;
box-shadow: none;
}
2020-06-05 15:34:13 +02:00
}
2020-06-08 16:02:54 +02:00
.ui-box + .ui-box.is-connected,
.ui-tabs + .ui-box.is-connected
2020-06-05 15:34:13 +02:00
{
2021-08-06 14:37:00 +02:00
margin-top: -32px;
2022-01-10 16:13:59 +01:00
border-top: 1px solid var(--color-line);
2020-09-14 00:39:47 +02:00
border-top-left-radius: 0;
border-top-right-radius: 0;
2020-04-08 13:52:45 +02:00
}
2020-04-10 15:47:29 +02:00
.ui-blank-box
{
margin: var(--padding);
border-radius: var(--radius);
2020-05-07 11:45:28 +02:00
/*max-width: 1104px;*/
2020-04-10 15:47:29 +02:00
}
2020-04-21 16:23:43 +02:00
2020-04-22 15:46:35 +02:00
.ui-view-box
2020-04-21 16:23:43 +02:00
{
padding: var(--padding);
2020-05-07 11:45:28 +02:00
/*max-width: 1104px + 32px + 320px + 64px;*/
2020-04-21 16:23:43 +02:00
&.has-sidebar
{
display: grid;
grid-template-columns: 1fr auto;
gap: 16px;
2020-04-21 16:23:43 +02:00
}
.ui-box, .ui-blank-box
{
margin: 0;
}
2020-04-25 19:38:45 +02:00
.ui-box + .ui-box
{
2020-08-16 16:07:32 +02:00
margin-top: 16px;
2020-04-25 19:38:45 +02:00
}
2020-04-21 16:23:43 +02:00
}
2020-04-22 15:46:35 +02:00
.ui-view-box-aside
2020-04-21 16:23:43 +02:00
{
2020-07-08 13:59:46 +02:00
width: 340px;
2020-04-21 16:23:43 +02:00
max-width: 100%;
padding: var(--padding);
&.ui-box
{
margin-top: 0 !important;
}
2020-04-21 16:23:43 +02:00
.ui-property + .ui-property
{
2021-10-11 13:58:14 +02:00
border-top: none;
2020-04-21 16:23:43 +02:00
padding-top: 0;
2021-10-11 13:58:14 +02:00
margin-top: var(--padding-s);
2020-04-21 16:23:43 +02:00
}
2020-06-23 15:44:14 +02:00
}
.ui-view-split
{
display: grid;
grid-template-columns: 1fr 360px;
> :last-child
{
margin-top: 90px;
}
2020-04-21 16:23:43 +02:00
}