bricks-frontend-styles-codebase-conflicts.scss

/* (Bricks adds this – it's NOT overridden by Codebase) */
/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
  margin: 0;
}

/* paragraphs */
/* (ok - overridden by Codebase) */
p {
  margin: 0 0 1.2em;
}

/* code */
/* (ok - overridden by Codebase) */
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

/* table */
table {
  width: 100%;
}

/* pre */
/* (Bricks adds this – it's NOT overridden by Codebase) */
pre {
  background-color: var(--bricks-bg-light);
  color: #fc1f49;
  font-size: 13px;
  margin: 0;
  padding: 10px 15px;
  white-space: pre-wrap;
}
/* (ok - overridden by Codebase) */
pre {
  font-family: monospace;
  font-size: 1em;
}

/* italics (ok) */
i {
  display: inline-block;
}

/* definition (ok) */
dfn {
  font-style: italic;
}

/* abbreviation (ok) */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* mark (ok - overridden by Codebase) */
mark {
  background-color: #ff0;
  color: #000;
}

/* small (ok - overridden by Codebase) */
small {
  font-size: 80%;
}

/* sup (ok - overridden by Codebase) */
sup {
  top: -0.5em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* sub (ok - overridden by Codebase) */
sub {
  bottom: -0.25em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* hyperlink (ok - overridden by Codebase) */
a {
  border-color: currentColor;
  color: currentColor;
  cursor: pointer;
  text-decoration: none;
}
/* (Bricks adds this – it's NOT overridden by Codebase) */
a {
  -webkit-text-decoration-skip: objects;
  background-color: transparent;
}

/*
/* UPDATE: these DO NOT have to be removed if you use Bricksforge or you use WPCodeBox and follow the instructions here:
/* https://brickslabs.com/using-wpcodebox-for-bricks-specific-snippets/
/* Custom PHP Condition is true:  ! bricks_is_builder_main() && ! is_admin();
/* 
/* Codebase base styles that cause issues in Bricks editor */
/*
*/

/* In /src/codebase/scss/01_basics/_media.scss, remove svg from the following code. */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  outline: 0;
}

/* In /src/codebase/scss/02_components/_labels.scss, set background-color to transparent. */
.label {
  background-color: #f1f1f1;
}

/* In /src/codebase/scss/03_utitlities/_positions.scss - remove these. */
.top {
  top: 0;
}
.right {
  right: 0;
}
.bottom {
  bottom: 0;
}
.left {
  left: 0;
}