bootstrap_bux 0.1.12 → 0.1.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9e77a08340e3f6ef15bd02ee1d89689127df3b249217e7989083a047ab835396
-  data.tar.gz: d46a80d8ff5d5472ab3b776bc909b809fdc0e7a6606f8b00f008ecfd1c0a8e68
+  metadata.gz: 9a012421cb99e960e8eec2fac93ba98a0ec5856d8a191f980b8d358cf75bd283
+  data.tar.gz: 844bc4fa8977cb0927a7e8265d126e4aa905bf1201191eb186d45729df6d5809
 SHA512:
-  metadata.gz: eb6d4e92c786dca34da89774be7681d7b6421974dc298fe070db8f541f8ba2598880bad4add5e3d2d5b5a4d3cdb9e67335ac1c0c540b3e4b4eb3f52400a02cd1
-  data.tar.gz: ffe7b16e806755109f702d61b27cdb5ae4fbcf68261ba98b6bbc47749f87fd440e70a0e4529320b1dd21c8efd28975c49f87b234a6c2cad8995019546658dbb8
+  metadata.gz: 120fc7c09ba7482247ceeae6c61515e6903eb832cc38a857765a4a956976e26760dd985e4834e76471147c6d2bedeab7651043b4ad241f501cf02f8021f3ea3a
+  data.tar.gz: d8800da88f70d9f52a7480d61938257c1a1f25fea19b832f65443edb6320603a397579de94bbd208b0eac6584cc45e4ba64c454151e120ee92f16e000a5aee32

data/README.md

@@ -61,6 +61,27 @@ or
 
     = render 'bootstrap_bux/osu_footer_white'
 
+## Supported BUX CSS classes
+
+### Links: 
+`.bux-link, .bux-link--before, .bux-link--after, .bux-link--reverse, .bux-link--alt, .bux-link--scarlet`
+
+### Buttons:
+`.bux-button, .bux-button--disabled, .bux-button--alt, .bux-button--small, .bux-button--alt-small, .bux-button--icon, .bux-button__icon`
+
+### OSU Header:
+`.bux-osu-nav, #osu-nav-trigger, .bux-osu-nav__link, #osu-navname-block, .bux-osu-nav__osu-logo-img`
+
+### OSU Footer:
+`.bux-footer, .bux-footer__logo, .bux-footer--light, .bux-footer__fine-print, .bux-footer--dark, .bux-footer--white, .bux-footer__logo, .bux-footer__contact, .bux_footer__email, .bux_footer__fax, .bux_footer__phone, .bux_footer__site-name, .bux-footer__social, .bux-social-links, .bux-social-links__item, .bux-social-links__link`
+
+### Breadcrumbs:
+`.bux-breadcrumb, .bux-breadcrumb__item, .bux-breadcrumb__item--current, .bux-breadcrumb__link, .bux-breadcrumb--alt`
+
+### Accordions: 
+
+Accordions are slightly different in that they require Bootstrap JS. To build BUX-styled accordions, use the standard Bootstrap 5 accordion HTML, and add the `bux-accordion` class to the top-most level of the accordion. 
+
 ## Development
 
 After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.

data/app/assets/stylesheets/bootstrap_bux/application.css

@@ -487,7 +487,7 @@ button:not([class]):focus {
 }
 
 .bux-button__icon {
-  margin-right: 16px;
+  margin-right: 1rem;
   height: 28px;
   width: 28px;
   display: flex;
@@ -648,7 +648,7 @@ a.bux-button {
 .bux-footer hr {
   border: none;
   border-top: 2px solid #dfe3e5;
-  margin-bottom: 16px
+  margin-bottom: 1rem
 }
 
 .bux-footer__fine-print {
@@ -682,7 +682,7 @@ a.bux-button {
 .bux-footer--dark hr {
   border: none;
   border-top: 2px solid #868e92;
-  margin-bottom: 16px
+  margin-bottom: 1rem
 }
 
 .bux-footer--white {
@@ -712,7 +712,7 @@ a.bux-button {
 .bux-footer--white hr {
   border: none;
   border-top: 2px solid #eff1f2;
-  margin-bottom: 16px
+  margin-bottom: 1rem
 }
 
 .bux-footer--white {
@@ -725,7 +725,7 @@ a.bux-button {
 }
 
 .bux-footer .bux-footer__logo {
-  margin-bottom: 16px;
+  margin-bottom: 1rem;
 }
 
 .bux-footer .bux-footer__contact p {
@@ -735,7 +735,9 @@ a.bux-button {
   line-height: 1.375;
 }
 
-.bux-footer p.bux_footer__email, .bux-footer p.bux_footer__fax, .bux-footer p.bux_footer__phone {
+.bux-footer p.bux_footer__email,
+.bux-footer p.bux_footer__fax,
+.bux-footer p.bux_footer__phone {
   margin: 8px 0;
   font-size: .875rem;
   line-height: 1.375;
@@ -772,7 +774,8 @@ a.bux-button {
   height: 44px;
 }
 
-.bux-social-links .bux-social-links__link i, .bux-social-links .icon {
+.bux-social-links .bux-social-links__link i,
+.bux-social-links .icon {
   font-size: 1.25rem;
   line-height: 0;
   font-family: "bux-icons";
@@ -789,4 +792,153 @@ a.bux-button {
   .bux-footer__logo a {
     width: 290px
   }
+}
+
+/* breadcrumbs */
+
+.bux-breadcrumb {
+  display: block;
+  margin: 1rem 0;
+  line-height: 1.5rem;
+}
+
+ol.bux-breadcrumb__list {
+  padding-left: 0;
+}
+
+.bux-breadcrumb__item {
+  position: relative;
+  display: inline-block;
+  color: #646a6e;
+  font-weight: 400;
+  font-size: 0.875rem;
+}
+
+.bux-breadcrumb__item::after {
+  font-size: .63rem;
+  content: "\f005";
+  font-family: "bux-icons";
+  margin-right: .25rem;
+}
+
+.bux-breadcrumb__item--current::after {
+  content: "";
+}
+
+.bux-breadcrumb__link {
+  font-family: inherit;
+  text-decoration: none;
+  border-bottom: 1px solid;
+  color: #ba0c2f;
+  border-bottom-color: #ba0c2f;
+  color: #ba0c2f;
+  margin-right: .25rem;
+}
+
+.bux-breadcrumb__link:focus {
+  border-bottom: none;
+  outline: 2px solid #3492b8;
+  outline-offset: 2px;
+}
+
+.bux-breadcrumb__link:hover {
+  color: #212325;
+  border-bottom-color: #212325;
+  background-color: #eff1f2;
+}
+
+.bux-breadcrumb__link:focus {
+  color: #ba0c2f;
+}
+
+.bux-breadcrumb--alt {
+  background: #bfc6cb;
+  border-radius: .25rem;
+  padding: .5rem;
+}
+
+.bux-breadcrumb--alt .bux-breadcrumb__link {
+  font-family: inherit;
+  text-decoration: none;
+  border-bottom: 1px solid;
+  color: #ba0c2f;
+  border-bottom-color: #ba0c2f;
+}
+
+.bux-breadcrumb--alt .bux-breadcrumb__link:focus {
+  border-bottom: none;
+  outline: 2px solid #3492b8;
+  outline-offset: 2px;
+}
+
+.bux-breadcrumb--alt .bux-breadcrumb__link:hover {
+  color: #000;
+  border-bottom-color: #212325;
+  background-color: #fff;
+}
+
+.bux-breadcrumb--alt .bux-breadcrumb__link:focus {
+  color: #ba0c2f;
+  background-color: #fff;
+}
+
+/* accordions */
+
+.bux-accordion .accordion-item {
+  border-left: none;
+  border-right: none;
+  border-radius: 0;
+}
+
+.bux-accordion .accordion-button:focus,
+.bux-accordion .accordion-button:hover {
+  color: #212325;
+  background: #f6f7f8;
+  border: none;
+  border-top: 2px solid #eff1f2;
+}
+
+.bux-accordion .accordion-button:focus {
+  outline: 2px solid #3492b8;
+  outline-offset: -2px;
+}
+
+.bux-accordion .accordion-button[aria-expanded=true] {
+  background: #fff;
+}
+
+.bux-accordion .accordion-button[aria-expanded=true]:hover {
+  background: #f6f7f8;
+}
+
+.bux-accordion .accordion-header button {
+  font-size: 1rem;
+  display: block;
+  font-weight: 700;
+}
+
+.bux-accordion .accordion-button::after {
+  flex-shrink: 0;
+  width: 0;
+  height: 0;
+  margin-left: auto;
+  content: "";
+  background: none;
+  transition: none;
+}
+
+.bux-accordion .accordion-button::before {
+  flex-shrink: 0;
+  width: var(--bs-accordion-btn-icon-width);
+  height: var(--bs-accordion-btn-icon-width);
+  content: "\f005";
+  font-family: "bux-icons";
+  font-size: 1rem;
+  left: 1rem;
+  color: #ba0c2f;
+  transition: var(--bs-accordion-btn-icon-transition);
+}
+
+.bux-accordion .accordion-button:not(.collapsed)::before {
+  transform: rotate(90deg);
 }

data/lib/bootstrap_bux/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module BootstrapBux
-  VERSION = "0.1.12"
+  VERSION = "0.1.13"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap_bux
 version: !ruby/object:Gem::Version
-  version: 0.1.12
+  version: 0.1.13
 platform: ruby
 authors:
 - Alison Furlong
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2024-06-06 00:00:00.000000000 Z
+date: 2024-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails