bullframe.css 5.1.0 → 6.0.0

package/src/scss/utilities/_utility-layout.scss

@@ -1,187 +0,0 @@
-// micro-clearfix
-// http://nicolasgallagher.com/micro-clearfix-hack/
-.bf-clearfix::before,
-.bf-clearfix::after {
-  content: " ";
-  display: table;
-}
-
-.bf-clearfix::after {
-  clear: both;
-}
-
-.bf-hide {
-  display: none !important;
-}
-
-// assistive text for screen reader only (e.g. form labels)
-.bf-hidden {
-  display: none !important;
-  visibility: hidden !important;
-}
-
-.bf-text-hide {
-  /* stylelint-disable-next-line */
-  font: 0/0 a !important;
-  color: transparent !important;
-  text-shadow: none !important;
-  background-color: transparent !important;
-  border: 0 !important;
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-/*
-// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
-//
-* Hide only visually, but have it available for screen readers:
-* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
-*
-* 1. For long content, line feeds are not interpreted as spaces and small width
-*    causes content to wrap 1 word per line:
-*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
-*/
-.bf-sr-only {
-  border: 0 !important;
-  clip: rect(0, 0, 0, 0) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  white-space: nowrap !important;
-  width: 1px !important;
-}
-
-/*
-// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
-//
-* Extends the .sr-only class to allow the element
-* to be focusable when navigated to via the keyboard:
-* https://www.drupal.org/node/897638
-*/
-.bf-sr-only.focusable:active,
-.bf-sr-only.focusable:focus {
-  clip: auto !important;
-  height: auto !important;
-  margin: 0 !important;
-  overflow: visible !important;
-  position: static !important;
-  white-space: inherit !important;
-  width: auto !important;
-}
-
-.bf-invisible {
-  visibility: hidden !important;
-}
-
-.bf-visible {
-  visibility: visible !important;
-}
-
-.bf-display-block {
-  display: block !important;
-}
-
-.bf-display-block-center {
-  display: block !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-  text-align: center !important;
-}
-
-.bf-display-inline {
-  display: inline !important;
-}
-
-.bf-display-inline-block {
-  display: inline-block !important;
-}
-
-.bf-display-flex {
-  display: flex !important;
-}
-
-.bf-display-inline-flex {
-  display: inline-flex !important;
-}
-
-.bf-display-flex--justify-start {
-  justify-content: flex-start !important;
-}
-
-.bf-display-flex--justify-end {
-  justify-content: flex-end !important;
-}
-
-.bf-display-flex--justify-center {
-  justify-content: center !important;
-}
-
-.bf-display-flex--wrap {
-  flex-wrap: wrap !important;
-}
-
-.bf-display-flex--nowrap {
-  flex-wrap: nowrap !important;
-}
-
-.bf-float-left {
-  float: left !important;
-}
-
-.bf-float-right {
-  float: right !important;
-}
-.bf-position-fixed {
-  position: fixed !important;
-}
-
-.bf-position-sticky {
-  position: sticky !important;
-  top: 0 !important;
-}
-
-// https://css-tricks.com/centering-css-complete-guide
-.bf-align-center-unknown {
-  position: relative !important;
-}
-
-.bf-align-center-unknown--item {
-  position: absolute !important;
-  top: 50% !important;
-  left: 50% !important;
-  transform: translate(-50%, -50%) !important;
-}
-
-// align items horizontally and vertically
-// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
-.bf-align-center-flex {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.bf-width-25 {
-  width: 25% !important;
-}
-
-.bf-width-33 {
-  width: 33.3333% !important;
-}
-
-.bf-width-50 {
-  width: 50% !important;
-}
-
-.bf-width-75 {
-  width: 75% !important;
-}
-
-.bf-width-100 {
-  width: 100% !important;
-}
-
-.bf-width-auto {
-  width: auto !important;
-}

package/src/scss/utilities/_utility-lists.scss

@@ -1,17 +0,0 @@
-// this is useful for navbars
-.bf-list-unstyled,
-menu ul.bf-list-unstyled,
-menu ol.bf-list-unstyled,
-ul.bf-list-unstyled ul,
-ul.bf-list-unstyled ol,
-ol.bf-list-unstyled ol,
-ol.bf-list-unstyled ul,
-dd.bf-list-unstyled {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-dt {
-  font-weight: 700;
-}

package/src/scss/utilities/_utility-print.scss

@@ -1,101 +0,0 @@
-/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
-/* ==========================================================================
-   Print styles.
-   Inlined to avoid the additional HTTP request:
-   https://www.phpied.com/delay-loading-your-print-css/
-   ========================================================================== */
-
-@media print {
-  *,
-  *::before,
-  *::after {
-    background: #fff !important;
-    color: #000 !important;
-    /* Black prints faster */
-    box-shadow: none !important;
-    text-shadow: none !important;
-  }
-
-  a,
-  a:visited {
-    text-decoration: underline;
-  }
-
-  a[href]::after {
-    content: " (" attr(href) ")";
-  }
-
-  abbr[title]::after {
-    content: " (" attr(title) ")";
-  }
-
-  /*
-     * Don't show links that are fragment identifiers,
-     * or use the `javascript:` pseudo protocol
-     */
-  a[href^="#"]::after,
-  a[href^="javascript:"]::after {
-    content: "";
-  }
-
-  pre {
-    white-space: pre-wrap !important;
-  }
-
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid;
-  }
-
-  tr,
-  img {
-    page-break-inside: avoid;
-  }
-
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
-}
-
-// the rulesets below target bullframe.css
-
-@media print {
-  // adjust the grid system making the layout always fixed
-  body,
-  .bf-container {
-    min-width: 992px !important;
-  }
-
-  // a few fixes for '_utility_tables.scss'
-  //
-  // a <table> with a responsive container (.table-responsive) is cut
-  // horizontally because there an overflow-x is applied
-  // let's re-set the overflow of that container on 'auto'
-  // and let the <table> element flows without a fixed/flexible with
-
-  .bf-table-responsive {
-    overflow: auto;
-  }
-
-  .bf-table-responsive table {
-    width: auto;
-  }
-
-  .bf-table-responsive table,
-  .bf-table {
-    border-collapse: collapse !important;
-  }
-}
-
-// Need more?
-//
-// This project looks promising https://github.com/BafS/Gutenberg

package/src/scss/utilities/_utility-reduced-motion.scss

@@ -1,29 +0,0 @@
-// prefers-reduced-motion media feature query
-// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
-//
-// @media (prefers-reduced-motion: reduce) { ... }
-// Indicates that user has notified the system that they prefer an
-// interface that minimizes the amount of movement or animation,
-// preferably to the point where all non-essential movement is removed.
-
-// taken from https://github.com/jensimmons/cssremedy
-//
-// 1. Immediately jump any animation to the end point
-// 2. Remove transitions & fixed background attachment
-// See: https://github.com/mozdevs/cssremedy/issues/11
-@media (prefers-reduced-motion: reduce) {
-  .bf-reduced-motion,
-  .bf-reduced-motion::before,
-  .bf-reduced-motion::after,
-  .bf-reduced-motion *,
-  .bf-reduced-motion *::before,
-  .bf-reduced-motion *::after {
-    animation-delay: -1ms !important;
-    animation-duration: 1ms !important;
-    animation-iteration-count: 1 !important;
-    background-attachment: initial !important;
-    scroll-behavior: auto !important;
-    transition-delay: 0s !important;
-    transition-duration: 0s !important;
-  }
-}

package/src/scss/utilities/_utility-spacing.scss

@@ -1,148 +0,0 @@
-@use '../variables/variables-colors' as bf-v-color;
-@use '../variables/variables-texts' as bf-v-text;
-@use '../variables/variables-spacing' as bf-v-space;
-@use '../variables/variables-breakpoints' as bf-v-bp;
-@use 'sass:color';
-
-// this is something similar to Bootstrap's spacing utility
-// https://getbootstrap.com/docs/4.4/utilities/spacing/
-
-// margins and paddings classes
-
-.bf-m-0 {
-  margin: 0 !important;
-}
-
-.bf-m-t-0 {
-  margin-top: 0 !important;
-}
-
-.bf-m-b-0 {
-  margin-bottom: 0 !important;
-}
-
-.bf-m-l-0 {
-  margin-left: 0 !important;
-}
-
-.bf-m-r-0 {
-  margin-right: 0 !important;
-}
-
-.bf-m-1 {
-  margin-bottom: bf-v-space.$bf-spacing-md-rem !important;
-}
-
-.bf-m-2 {
-  margin-bottom: bf-v-space.$bf-spacing-lg-rem !important;
-}
-
-.bf-m-3 {
-  margin-bottom: bf-v-space.$bf-spacing-xl-rem !important;
-}
-
-.bf-m-4 {
-  margin-bottom: bf-v-space.$bf-spacing-xxl-rem !important;
-}
-
-.bf-m-t-1 {
-  margin-top: bf-v-space.$bf-spacing-md-rem !important;
-}
-
-.bf-m-t-2 {
-  margin-top: bf-v-space.$bf-spacing-lg-rem !important;
-}
-
-.bf-m-t-3 {
-  margin-top: bf-v-space.$bf-spacing-xl-rem !important;
-}
-
-.bf-m-t-4 {
-  margin-top: bf-v-space.$bf-spacing-xxl-rem !important;
-}
-
-.bf-m-b-1 {
-  margin-bottom: bf-v-space.$bf-spacing-md-rem !important;
-}
-
-.bf-m-b-2 {
-  margin-bottom: bf-v-space.$bf-spacing-lg-rem !important;
-}
-
-.bf-m-b-3 {
-  margin-bottom: bf-v-space.$bf-spacing-xl-rem !important;
-}
-
-.bf-m-b-4 {
-  margin-bottom: bf-v-space.$bf-spacing-xxl-rem !important;
-}
-
-// paddings
-
-.bf-p-0 {
-  padding: 0 !important;
-}
-
-.bf-p-t-0 {
-  padding-top: 0 !important;
-}
-
-.bf-p-b-0 {
-  padding-bottom: 0 !important;
-}
-
-.bf-p-l-0 {
-  padding-left: 0 !important;
-}
-
-.bf-p-r-0 {
-  padding-right: 0 !important;
-}
-
-.bf-p-1 {
-  padding-bottom: bf-v-space.$bf-spacing-md-rem !important;
-}
-
-.bf-p-2 {
-  padding-bottom: bf-v-space.$bf-spacing-lg-rem !important;
-}
-
-.bf-p-3 {
-  padding-bottom: bf-v-space.$bf-spacing-xl-rem !important;
-}
-
-.bf-p-4 {
-  padding-bottom: bf-v-space.$bf-spacing-xxl-rem !important;
-}
-
-.bf-p-t-1 {
-  padding-top: bf-v-space.$bf-spacing-md-rem !important;
-}
-
-.bf-p-t-2 {
-  padding-top: bf-v-space.$bf-spacing-lg-rem !important;
-}
-
-.bf-p-t-3 {
-  padding-top: bf-v-space.$bf-spacing-xl-rem !important;
-}
-
-.bf-p-t-4 {
-  padding-top: bf-v-space.$bf-spacing-xxl-rem !important;
-}
-
-.bf-p-b-1 {
-  padding-bottom: bf-v-space.$bf-spacing-md-rem !important;
-}
-
-.bf-p-b-2 {
-  padding-bottom: bf-v-space.$bf-spacing-lg-rem !important;
-}
-
-.bf-p-b-3 {
-  padding-bottom: bf-v-space.$bf-spacing-xl-rem !important;
-}
-
-.bf-p-b-4 {
-  padding-bottom: bf-v-space.$bf-spacing-xxl-rem !important;
-}

package/src/scss/utilities/_utility-tables.scss

@@ -1,34 +0,0 @@
-@use '../variables/variables-colors' as bf-v-color;
-@use '../variables/variables-texts' as bf-v-text;
-@use '../variables/variables-spacing' as bf-v-space;
-@use '../variables/variables-breakpoints' as bf-v-bp;
-@use 'sass:color';
-
-.bf-table th,
-.bf-table td {
-  padding: bf-v-space.$bf-spacing-lg-rem;
-  border-bottom: 1px solid bf-v-color.$bf-gray;
-  margin-bottom: bf-v-space.$bf-spacing-md-rem;
-}
-
-// responsive tables
-.bf-table-responsive {
-  overflow: auto hidden;
-  -ms-overflow-style: scrollbar;
-}
-
-.bf-table-responsive table {
-  width: 100%;
-  margin-bottom: bf-v-space.$bf-spacing-md-rem;
-}
-
-// force webkit scrollbars appearance
-.bf-table-responsive.scrollbar {
-  -webkit-overflow-scrolling: auto;
-}
-
-// zebra striping
-.bf-table--zebra tbody tr:nth-child(odd),
-.bf-table-responsive--zebra tbody tr:nth-child(odd) {
-  background-color: bf-v-color.$bf-gray-light-extra;
-}