hikari-components 0.1.5

Core UI components (40+) for the Hikari design system
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

// Use theme variables with namespace to avoid conflicts
@use '../../../../theme/styles/variables.scss' as vars;

// ============================================
// Hikari Container Component
// ============================================

.hi-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

// Responsive max-widths
.hi-container-sm {
  max-width: 640px;
}

.hi-container-lg {
  max-width: 1024px;
}

.hi-container-xl {
  max-width: 1280px;
}

.hi-container-xxl {
  max-width: 1536px;
}