-
Notifications
You must be signed in to change notification settings - Fork 39
/
_variables.scss
63 lines (53 loc) · 2.28 KB
/
_variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/* -----------------------------------------------------------------------------
* - Menu Component -
* -----------------------------------------------------------------------------
* https://github.com/oleksiikhr/vue-stripe-menu/blob/main/src/scss/menu.scss
*/
// Radius for dropdown content
$vsm-border-radius: 4px !default;
// Animating content in dropdown menu when changing active menu
$vsm-transform-content: 150px !default;
// Dropdown arrow
$vsm-arrow-size: 12px !default;
$vsm-arrow-shadow: -3px -3px 5px rgb(82 95 127 / 4%) !default;
$vsm-arrow-border-radius: 4px 0 0 0 !default;
$vsm-index: 1000 !default;
$vsm-link-height: 50px !default;
$vsm-link-padding-x: 25px !default;
$vsm-background: #fff !default;
$vsm-background-alt: #f6f9fc !default;
$vsm-background-arrow: $vsm-background !default;
// Primary color for links, hamburger/close button
$vsm-color: #6772e5 !default;
$vsm-color-hover: #32325d !default;
// Speed to change dropdown content and hover on links
$vsm-transition: 0.25s !default; // must be equals with "transition-timeout" props
$vsm-transition-link: 0.1s ease !default;
// Dropdown content (menu + mob)
$vsm-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%),
0 30px 60px -30px rgb(0 0 0 / 30%),
0 -18px 60px -10px rgb(0 0 0 / 2.5%) !default;
/* -----------------------------------------------------------------------------
* - Mobile Component -
* -----------------------------------------------------------------------------
* https://github.com/oleksiikhr/vue-stripe-menu/blob/main/src/scss/mob.scss
*/
// Dropdown
$vsm-mob-dropdown-offset: 10px !default;
$vsm-mob-dropdown-border-radius: 4px !default;
// Hamburger button
$vsm-mob-hamburger-size: 50px !default;
$vsm-mob-hamburger-color: $vsm-color !default;
$vsm-mob-hamburger-color-hover: $vsm-color-hover !default;
$vsm-mob-hamburger-width: 24px !default;
$vsm-mob-hamburger-height: 3px !default;
// Close button (in dropdown)
$vsm-mob-close-size: 50px !default;
$vsm-mob-close-weight: 3px !default;
$vsm-mob-close-color: $vsm-color !default;
$vsm-mob-close-color-hover: $vsm-color-hover !default;
$vsm-mob-link-offset: 10px !default;
$vsm-mob-background: $vsm-background !default;
$vsm-mob-shadow: $vsm-shadow !default;
$vsm-mob-transition: $vsm-transition !default;
$vsm-mob-transition-link: $vsm-transition-link !default;