muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

image layout

Browse source
This commit is contained in:
muerwre 2019-07-26 20:02:23 +07:00
parent 7cbfbc98bd
commit 163a46ace2
13 changed files with 237 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/styles/colors.scss
View file

@ -25,3 +25,4 @@ $comment_bg: #191919;
$panel_bg: #191919;
$node_bg: #111111;
$node_image_bg: #131313;
$node_title_background: #191919;

19
src/styles/variables.scss
View file

@ -1,21 +1,24 @@
@import 'colors';
$cell: 256px;
$content_width: $cell * 4;
$content_width: 1100px;
$gap: 10px;
$spc: $gap * 2;
$radius: 3px;
$cell_radius: $radius;
$radius: 6px;
$cell_radius: 4px;
$panel_radius: $radius;
$grid_line: 4px;
$input_height: 32px;
$input_radius: 2px;
$input_radius: $radius;
$info_height: 24px;
$panel_size: 64px;
$node_title_height: $panel_size;
$bold: 700;
$semibold: 600;
$regular: 400;
$medium: 500;
@ -25,13 +28,15 @@ $extra_light: 200;
$font: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font_48_semibold: $semibold 48px $font;
$font_24_semibold: $semibold 24px $font;
$font_24_bold: $bold 24px $font;
$font_24_semibold: $bold 24px $font;
$font_24_regular: $regular 24px $font;
$font_18_regular: $regular 18px $font;
$font_18_extra_light: $extra_light 18px $font;
$font_18_semibold: $semibold 18px $font;
$font_16_regular: $regular 16px $font;
$font_16_semibold: $semibold 16px $font;
$font_16_medium: $medium 16px $font;
$font_14_regular: $regular 14px $font;
$font_14_semibold: $semibold 14px $font;
$font_14_medium: $medium 14px $font;
@ -41,7 +46,7 @@ $font_12_regular: $regular 12px $font;
$font_10_regular: $regular 10px $font;
$font_10_semibold: $semibold 10px $font;
$font_cell_title: $font_24_semibold;
$font_cell_title: $font_24_bold;
$font_hero_title: $font_48_semibold;
@mixin outer_shadow() {