mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 21:06:42 +07:00
44 lines
1.2 KiB
SCSS
44 lines
1.2 KiB
SCSS
@import 'colors';
|
|
@import 'inputs';
|
|
@import 'fonts';
|
|
@import 'mixins';
|
|
|
|
$header_height: 64px;
|
|
$cell: 280px;
|
|
$fluid_cell: 250px; // smaller cell for fluid flow
|
|
$cell_tablet: ($fluid_cell + 5) * 3 + 10; // flow breakpoint for tablet
|
|
$cell_mobile: ($fluid_cell + 5) * 2 + 10; // flow breakpoint for mobile
|
|
$flow_hide_recents: $cell_tablet; // breakpoint, there recents will be hidden
|
|
|
|
$gap: 10px;
|
|
$lab_gap: $gap * 2;
|
|
$lab_gap_mobile: $gap * 2;
|
|
$grid_line: 5px;
|
|
$content_width: $cell * 5 + $grid_line * 4;
|
|
$spc: $gap * 2;
|
|
$comment_height: 72px;
|
|
$bar_height: 64px;
|
|
|
|
$radius: 8px;
|
|
$cell_radius: $radius;
|
|
$panel_radius: $radius;
|
|
$dialog_radius: $radius * 2;
|
|
$placeholder_bg: transparentize(white, 0.96);
|
|
|
|
$info_height: 24px;
|
|
$limited_width: 940px;
|
|
|
|
$panel_size: 64px;
|
|
$node_title_height: $panel_size;
|
|
$upload_button_height: 52px;
|
|
|
|
$shadow_depth_1: transparentize(black, 0.8) 0 1px, inset transparentize(white, 0.98) 0 1px;
|
|
$shadow_depth_2: transparentize(black, 0.8) 0 2px, inset transparentize(white, 0.98) 0 1px;
|
|
|
|
$comment_shadow: $shadow_depth_2;
|
|
$node_shadow: transparentize(black, 0.8) 0 2px, transparentize(black, 0.8) 0 2px 4px;
|
|
|
|
$tag_height: 26px;
|
|
|
|
$login_dialog_padding: $gap $gap 30px $gap;
|
|
$sidebar_border: transparentize(white, 0.95);
|