Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

@edx/edx-bootstrap

Package Overview
Dependencies
Maintainers
4
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@edx/edx-bootstrap - npm Package Compare versions

Comparing version
2.3.0
 to
2.3.1
+6
-8
package.json

@@ -6,3 +6,3 @@ {

"repository": "git@github.com:edx/edx-bootstrap.git",
"version": "2.3.0",
"version": "2.3.1",
"homepage": "http://edx.github.io/edx-bootstrap",

@@ -27,6 +27,3 @@ "scripts": {

"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
"extends @edx/browserslist-config"
],

@@ -37,3 +34,4 @@ "dependencies": {

"devDependencies": {
"@edx/stylelint-config-edx": "1.1.1",
"@edx/browserslist-config": "^1.1.1",
"@edx/stylelint-config-edx": "2.2.1",
"@fortawesome/fontawesome-svg-core": "1.2.36",

@@ -48,3 +46,3 @@ "@fortawesome/free-solid-svg-icons": "5.15.4",

"lodash": "4.17.21",
"node-sass": "6.0.1",
"node-sass": "7.0.3",
"popper.js": "1.16.1",

@@ -56,3 +54,3 @@ "prop-types": "15.8.1",

"react-router-hash-link": "1.2.2",
"react-scripts": "5.0.0",
"react-scripts": "5.0.1",
"semantic-release": "19.0.3"

@@ -59,0 +57,0 @@ },

+2
-2
scss/core/_extensions.scss

@@ -1,2 +0,2 @@

@import './extensions/buttons';
@import './extensions/utilities';
@import "./extensions/buttons";
@import "./extensions/utilities";
+1
-1
scss/edx/_fonts.scss

@@ -1,1 +0,1 @@

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
+2
-2
scss/edx/_functions.scss

@@ -8,7 +8,7 @@ @function blend-transparent($foreground, $background, $fg-opacity, $bg-opacity: 1) {

$red: (red($foreground) * $fg-opacity + red($background) * $factor) / $opacity;
$red: (red($foreground) * $fg-opacity + red($background) * $factor) / $opacity;
$green: (green($foreground) * $fg-opacity + green($background) * $factor) / $opacity;
$blue: (blue($foreground) * $fg-opacity + blue($background) * $factor) / $opacity;
$blue: (blue($foreground) * $fg-opacity + blue($background) * $factor) / $opacity;
@return rgba($red, $green, $blue, $opacity);
}
+9
-9
scss/edx/_overrides.scss

@@ -1,10 +0,10 @@

@import './overrides/alerts';
@import './overrides/badges';
@import './overrides/buttons';
@import './overrides/dropdowns';
@import './overrides/grid';
@import './overrides/modals';
@import './overrides/typography';
@import './overrides/navs';
@import "./overrides/alerts";
@import "./overrides/badges";
@import "./overrides/buttons";
@import "./overrides/dropdowns";
@import "./overrides/grid";
@import "./overrides/modals";
@import "./overrides/typography";
@import "./overrides/navs";
@import './custom/edx-custom-card.scss';
@import "./custom/edx-custom-card";
+22
-21
scss/edx/_variables.scss

@@ -0,3 +1,4 @@

// stylelint-disable max-line-length, color-function-notation
// Variables
//
// Variables should follow the `$component-state-property-size` formula for

@@ -14,3 +15,3 @@ // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

$gray-500: #a0a0a0 !default;
$gray-600: rgba(65, 65, 65, 0.75) !default;
$gray-600: rgba(65, 65, 65, 75%) !default;
$gray-700: #414141 !default;

@@ -135,3 +136,3 @@ $gray-800: #313131 !default;

// Options
//
// Quickly modify global styling by enabling or disabling optional features.

@@ -152,3 +153,3 @@

// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these

@@ -189,3 +190,3 @@ // variables. Mostly focused on spacing.

// Body
//
// Settings for the `<body>` element.

@@ -198,3 +199,3 @@

// Links
//
// Style anchor elements.

@@ -210,3 +211,3 @@

// Paragraphs
//
// Style p element.

@@ -218,3 +219,3 @@

// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,

@@ -241,3 +242,3 @@ // adapting to different screen sizes, for use in media queries.

// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

@@ -261,3 +262,3 @@

// Grid columns
//
// Set the number of columns and specify the width of the gutters.

@@ -270,3 +271,3 @@

// Components
//
// Define common padding and border radius sizes and more.

@@ -312,3 +313,3 @@

// Fonts
//
// Font, line-height, and color for body text, headings, and more.

@@ -389,3 +390,3 @@

// Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.

@@ -422,3 +423,3 @@

// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.

@@ -449,3 +450,3 @@

// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.

@@ -698,3 +699,3 @@

// Dropdowns
//
// Dropdown menu container and contents.

@@ -729,3 +730,3 @@

// Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view

@@ -920,3 +921,3 @@ // of components dependent on the z-axis and are designed to all work together.

$toast-border-width: 1px !default;
$toast-border-color: rgba(0, 0, 0, 0.1) !default;
$toast-border-color: rgba(0, 0, 0, 10%) !default;
$toast-border-radius: 0.25rem !default;

@@ -927,3 +928,3 @@ $toast-box-shadow: 0 0.25rem 0.75rem rgba($black, 0.1) !default;

$toast-header-background-color: rgba($white, 0.85) !default;
$toast-header-border-color: rgba(0, 0, 0, 0.05) !default;
$toast-header-border-color: rgba(0, 0, 0, 5%) !default;

@@ -983,3 +984,3 @@

// Alerts
//
// Define alert colors, border radius, and padding.

@@ -1064,3 +1065,3 @@

$breadcrumb-active-color: $gray-600 !default;
$breadcrumb-divider: quote("/") !default;
$breadcrumb-divider: "/" !default;

@@ -1067,0 +1068,0 @@ $breadcrumb-border-radius: $border-radius !default;

+1
-1
scss/open-edx/_fonts.scss

@@ -1,1 +0,1 @@

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
+10
-10
scss/open-edx/_overrides.scss

@@ -1,11 +0,11 @@

@import './overrides/alerts';
@import './overrides/badges';
@import './overrides/buttons';
@import './overrides/dropdowns';
@import './overrides/grid';
@import './overrides/modals';
@import './overrides/typography';
@import './overrides/tables';
@import './overrides/navs';
@import "./overrides/alerts";
@import "./overrides/badges";
@import "./overrides/buttons";
@import "./overrides/dropdowns";
@import "./overrides/grid";
@import "./overrides/modals";
@import "./overrides/typography";
@import "./overrides/tables";
@import "./overrides/navs";
@import './custom/edx-custom-card.scss';
@import "./custom/edx-custom-card";
+22
-21
scss/open-edx/_variables.scss

@@ -0,3 +1,4 @@

// stylelint-disable max-line-length, color-function-notation
// Variables
//
// Variables should follow the `$component-state-property-size` formula for

@@ -14,3 +15,3 @@ // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

$gray-500: #a0a0a0 !default;
$gray-600: rgba(65, 65, 65, 0.75) !default;
$gray-600: rgba(65, 65, 65, 75%) !default;
$gray-700: #414141 !default;

@@ -135,3 +136,3 @@ $gray-800: #313131 !default;

// Options
//
// Quickly modify global styling by enabling or disabling optional features.

@@ -152,3 +153,3 @@

// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these

@@ -189,3 +190,3 @@ // variables. Mostly focused on spacing.

// Body
//
// Settings for the `<body>` element.

@@ -198,3 +199,3 @@

// Links
//
// Style anchor elements.

@@ -210,3 +211,3 @@

// Paragraphs
//
// Style p element.

@@ -218,3 +219,3 @@

// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,

@@ -241,3 +242,3 @@ // adapting to different screen sizes, for use in media queries.

// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

@@ -261,3 +262,3 @@

// Grid columns
//
// Set the number of columns and specify the width of the gutters.

@@ -270,3 +271,3 @@

// Components
//
// Define common padding and border radius sizes and more.

@@ -312,3 +313,3 @@

// Fonts
//
// Font, line-height, and color for body text, headings, and more.

@@ -389,3 +390,3 @@

// Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.

@@ -422,3 +423,3 @@

// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.

@@ -449,3 +450,3 @@

// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.

@@ -698,3 +699,3 @@

// Dropdowns
//
// Dropdown menu container and contents.

@@ -729,3 +730,3 @@

// Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view

@@ -920,3 +921,3 @@ // of components dependent on the z-axis and are designed to all work together.

$toast-border-width: 1px !default;
$toast-border-color: rgba(0, 0, 0, 0.1) !default;
$toast-border-color: rgba(0, 0, 0, 10%) !default;
$toast-border-radius: 0.25rem !default;

@@ -927,3 +928,3 @@ $toast-box-shadow: 0 0.25rem 0.75rem rgba($black, 0.1) !default;

$toast-header-background-color: rgba($white, 0.85) !default;
$toast-header-border-color: rgba(0, 0, 0, 0.05) !default;
$toast-header-border-color: rgba(0, 0, 0, 5%) !default;

@@ -983,3 +984,3 @@

// Alerts
//
// Define alert colors, border radius, and padding.

@@ -1064,3 +1065,3 @@

$breadcrumb-active-color: $gray-600 !default;
$breadcrumb-divider: quote("/") !default;
$breadcrumb-divider: "/" !default;

@@ -1067,0 +1068,0 @@ $breadcrumb-border-radius: $border-radius !default;

+4
-2
stylelint.config.js
module.exports = {
extends: '@edx/stylelint-config-edx',
"rules": {
"at-rule-empty-line-before": null
"at-rule-empty-line-before": null,
"function-no-unknown": null,
"scss/no-global-function-names": null,
}
};
};
dist/edx/theme.css

Sorry, the diff of this file is too big to display

dist/open-edx/theme.css

Sorry, the diff of this file is too big to display