barbican-reset 1.7.6 → 1.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/components/br_loader.vue
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<b-card class="
|
|
3
|
-
<div class="wrap
|
|
4
|
-
<div class="icon
|
|
5
|
-
<div class="icon
|
|
6
|
-
<div class="icon
|
|
7
|
-
<div class="icon
|
|
8
|
-
<div class="icon
|
|
9
|
-
<div class="icon
|
|
2
|
+
<b-card class="br-loader" no-body>
|
|
3
|
+
<div class="wrap br-loader">
|
|
4
|
+
<div class="icon br-loader"></div>
|
|
5
|
+
<div class="icon br-loader"></div>
|
|
6
|
+
<div class="icon br-loader"></div>
|
|
7
|
+
<div class="icon br-loader"></div>
|
|
8
|
+
<div class="icon br-loader"></div>
|
|
9
|
+
<div class="icon br-loader"></div>
|
|
10
10
|
</div>
|
|
11
11
|
</b-card>
|
|
12
12
|
</template>
|
|
13
13
|
|
|
14
14
|
<script>
|
|
15
15
|
export default {
|
|
16
|
-
name: "
|
|
16
|
+
name: "BrLoader",
|
|
17
17
|
};
|
|
18
18
|
</script>
|
|
@@ -8,7 +8,11 @@
|
|
|
8
8
|
font-weight: 700;
|
|
9
9
|
transition: none;
|
|
10
10
|
line-height: 1;
|
|
11
|
-
padding: 1em;
|
|
11
|
+
padding: 1em;
|
|
12
|
+
|
|
13
|
+
&[slim] {
|
|
14
|
+
padding: 0.75em;
|
|
15
|
+
}
|
|
12
16
|
}
|
|
13
17
|
|
|
14
18
|
@mixin button-display($display:'ib',$gap:1em) {
|
|
@@ -32,18 +36,22 @@
|
|
|
32
36
|
$background: $c-brand-orange,
|
|
33
37
|
$color: $white,
|
|
34
38
|
$border: 1px,
|
|
35
|
-
$padding:
|
|
39
|
+
$padding: false,
|
|
36
40
|
$line-height: false,
|
|
37
41
|
$display: false,
|
|
38
42
|
$font-size: false) {
|
|
39
43
|
border: $border solid $background;
|
|
40
44
|
background-color: $background;
|
|
41
|
-
padding: $padding;
|
|
42
45
|
color: $color;
|
|
46
|
+
|
|
47
|
+
@if $display {
|
|
48
|
+
@if $padding { @include button-display($display, $padding * 0.625); }
|
|
49
|
+
@else { @include button-display($display, 0.625); }
|
|
50
|
+
}
|
|
43
51
|
|
|
44
|
-
@if $display { @include button-display($display, $padding * 0.625); }
|
|
45
52
|
@if $line-height { line-height: $line-height; }
|
|
46
53
|
@if $font-size { font-size: $font-size; }
|
|
54
|
+
@if $padding { padding: $padding; }
|
|
47
55
|
|
|
48
56
|
path {
|
|
49
57
|
fill: $color;
|
|
@@ -65,18 +73,22 @@
|
|
|
65
73
|
$color: $c-brand-orange,
|
|
66
74
|
$background: $white,
|
|
67
75
|
$border: 1px,
|
|
68
|
-
$padding:
|
|
76
|
+
$padding: false,
|
|
69
77
|
$line-height: false,
|
|
70
78
|
$display: false,
|
|
71
79
|
$font-size: false) {
|
|
72
80
|
background-color: $background;
|
|
73
81
|
border: $border solid $color;
|
|
74
|
-
padding: $padding;
|
|
75
82
|
color: $color;
|
|
76
83
|
|
|
77
|
-
@if $display {
|
|
84
|
+
@if $display {
|
|
85
|
+
@if $padding { @include button-display($display, $padding * 0.625); }
|
|
86
|
+
@else { @include button-display($display, 0.625); }
|
|
87
|
+
}
|
|
88
|
+
|
|
78
89
|
@if $line-height { line-height: $line-height; }
|
|
79
90
|
@if $font-size { font-size: $font-size; }
|
|
91
|
+
@if $padding { padding: $padding; }
|
|
80
92
|
|
|
81
93
|
path {
|
|
82
94
|
fill: $color;
|
|
@@ -98,16 +110,16 @@
|
|
|
98
110
|
@mixin button-link(
|
|
99
111
|
$color: inherit,
|
|
100
112
|
$background: transparent,
|
|
101
|
-
$padding:
|
|
113
|
+
$padding: false,
|
|
102
114
|
$line-height: false) {
|
|
103
115
|
background-color: $background;
|
|
104
116
|
text-decoration: underline;
|
|
105
117
|
font-weight: inherit;
|
|
106
|
-
padding: $padding;
|
|
107
118
|
border-radius: 0;
|
|
108
119
|
color: $color;
|
|
109
120
|
|
|
110
121
|
@if $line-height { line-height: $line-height; }
|
|
122
|
+
@if $padding { padding: $padding; }
|
|
111
123
|
}
|
|
112
124
|
|
|
113
125
|
@mixin btn-primary {
|
|
@@ -5,12 +5,10 @@
|
|
|
5
5
|
padding-top: $gap;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
@mixin table-link {
|
|
9
|
-
@include
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
color: $white;
|
|
13
|
-
}
|
|
8
|
+
@mixin table-link--focus {
|
|
9
|
+
@include single-box($c-grey-night);
|
|
10
|
+
background-color: $c-grey-night;
|
|
11
|
+
color: $white;
|
|
14
12
|
}
|
|
15
13
|
|
|
16
14
|
@mixin default-table-style {
|
package/package.json
CHANGED