mirror of
https://github.com/philomena-dev/philomena.git
synced 2025-02-01 03:46:44 +01:00
44 lines
1.5 KiB
CSS
44 lines
1.5 KiB
CSS
$font-family-base: verdana, arial, helvetica, sans-serif;
|
|
$font-family-monospace: "Droid Sans Mono", monospace;
|
|
|
|
$medium-layout-width: 1330px;
|
|
$max-limited-desktop-width: 1150px;
|
|
$min-desktop-width: 800px;
|
|
$limited-layout-width: 980px;
|
|
$min-desktop-thumb-width: 700px;
|
|
$image-tiny-size: 64px;
|
|
$image-small-size: 128px;
|
|
$image-medium-size: 256px;
|
|
$image-large-size: 512px;
|
|
|
|
:root {
|
|
--medium-layout-width: $medium-layout-width;
|
|
--max-limited-desktop-width: $max-limited-desktop-width;
|
|
--min-desktop-width: $min-desktop-width;
|
|
--limited-layout-width: $limited-layout-width;
|
|
--min-desktop-thumb-width: $min-desktop-thumb-width;
|
|
--border: 1px solid var(--border-color);
|
|
--media-border: 1px solid var(--media-box-color);
|
|
--media-over-border: 1px dotted var(--vote-down-color);
|
|
--font-family-base: $font-family-base;
|
|
--font-family-monospace: $font-family-monospace;
|
|
--padding-small: 0.5em;
|
|
--padding-normal: 1em;
|
|
--centered-margin: 24px;
|
|
--normal-margin: 12px;
|
|
--image-tiny-size: $image-tiny-size;
|
|
--image-small-size: $image-small-size;
|
|
--image-medium-size: $image-medium-size;
|
|
--image-large-size: $image-large-size;
|
|
--header-height: 36px;
|
|
--header-field-height: 28px;
|
|
--header-sub-height: 32px;
|
|
--header-font-size: 16px;
|
|
--header-spacing: 12px;
|
|
--header-field-spacing: 8px;
|
|
--header-field-vertical-spacing: calc((var(--header-height) - var(--header-field-height)) * 0.5);
|
|
--block-header-height: 32px;
|
|
--block-header-sub-height: 26px;
|
|
--block-spacing: 6px;
|
|
--media-box-header-height: 22px;
|
|
}
|