A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/commit/31c06b5fa697b5f13cc888a1d72effae21eb5e73 below:

add skeleton components (closes #5413) (#5575) · bootstrap-vue/bootstrap-vue@31c06b5 · GitHub

File tree Expand file treeCollapse file tree 29 files changed

+1343

-8

lines changed

Filter options

Expand file treeCollapse file tree 29 files changed

+1343

-8

lines changed Original file line number Diff line number Diff line change

@@ -36,7 +36,7 @@

36 36

-webkit-font-smoothing: antialiased;

37 37

-moz-osx-font-smoothing: grayscale;

38 38 39 -

&:after {

39 +

&::after {

40 40

content: "#";

41 41

}

42 42

}

Original file line number Diff line number Diff line change

@@ -152,3 +152,11 @@ $bv-enable-popover-variants: true !default;

152 152

$b-popover-bg-level: $alert-bg-level !default;

153 153

$b-popover-border-level: $alert-border-level !default;

154 154

$b-popover-color-level: $alert-color-level !default;

155 + 156 +

// --- Skeleton ---

157 + 158 +

$b-skeleton-background-color: rgba(0, 0, 0, 0.12) !default;

159 +

$b-skeleton-loading-cursor: wait !default;

160 +

$b-skeleton-animation-duration: 1.75s !default;

161 +

$b-skeleton-text-spacing: map-get($spacers, 1) !default;

162 +

$b-skeleton-btn-width: 75px !default;

Original file line number Diff line number Diff line change

@@ -3,7 +3,6 @@

3 3

"version": "1.0.0",

4 4

"meta": {

5 5

"title": "Aspect",

6 -

"new": true,

7 6

"version": "2.9.0",

8 7

"description": "The `<b-aspect>` component can be used to maintain a minimum responsive aspect ratio for content.",

9 8

"components": [

Original file line number Diff line number Diff line change

@@ -3,7 +3,6 @@

3 3

"version": "1.0.0",

4 4

"meta": {

5 5

"title": "Avatar",

6 -

"new": true,

7 6

"version": "2.8.0",

8 7

"description": "Avatars are typically used to display a user profile as a picture, an icon, or short text.",

9 8

"components": [

Original file line number Diff line number Diff line change

@@ -4,7 +4,6 @@

4 4

"meta": {

5 5

"title": "Form Rating",

6 6

"version": "2.12.0",

7 -

"new": true,

8 7

"description": "BootstrapVue custom star rating form control for ratings entry or aggregated display",

9 8

"components": [

10 9

{

Original file line number Diff line number Diff line change

@@ -47,6 +47,7 @@ export * from './pagination-nav'

47 47

export * from './popover'

48 48

export * from './progress'

49 49

export * from './sidebar'

50 +

export * from './skeleton'

50 51

export * from './spinner'

51 52

export * from './table'

52 53

export * from './tabs'

Original file line number Diff line number Diff line change

@@ -44,6 +44,7 @@ import { PaginationNavPlugin } from './pagination-nav'

44 44

import { PopoverPlugin } from './popover'

45 45

import { ProgressPlugin } from './progress'

46 46

import { SidebarPlugin } from './sidebar'

47 +

import { SkeletonPlugin } from './skeleton'

47 48

import { SpinnerPlugin } from './spinner'

48 49

// Table plugin includes TableLitePlugin and TableSimplePlugin

49 50

import { TablePlugin } from './table'

@@ -98,6 +99,7 @@ export const componentsPlugin = /*#__PURE__*/ pluginFactory({

98 99

PopoverPlugin,

99 100

ProgressPlugin,

100 101

SidebarPlugin,

102 +

SkeletonPlugin,

101 103

SpinnerPlugin,

102 104

TablePlugin,

103 105

TabsPlugin,

Original file line number Diff line number Diff line change

@@ -16,6 +16,7 @@

16 16

@import "pagination/index";

17 17

@import "pagination-nav/index";

18 18

@import "popover/index";

19 +

@import "skeleton/index";

19 20

@import "sidebar/index";

20 21

@import "table/index";

21 22

@import "time/index";

Original file line number Diff line number Diff line change

@@ -328,9 +328,9 @@ elements outside of the sidebar.

328 328 329 329

### `v-b-toggle` directive

330 330 331 -

Using the [`v-b-toggle` directive](/docs/directive/toggle) is the preferred method for _opening_ the

332 -

sidebar, as it automatically handles applying the `aria-controls` and `aria-expanded` accessibility

333 -

attributes on the trigger element.

331 +

Using the [`v-b-toggle` directive](/docs/directives/toggle) is the preferred method for _opening_

332 +

the sidebar, as it automatically handles applying the `aria-controls` and `aria-expanded`

333 +

accessibility attributes on the trigger element.

334 334 335 335

The majority of examples on this page use the `v-b-toggle` directive.

336 336 Original file line number Diff line number Diff line change

@@ -3,7 +3,6 @@

3 3

"version": "1.0.0",

4 4

"meta": {

5 5

"title": "Sidebar",

6 -

"new": true,

7 6

"version": "2.10.0",

8 7

"description": "The `<b-sidebar>` component creates a fixed viewport, left or right, sliding popout drawer.",

9 8

"plugins": [

You can’t perform that action at this time.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4