diff --git a/_config.yml b/_config.yml index 68a01920..09d2118e 100644 --- a/_config.yml +++ b/_config.yml @@ -12,9 +12,9 @@ url: "" # Footer info affiliation: > - Richard Feynman
- Professor of Physics
- California Institute of Technology + Richard Feynman
+ Professor of Physics
+ California Institute of Technology location: > California Institute of Technology
@@ -22,8 +22,8 @@ location: > Pasadena, CA 91125 contact: > - Contact Richard via email
- Use this site as a template! + Contact Richard via email
+ Use this site as a template! # Pages shown in navbar nav_pages: @@ -34,6 +34,7 @@ nav_pages: - name: software - name: team - name: teaching + - name: blogs include: - .htaccess @@ -58,11 +59,9 @@ kramdown: enable_coderay: false parse_block_html: true # default for kramdown is false. This will enable using Markdown links - -plugins: ['jekyll/scholar'] +plugins: ["jekyll/scholar"] scholar: - last_name: Doe first_name: [John] diff --git a/_data/great_mathematicians_and_physicists.csv b/_data/great_mathematicians_and_physicists.csv new file mode 100644 index 00000000..01c02f02 --- /dev/null +++ b/_data/great_mathematicians_and_physicists.csv @@ -0,0 +1,46 @@ +Name,Years,Country,Major Contributions +Pythagoras,570-495 BC,Greece,"Best known for the Pythagorean theorem, which relates the sides of a right triangle. His contributions also extend to musical theory and philosophical concepts of numbers and their relationships." +Euclid,circa 300 BC,Greece,"Often referred to as the 'Father of Geometry,' Euclid's work 'Elements' is one of the most influential works in the history of mathematics, laying out the foundations of plane geometry." +Nicolaus Copernicus,1473-1543,Poland,"Proposed the heliocentric model of the solar system, which placed the Sun, rather than the Earth, at the center. This was a major milestone in the history of astronomy." +Galileo Galilei,1564-1642,Italy,"Pioneered the use of the telescope in astronomy, made numerous key observations (such as the moons of Jupiter), and laid the groundwork for classical mechanics." +Marin Mersenne,1588-1648,France,"Known for Mersenne primes and contributions to the study of acoustics and number theory. Acted as a central figure in the scientific community of his time." +René Descartes,1596-1650,France,"Developed Cartesian coordinate system, which bridges algebra and Euclidean geometry. Also contributed to philosophy, laying the foundation for modern rationalism." +Isaac Newton,1643-1727,England,"Formulated the laws of motion and universal gravitation, laying the groundwork for classical mechanics. Also made substantial contributions to calculus, optics, and mathematical theory." +Johann Bernoulli,1667-1748,Switzerland,"Played a key role in the development of calculus and its applications to mechanics and fluid dynamics. Known for Bernoulli's principle in fluid dynamics." +Leonhard Euler,1707-1783,Switzerland,"Made significant contributions to a wide variety of fields in mathematics, including topology, graph theory, and introducing modern terminologies and notations. Known for Euler's identity and Euler's formula." +Jean le Rond d'Alembert,1717-1783,France,"Developed the d'Alembert principle in dynamics and made significant contributions to the wave equation in physics. Was also a co-editor of the 'Encyclopédie.'" +Alessandro Volta,1745-1827,Italy,"Pioneer in electricity and power. Invented the electric battery and discovered methane. The unit of electric potential, the volt, is named in his honor." +Pierre-Simon Laplace,1749-1827,France,"Known for his work on celestial mechanics, probability, and statistics. Formulated the Laplace transform and made significant contributions to the study of the stability of the solar system." +André-Marie Ampère,1775-1836,France,"One of the founders of electrodynamics (the study of the interaction of electric currents), known for Ampère's circuital law and the ampere unit of electric current." +Carl Friedrich Gauss,1777-1855,Germany,"Made major contributions to many fields including number theory, algebra, statistics, analysis, differential geometry, geophysics, electrostatics, astronomy, and optics. Known for the Gaussian distribution and the fundamental theorem of algebra." +Joseph Fourier,1768-1830,France,"Introduced the Fourier series and Fourier transform, which are widely used in signal processing, heat transfer, and vibrations. His work laid the foundation for modern harmonic analysis." +Sophie Germain,1776-1831,France,"Made important contributions to number theory and elasticity theory. Her work on Fermat's Last Theorem provided a foundation for later proofs." +Siméon Denis Poisson,1781-1840,France,"Known for Poisson distribution in probability theory and Poisson's equation in potential theory. Made significant contributions to the study of heat conduction." +Augustin-Louis Cauchy,1789-1857,France,"One of the founders of complex analysis and the theory of functions. Known for Cauchy-Riemann equations and contributions to the rigor of calculus." +Michael Faraday,1791-1867,England,"Discovered electromagnetic induction, diamagnetism, and electrolysis. Faraday's law of induction is fundamental in the study of electromagnetism." +William Rowan Hamilton,1805-1865,Ireland,"Made important contributions to classical mechanics, optics, and algebra. Known for Hamiltonian mechanics, which reformulates Newtonian mechanics." +Évariste Galois,1811-1832,France,"Developed Galois theory, which provides a connection between field theory and group theory. His work laid the foundation for much of modern algebra." +James Clerk Maxwell,1831-1879,Scotland,"Formulated the classical theory of electromagnetic radiation, bringing together for the first time electricity, magnetism, and light as manifestations of the same phenomenon. Known for Maxwell's equations." +Jules Henri Poincaré,1854-1912,France,"Considered the last universalist in mathematics, made profound contributions to the fields of topology, celestial mechanics, and the theory of dynamical systems. Known for the Poincaré conjecture." +Felix Klein,1849-1925,Germany,"Known for his work in group theory, complex analysis, non-Euclidean geometry, and the Erlangen program, which classified geometries based on their underlying symmetries." +Georg Cantor,1845-1918,Germany,"Founded set theory and introduced the concept of cardinality of infinite sets. His work laid the foundations for much of modern mathematical logic." +Henri Poincaré,1854-1912,France,"Made fundamental contributions to topology, celestial mechanics, and the theory of dynamical systems. Known for the Poincaré conjecture and his work on the three-body problem." +Max Planck,1858-1947,Germany,"Originated quantum theory, which revolutionized human understanding of atomic and subatomic processes. Known for Planck's constant and black-body radiation." +Henri Lebesgue,1875-1941,France,"Developed the theory of measure and integration, known as Lebesgue integration, which extended the notion of integration to a broader class of functions." +Émile Borel,1871-1956,France,"Made fundamental contributions to measure theory and probability theory. Known for Borel sets and Borel measure, which are foundational in modern analysis." +David Hilbert,1862-1943,Germany,"Contributed to a broad range of fields, including invariant theory, algebraic number theory, and the foundations of geometry. Known for Hilbert spaces in functional analysis." +Srinivasa Ramanujan,1887-1920,India,"Made substantial contributions to mathematical analysis, number theory, infinite series, and continued fractions. His work has inspired a vast amount of research." +Erwin Schrödinger,1887-1961,Austria,"Developed wave mechanics and formulated the Schrödinger equation, which describes how the quantum state of a physical system changes over time." +Niels Bohr,1885-1962,Denmark,"Developed the Bohr model of the atom, which introduced quantum theory to atomic structure. Made foundational contributions to understanding atomic and molecular structure." +Albert Einstein,1879-1955,Germany,"Developed the theory of relativity, fundamentally changing our understanding of space, time, and energy. Known for the equation E=mc^2 and his contributions to the photoelectric effect." +Emmy Noether,1882-1935,Germany,"Made groundbreaking contributions to abstract algebra and theoretical physics. Known for Noether's theorem, which links symmetries and conservation laws in physics." +Paul Dirac,1902-1984,England,"One of the pioneers of quantum mechanics and quantum electrodynamics. Known for the Dirac equation, which describes the behavior of fermions and predicted the existence of antimatter." +Werner Heisenberg,1901-1976,Germany,"Developed matrix mechanics, one of the formulations of quantum mechanics. Known for the Heisenberg uncertainty principle, which states a fundamental limit to the precision with which pairs of physical properties can be known." +Kurt Gödel,1906-1978,Austria,"Best known for his incompleteness theorems, which have profound implications for the limits of formal systems in mathematics and logic." +John von Neumann,1903-1957,Hungary,"Made fundamental contributions to many fields, including set theory, functional analysis, quantum mechanics, and computer science. Known for the von Neumann architecture and game theory." +Andrey Kolmogorov,1903-1987,Russia,"Made significant contributions to probability theory, turbulence, and the theory of computation. Known for the Kolmogorov axioms, which are the foundation of modern probability theory." +Richard Feynman,1918-1988,USA,"Developed the path integral formulation of quantum mechanics and contributed to the theory of quantum electrodynamics. Known for Feynman diagrams, which are used to represent particle interactions." +Paul Erdős,1913-1996,Hungary,"Prolific mathematician who contributed to numerous fields, particularly combinatorics, graph theory, number theory, and probability. Known for the Erdős number, which measures collaborative distance in authorship of mathematical papers." +Alan Turing,1912-1954,England,"Considered the father of computer science. Developed the concept of the Turing machine, which is a fundamental model of computation, and played a crucial role in codebreaking during World War II." +John Nash,1928-2015,USA,"Made fundamental contributions to game theory, differential geometry, and the study of partial differential equations. Known for Nash equilibrium in game theory." +Stephen Hawking,1942-2018,England,"Made significant contributions to the fields of cosmology and quantum gravity, particularly in the context of black holes. Known for Hawking radiation." diff --git a/_includes/csv_to_table.html b/_includes/csv_to_table.html new file mode 100644 index 00000000..229bb8ad --- /dev/null +++ b/_includes/csv_to_table.html @@ -0,0 +1,17 @@ + + {% for row in include.dataset %} + {% if forloop.first %} + + {% for pair in row %} + + {% endfor %} + + {% endif %} + + {% tablerow pair in row %} + {{ pair[1] }} + {% endtablerow %} + +{% endfor %} + +
{{ pair[0] }}
\ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html index 74662b8c..10802c2e 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -24,5 +24,4 @@
Coordinates
- diff --git a/_layouts/post.html b/_layouts/post.html index 3a0fb52e..0f36c859 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -13,3 +13,6 @@

{{ page.title }}

+ + + \ No newline at end of file diff --git a/_pages/blogs.md b/_pages/blogs.md new file mode 100644 index 00000000..d7b54576 --- /dev/null +++ b/_pages/blogs.md @@ -0,0 +1,14 @@ +--- +title: "Blog" +layout: page +sitemap: false +permalink: /blogs/ +--- + + diff --git a/_posts/1961-11-28-space-time.md b/_posts/1961-11-28-space-time.md new file mode 100644 index 00000000..56be1167 --- /dev/null +++ b/_posts/1961-11-28-space-time.md @@ -0,0 +1,36 @@ +--- +layout: post +title: "Space-Time" +date: 1961-11-28 +categories: "Lecture Notes" +--- + +## Lorentz transformation + +$$ +\begin{align} +x' &= \frac{x-ut/c^2}{\sqrt{1-u^2/c^2}} \\ +t' &= \frac{t-ux/c^2}{\sqrt{1-u^2/c^2}}\\ +y' &= y \\ +z' &= z +\end{align} +$$ + +## Rotation + +$$ +\begin{align} \label{rotation} +x' &= x\cos(\theta) + y\sin(\theta) \\ +y' &= y\cos(\theta) - x\sin(\theta) \\ +z' &= z \\ +t' &= t +\end{align} +$$ + +## References + +- [The Feynman Lectures on Physics First Year Photos (1961‑62) Lecture 17](https://www.feynmanlectures.caltech.edu/flpphotos.html#17) +- [Lorentz transformation on Wikipedia](https://en.wikipedia.org/wiki/Lorentz_transformation) + + + diff --git a/_posts/2024-05-31-great-mathematicians-and-physicists.md b/_posts/2024-05-31-great-mathematicians-and-physicists.md new file mode 100644 index 00000000..930cdd91 --- /dev/null +++ b/_posts/2024-05-31-great-mathematicians-and-physicists.md @@ -0,0 +1,10 @@ +--- +layout: post +title: "Great Mathematicians and Physicists" +date: 2024-05-31 +categories: "Fun" +--- + +A list of 50 brilliant minds who have significantly advanced our understanding of the world and contributed to making it a better place! + +{% include csv_to_table.html dataset=site.data.great_mathematicians_and_physicists %} diff --git a/_sass/bootstrap/_accordion.scss b/_sass/bootstrap/_accordion.scss new file mode 100644 index 00000000..17e5436e --- /dev/null +++ b/_sass/bootstrap/_accordion.scss @@ -0,0 +1,158 @@ +// +// Base styles +// + +.accordion { + // scss-docs-start accordion-css-vars + --#{$prefix}accordion-color: #{$accordion-color}; + --#{$prefix}accordion-bg: #{$accordion-bg}; + --#{$prefix}accordion-transition: #{$accordion-transition}; + --#{$prefix}accordion-border-color: #{$accordion-border-color}; + --#{$prefix}accordion-border-width: #{$accordion-border-width}; + --#{$prefix}accordion-border-radius: #{$accordion-border-radius}; + --#{$prefix}accordion-inner-border-radius: #{$accordion-inner-border-radius}; + --#{$prefix}accordion-btn-padding-x: #{$accordion-button-padding-x}; + --#{$prefix}accordion-btn-padding-y: #{$accordion-button-padding-y}; + --#{$prefix}accordion-btn-color: #{$accordion-button-color}; + --#{$prefix}accordion-btn-bg: #{$accordion-button-bg}; + --#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon)}; + --#{$prefix}accordion-btn-icon-width: #{$accordion-icon-width}; + --#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform}; + --#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition}; + --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)}; + --#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow}; + --#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x}; + --#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y}; + --#{$prefix}accordion-active-color: #{$accordion-button-active-color}; + --#{$prefix}accordion-active-bg: #{$accordion-button-active-bg}; + // scss-docs-end accordion-css-vars +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--#{$prefix}accordion-btn-padding-y) var(--#{$prefix}accordion-btn-padding-x); + @include font-size($font-size-base); + color: var(--#{$prefix}accordion-btn-color); + text-align: left; // Reset button style + background-color: var(--#{$prefix}accordion-btn-bg); + border: 0; + @include border-radius(0); + overflow-anchor: none; + @include transition(var(--#{$prefix}accordion-transition)); + + &:not(.collapsed) { + color: var(--#{$prefix}accordion-active-color); + background-color: var(--#{$prefix}accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--#{$prefix}accordion-border-width)) 0 var(--#{$prefix}accordion-border-color); // stylelint-disable-line function-disallowed-list + + &::after { + background-image: var(--#{$prefix}accordion-btn-active-icon); + transform: var(--#{$prefix}accordion-btn-icon-transform); + } + } + + // Accordion icon + &::after { + flex-shrink: 0; + width: var(--#{$prefix}accordion-btn-icon-width); + height: var(--#{$prefix}accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--#{$prefix}accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--#{$prefix}accordion-btn-icon-width); + @include transition(var(--#{$prefix}accordion-btn-icon-transition)); + } + + &:hover { + z-index: 2; + } + + &:focus { + z-index: 3; + outline: 0; + box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow); + } +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + color: var(--#{$prefix}accordion-color); + background-color: var(--#{$prefix}accordion-bg); + border: var(--#{$prefix}accordion-border-width) solid var(--#{$prefix}accordion-border-color); + + &:first-of-type { + @include border-top-radius(var(--#{$prefix}accordion-border-radius)); + + > .accordion-header .accordion-button { + @include border-top-radius(var(--#{$prefix}accordion-inner-border-radius)); + } + } + + &:not(:first-of-type) { + border-top: 0; + } + + // Only set a border-radius on the last item if the accordion is collapsed + &:last-of-type { + @include border-bottom-radius(var(--#{$prefix}accordion-border-radius)); + + > .accordion-header .accordion-button { + &.collapsed { + @include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius)); + } + } + + > .accordion-collapse { + @include border-bottom-radius(var(--#{$prefix}accordion-border-radius)); + } + } +} + +.accordion-body { + padding: var(--#{$prefix}accordion-body-padding-y) var(--#{$prefix}accordion-body-padding-x); +} + + +// Flush accordion items +// +// Remove borders and border-radius to keep accordion items edge-to-edge. + +.accordion-flush { + > .accordion-item { + border-right: 0; + border-left: 0; + @include border-radius(0); + + &:first-child { border-top: 0; } + &:last-child { border-bottom: 0; } + + // stylelint-disable selector-max-class + > .accordion-header .accordion-button { + &, + &.collapsed { + @include border-radius(0); + } + } + // stylelint-enable selector-max-class + + > .accordion-collapse { + @include border-radius(0); + } + } +} + +@if $enable-dark-mode { + @include color-mode(dark) { + .accordion-button::after { + --#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon-dark)}; + --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon-dark)}; + } + } +} diff --git a/_sass/bootstrap/_alert.scss b/_sass/bootstrap/_alert.scss index da2a98af..b8cff9b7 100644 --- a/_sass/bootstrap/_alert.scss +++ b/_sass/bootstrap/_alert.scss @@ -3,11 +3,25 @@ // .alert { + // scss-docs-start alert-css-vars + --#{$prefix}alert-bg: transparent; + --#{$prefix}alert-padding-x: #{$alert-padding-x}; + --#{$prefix}alert-padding-y: #{$alert-padding-y}; + --#{$prefix}alert-margin-bottom: #{$alert-margin-bottom}; + --#{$prefix}alert-color: inherit; + --#{$prefix}alert-border-color: transparent; + --#{$prefix}alert-border: #{$alert-border-width} solid var(--#{$prefix}alert-border-color); + --#{$prefix}alert-border-radius: #{$alert-border-radius}; + --#{$prefix}alert-link-color: inherit; + // scss-docs-end alert-css-vars + position: relative; - padding: $alert-padding-y $alert-padding-x; - margin-bottom: $alert-margin-bottom; - border: $alert-border-width solid transparent; - @include border-radius($alert-border-radius); + padding: var(--#{$prefix}alert-padding-y) var(--#{$prefix}alert-padding-x); + margin-bottom: var(--#{$prefix}alert-margin-bottom); + color: var(--#{$prefix}alert-color); + background-color: var(--#{$prefix}alert-bg); + border: var(--#{$prefix}alert-border); + @include border-radius(var(--#{$prefix}alert-border-radius)); } // Headings for larger alerts @@ -19,6 +33,7 @@ // Provide class for links that match alerts .alert-link { font-weight: $alert-link-font-weight; + color: var(--#{$prefix}alert-link-color); } @@ -27,25 +42,27 @@ // Expand the right padding and account for the close button's positioning. .alert-dismissible { - padding-right: $close-font-size + $alert-padding-x * 2; + padding-right: $alert-dismissible-padding-r; // Adjust close link position - .close { + .btn-close { position: absolute; top: 0; right: 0; - padding: $alert-padding-y $alert-padding-x; - color: inherit; + z-index: $stretched-link-z-index + 1; + padding: $alert-padding-y * 1.25 $alert-padding-x; } } -// Alternate styles -// -// Generate contextual modifier classes for colorizing the alert. - -@each $color, $value in $theme-colors { - .alert-#{$color} { - @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); +// scss-docs-start alert-modifiers +// Generate contextual modifier classes for colorizing the alert +@each $state in map-keys($theme-colors) { + .alert-#{$state} { + --#{$prefix}alert-color: var(--#{$prefix}#{$state}-text-emphasis); + --#{$prefix}alert-bg: var(--#{$prefix}#{$state}-bg-subtle); + --#{$prefix}alert-border-color: var(--#{$prefix}#{$state}-border-subtle); + --#{$prefix}alert-link-color: var(--#{$prefix}#{$state}-text-emphasis); } } +// scss-docs-end alert-modifiers diff --git a/_sass/bootstrap/_badge.scss b/_sass/bootstrap/_badge.scss index 42c5d08d..cc3d2695 100644 --- a/_sass/bootstrap/_badge.scss +++ b/_sass/bootstrap/_badge.scss @@ -4,22 +4,26 @@ // `background-color`. .badge { + // scss-docs-start badge-css-vars + --#{$prefix}badge-padding-x: #{$badge-padding-x}; + --#{$prefix}badge-padding-y: #{$badge-padding-y}; + @include rfs($badge-font-size, --#{$prefix}badge-font-size); + --#{$prefix}badge-font-weight: #{$badge-font-weight}; + --#{$prefix}badge-color: #{$badge-color}; + --#{$prefix}badge-border-radius: #{$badge-border-radius}; + // scss-docs-end badge-css-vars + display: inline-block; - padding: $badge-padding-y $badge-padding-x; - @include font-size($badge-font-size); - font-weight: $badge-font-weight; + padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x); + @include font-size(var(--#{$prefix}badge-font-size)); + font-weight: var(--#{$prefix}badge-font-weight); line-height: 1; + color: var(--#{$prefix}badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; - @include border-radius($badge-border-radius); - @include transition($badge-transition); - - @at-root a#{&} { - @include hover-focus() { - text-decoration: none; - } - } + @include border-radius(var(--#{$prefix}badge-border-radius)); + @include gradient-bg(); // Empty badges collapse automatically &:empty { @@ -32,23 +36,3 @@ position: relative; top: -1px; } - -// Pill badges -// -// Make them extra rounded with a modifier to replace v3's badges. - -.badge-pill { - padding-right: $badge-pill-padding-x; - padding-left: $badge-pill-padding-x; - @include border-radius($badge-pill-border-radius); -} - -// Colors -// -// Contextual variations (linked badges get darker on :hover). - -@each $color, $value in $theme-colors { - .badge-#{$color} { - @include badge-variant($value); - } -} diff --git a/_sass/bootstrap/_breadcrumb.scss b/_sass/bootstrap/_breadcrumb.scss index a0cf7e29..b8252ff2 100644 --- a/_sass/bootstrap/_breadcrumb.scss +++ b/_sass/bootstrap/_breadcrumb.scss @@ -1,44 +1,40 @@ .breadcrumb { + // scss-docs-start breadcrumb-css-vars + --#{$prefix}breadcrumb-padding-x: #{$breadcrumb-padding-x}; + --#{$prefix}breadcrumb-padding-y: #{$breadcrumb-padding-y}; + --#{$prefix}breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom}; + @include rfs($breadcrumb-font-size, --#{$prefix}breadcrumb-font-size); + --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg}; + --#{$prefix}breadcrumb-border-radius: #{$breadcrumb-border-radius}; + --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color}; + --#{$prefix}breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x}; + --#{$prefix}breadcrumb-item-active-color: #{$breadcrumb-active-color}; + // scss-docs-end breadcrumb-css-vars + display: flex; flex-wrap: wrap; - padding: $breadcrumb-padding-y $breadcrumb-padding-x; - margin-bottom: $breadcrumb-margin-bottom; - @include font-size($breadcrumb-font-size); + padding: var(--#{$prefix}breadcrumb-padding-y) var(--#{$prefix}breadcrumb-padding-x); + margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom); + @include font-size(var(--#{$prefix}breadcrumb-font-size)); list-style: none; - background-color: $breadcrumb-bg; - @include border-radius($breadcrumb-border-radius); + background-color: var(--#{$prefix}breadcrumb-bg); + @include border-radius(var(--#{$prefix}breadcrumb-border-radius)); } .breadcrumb-item { - display: flex; - // The separator between breadcrumbs (by default, a forward-slash: "/") + .breadcrumb-item { - padding-left: $breadcrumb-item-padding; + padding-left: var(--#{$prefix}breadcrumb-item-padding-x); &::before { - display: inline-block; // Suppress underlining of the separator in modern browsers - padding-right: $breadcrumb-item-padding; - color: $breadcrumb-divider-color; - content: escape-svg($breadcrumb-divider); + float: left; // Suppress inline spacings and underlining of the separator + padding-right: var(--#{$prefix}breadcrumb-item-padding-x); + color: var(--#{$prefix}breadcrumb-divider-color); + content: var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; } } - // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built - // without `