src/_iro-design.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
64
65
66
67
68
69
70
71
72

$breakpoints: (
    lg: 1340px,
    md: 900px,
    sm: 620px,
    xs: 400px,
) !default;

@use 'iro-sass/src/responsive' with (
    $named-viewports: $breakpoints
);

@forward 'include-media/dist/include-media' as media--* with (
    $breakpoints: $breakpoints,
    $unit-intervals: (
        'px':  1,
        'em':  .01,
        'rem': .01,
        '':    0
    ) !default,
);

@forward 'config.defaults' as config-defaults--*;
@forward 'config' as config--*;
@forward 'props' as props--*;
@forward 'core' as core--*;

@forward 'layouts/button-group' as l-button-group--*;
@forward 'layouts/card-list' as l-card-list--*;
@forward 'layouts/container' as l-container--*;
@forward 'layouts/flex' as l-flex--*;
@forward 'layouts/form' as l-form--*;
@forward 'layouts/media' as l-media--*;
@forward 'layouts/overflow' as l-overflow--*;
@forward 'layouts/split-view' as l-split-view--*;
@forward 'layouts/card-view' as l-card-view--*;

@forward 'scopes/implicit' as s-implicit--*;
@forward 'scopes/blockquotes' as s-blockquotes--*;
@forward 'scopes/code' as s-code--*;
@forward 'scopes/headings' as s-headings--*;
@forward 'scopes/links' as s-links--*;
@forward 'scopes/lists' as s-lists--*;
@forward 'scopes/tables' as s-tables--*;

@forward 'objects/action-button' as o-action-button--*;
@forward 'objects/alert' as o-alert--*;
@forward 'objects/avatar' as o-avatar--*;
@forward 'objects/backdrop' as o-backdrop--*;
@forward 'objects/badge' as o-badge--*;
@forward 'objects/button' as o-button--*;
@forward 'objects/card' as o-card--*;
@forward 'objects/checkbox' as o-checkbox--*;
@forward 'objects/divider' as o-divider--*;
@forward 'objects/emoji' as o-emoji--*;
@forward 'objects/field-label' as o-field-label--*;
@forward 'objects/heading' as o-heading--*;
@forward 'objects/icon' as o-icon--*;
@forward 'objects/lightbox' as o-lightbox--*;
@forward 'objects/menu' as o-menu--*;
@forward 'objects/palette' as o-palette--*;
@forward 'objects/popover' as o-popover--*;
@forward 'objects/radio' as o-radio--*;
@forward 'objects/side-nav' as o-side-nav--*;
@forward 'objects/status-indicator' as o-status-indicator--*;
@forward 'objects/switch' as o-switch--*;
@forward 'objects/table' as o-table--*;
@forward 'objects/text-field' as o-text-field--*;
@forward 'objects/thumbnail' as o-thumbnail--*;

@forward 'utils' as utils--*;

@forward 'themes' as themes--*;