Edifice-bootstrap NPM | npm.io

1.5.0 • Published 10 days ago

Install

Weekly downloads

-

License

AGPL-3.0

Repository

Last release

10 days ago

Edifice Bootstrap

Edifice Bootstrap is a CSS framework containing all the UI components used by our ENT. This framework is based on the latest version of Bootstrap.

Install

Install it by cloning the repository:

git clone https://github.com/opendigitaleducation/edifice-bootstrap.git
pnpm install

Bootstrap 5.x

If a component already exists in Bootstrap 5.x, we use it and override it if necessary. The same goes for utility classes.

Components

Based on Bootstrap 5.3, many components use CSS Variables (CSS Custom Properties). We adhere to this guideline to create our own components or to override Bootstrap components.

// _form-control.scss

.form-control {
  --#{$prefix}input-padding-y: #{$input-padding-y};
  --#{$prefix}input-padding-x: #{$input-padding-x};
  --#{$prefix}input-padding-y-lg: #{$input-padding-y-lg};
  --#{$prefix}input-padding-x-lg: #{$input-padding-x-lg};
  --#{$prefix}input-font-size-lg: #{$input-font-size-lg};
  --#{$prefix}input-padding-y-sm: #{$input-padding-y-sm};
  --#{$prefix}input-padding-x-sm: #{$input-padding-x-sm};
  --#{$prefix}input-font-size-sm: #{$input-font-size-sm};
  --#{$prefix}input-border-color: #{$input-border-color};
  --#{$prefix}input-disabled-bg: #{$input-disabled-bg};
  --#{$prefix}input-disabled-color: #{$input-disabled-color};
  --#{$prefix}input-disabled-border-color: #{$input-disabled-border-color};
  --#{$prefix}input-placeholder-color: #{$input-placeholder-color};
  --#{$prefix}input-focus-border-color: #{$input-focus-border-color};
  --#{$prefix}input-filled-border-color: #{$input-filled-border-color};
  --#{$prefix}input-border-radius: #{$input-border-radius-lg};
  --#{$prefix}input-border-radius-sm: #{$input-border-radius};
  --#{$prefix}input-border-radius-lg: #{$input-border-radius-lg};
  padding: var(--#{$prefix}input-padding-y) var(--#{$prefix}input-padding-x);
  border-color: var(--#{$prefix}input-border-color);
  font-size: var(--#{$prefix}input-font-size-lg);
  min-height: inherit;

...
}

Overring style should be done in component file with data-attribute selector [data-product="one"] or [data-product="neo"].

.form-control {
  --#{$prefix}input-focus-border-color: var(--#{$prefix}color);
}

Bootstrap Framework CSS Edifice Theme

@popperjs/core bootstrap

@everything-registry/sub-chunk-1554

1.5.4-develop-integration.0

10 days ago

1.5.4-develop-b2school.0

10 days ago

1.5.4-develop-pedago.0

10 days ago

1.5.4-develop.5

10 days ago

1.5.4-develop.1

10 days ago

1.5.4-develop.2

10 days ago

1.5.1-develop.1

10 days ago

1.5.1-develop-pedago.1

10 days ago

11 days ago

1.5.0-develop-pedago.1

15 days ago

1.5.0-develop.1

16 days ago

1.5.0-develop-integration.1

22 days ago

1.3.0-develop-integration.1

22 days ago

1.5.0-develop-b2school.8

23 days ago

1.5.0-develop-b2school.9

23 days ago

1.5.0-develop-b2school.7

25 days ago

1.4.1-develop-pedago.4

29 days ago

1.5.0-develop-b2school.6

1 month ago

1.5.0-develop-b2school.5

1 month ago

1.5.0-develop-b2school.4

1 month ago

1.4.1-develop-pedago.3

2 months ago

1.5.0-develop-b2school.3

2 months ago

1.5.0-develop-b2school.1

2 months ago

1.5.0-develop-b2school.2

2 months ago

1.4.1-develop.1

2 months ago

1.4.1-develop-pedago.1

2 months ago

1.4.1-develop-pedago.2

2 months ago

2 months ago

1.4.0-develop-b2school.3

2 months ago

1.4.0-develop-b2school.1

2 months ago

1.4.0-develop-b2school.2

2 months ago

1.4.0-develop.1

2 months ago

1.4.0-develop-pedago.6

2 months ago

1.4.0-develop-pedago.5

3 months ago

1.3.1-develop-b2school.2

3 months ago

1.4.0-develop-pedago.4

3 months ago

1.4.0-develop-pedago.3

3 months ago

3 months ago

1.4.0-develop-pedago.2

3 months ago

1.4.0-develop-pedago.1

3 months ago

1.3.1-develop-b2school.1

3 months ago

1.3.1-develop.1

3 months ago

1.3.1-develop-pedago.2

3 months ago

1.3.1-develop-pedago.1

3 months ago

3 months ago

1.3.0-develop.17

3 months ago

1.3.0-develop-pedago.2

4 months ago

1.3.0-develop.16

4 months ago

1.3.0-develop.15

4 months ago

1.3.0-develop.14

4 months ago

1.3.0-develop.13

4 months ago

1.3.0-develop.12

4 months ago

1.3.0-develop.11

4 months ago

1.3.0-develop.10

4 months ago

1.3.0-develop.9

4 months ago

1.3.0-develop.8

4 months ago

1.3.0-develop-b2school.13

4 months ago

1.3.0-develop.7

4 months ago

1.3.0-develop.6

4 months ago

1.3.0-develop.5

4 months ago

1.3.0-develop.4

4 months ago

1.3.0-develop.3

4 months ago

1.3.0-develop.2

4 months ago

1.3.0-develop-b2school.12

4 months ago

1.3.0-develop-b2school.11

4 months ago

1.3.0-develop-b2school.10

4 months ago

1.3.0-develop-b2school.8

4 months ago

1.3.0-develop-b2school.9

4 months ago

1.3.0-develop.1

4 months ago

1.3.0-develop-b2school.6

4 months ago

1.3.0-develop-b2school.7

4 months ago

1.3.0-develop-pedago.1

4 months ago

1.3.0-develop-b2school.5

4 months ago

1.3.0-develop-b2school.4

5 months ago

1.3.0-develop-b2school.3

5 months ago

5 months ago

1.3.0-develop-b2school.1

5 months ago

1.3.0-develop-b2school.2

5 months ago

1.2.1-develop.3

5 months ago

1.2.1-develop.2

5 months ago

1.2.1-develop.1

5 months ago

1.2.0-develop-b2school.20

5 months ago

1.2.0-develop-b2school.19

5 months ago

1.2.0-develop-b2school.18

5 months ago

5 months ago

1.2.0-develop-pedago.1

7 months ago

1.2.0-develop-pedago.3

6 months ago

1.1.0-develop-b2school.10

7 months ago

1.2.0-develop-pedago.2

6 months ago

1.2.0-develop-pedago.4

6 months ago

7 months ago

1.2.0-develop-b2school.8

6 months ago

1.2.0-develop-b2school.9

6 months ago

1.2.0-develop-b2school.6

6 months ago

1.2.0-develop-b2school.7

6 months ago

1.2.0-develop-b2school.4

6 months ago

1.2.0-develop-b2school.5

6 months ago

1.2.0-develop-b2school.2

7 months ago

1.2.0-develop-b2school.3

6 months ago

1.2.0-develop-b2school.1

7 months ago

1.1.0-develop.3

7 months ago

1.2.0-develop.1

7 months ago

1.2.0-develop.2

6 months ago

1.1.0-develop.6

7 months ago

1.1.0-develop.5

7 months ago

1.1.0-develop.4

7 months ago

1.1.0-develop-pedago.12

7 months ago

1.2.0-develop-b2school.16

5 months ago

1.2.0-develop-b2school.15

5 months ago

1.2.0-develop-b2school.17

5 months ago

1.2.0-develop-b2school.12

6 months ago

1.1.0-develop-b2school.6

7 months ago

1.2.0-develop-b2school.11

6 months ago

1.2.0-develop-b2school.14

6 months ago

1.2.0-develop-b2school.13

6 months ago

1.1.0-develop-b2school.9

7 months ago

1.2.0-develop-b2school.10

6 months ago

1.1.0-develop-b2school.8

7 months ago

1.1.0-develop-b2school.7

7 months ago

7 months ago

1.1.0-develop-pedago.8

7 months ago

1.1.0-develop-pedago.7

7 months ago

1.1.0-develop-pedago.6

7 months ago

1.0.0-develop-b2school.11

8 months ago

1.1.0-develop-pedago.5

7 months ago

1.0.0-develop-b2school.12

8 months ago

1.0.0-develop-b2school.13

8 months ago

1.0.0-develop-b2school.14

8 months ago

1.0.0-develop-b2school.15

8 months ago

1.1.0-develop-pedago.9

7 months ago

1.0.0-develop-b2school.16

8 months ago

1.0.0-develop-b2school.17

8 months ago

1.0.0-develop-b2school.18

8 months ago

1.0.0-develop-b2school.19

8 months ago

1.1.0-develop-pedago.4

7 months ago

1.1.0-develop-pedago.3

7 months ago

1.1.0-develop-pedago.2

7 months ago

1.1.0-develop-pedago.1

7 months ago

1.1.0-develop-b2school.5

7 months ago

1.1.0-develop-b2school.4

7 months ago

1.1.0-develop-b2school.3

7 months ago

1.0.0-develop-b2school.20

8 months ago

1.0.0-develop-b2school.21

8 months ago

1.0.0-develop-b2school.22

8 months ago

1.0.0-develop-b2school.23

8 months ago

1.1.0-develop-b2school.2

7 months ago

1.0.0-develop-b2school.24

8 months ago

1.1.0-develop-b2school.1

7 months ago

1.0.0-develop-b2school.25

7 months ago

1.0.0-develop-b2school.26

7 months ago

1.0.0-develop-b2school.27

7 months ago

1.0.1-develop.1

7 months ago

1.0.0-develop-pedago.17

8 months ago

1.0.0-develop-pedago.18

8 months ago

1.0.0-develop-pedago.15

8 months ago

1.0.0-develop-pedago.16

8 months ago

1.0.0-develop-pedago.13

8 months ago

1.0.0-develop-pedago.14

8 months ago

1.0.0-develop-pedago.11

8 months ago

1.0.0-develop-pedago.12

8 months ago

1.0.0-develop-pedago.10

8 months ago

1.1.0-develop.2

7 months ago

1.0.0-develop.8

8 months ago

1.1.0-develop.1

7 months ago

1.1.0-develop-pedago.11

7 months ago

1.0.0-develop.10

8 months ago

1.1.0-develop-pedago.10

7 months ago

1.0.0-develop.11

8 months ago

1.0.0-develop.12

8 months ago

1.0.0-develop.13

8 months ago

1.0.0-develop.14

7 months ago

1.0.0-develop.9

8 months ago

1.0.0-develop-pedago.9

9 months ago

1.0.0-develop-b2school.10

9 months ago

1.0.0-develop-pedago.8

9 months ago

1.0.0-develop.7

9 months ago

1.0.0-develop.5

9 months ago

1.0.0-develop.6

9 months ago

1.0.0-develop.4

9 months ago

1.0.0-develop-b2school.1

9 months ago

1.0.0-develop-b2school.3

9 months ago

1.0.0-develop-b2school.2

9 months ago

1.0.0-develop-b2school.5

9 months ago

1.0.0-develop-b2school.4

9 months ago

1.0.0-develop-b2school.7

9 months ago

1.0.0-develop-b2school.6

9 months ago

1.0.0-develop-b2school.9

9 months ago

1.0.0-develop-b2school.8

9 months ago

1.0.0-develop-pedago.7

9 months ago

1.0.0-develop-pedago.6

9 months ago

1.0.0-develop-pedago.5

9 months ago

1.0.0-develop-pedago.4

9 months ago

1.0.0-develop-pedago.3

9 months ago

1.0.0-develop-pedago.2

9 months ago

1.0.0-develop-pedago.1

9 months ago

1.0.0-develop.3

9 months ago

1.0.0-develop.2

9 months ago

1.0.0-develop.1

9 months ago