Commit f128227e authored by Antonela's avatar Antonela
Browse files

Updates /visual

Clean color, grid, typography
Add Identity Assets
parent eb215db9
Loading
Loading
Loading
Loading
+6 −6
Original line number Diff line number Diff line
@@ -28,7 +28,7 @@ $success: $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$light:         $gray-200 !default;
$dark:          $purple-dark !default;

$navbar-dark-color:                 $white !default;
@@ -45,9 +45,9 @@ $bd-warning: #f0ad4e !default;
$bd-danger:        #d9534f !default;

// Fonts -  Source Sans Pro
$font-family-sans-serif:      "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-sans:      "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-serif:     "Source Serif Pro", -apple-system, "Georgia", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-monospace:       "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base:            $font-family-sans-serif !default;
$font-family-monospace: "Source Code Pro", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base:      $font-family-sans !default;

$mark-bg:               $bd-purple-light;
+5 −8
Original line number Diff line number Diff line
@@ -34,24 +34,21 @@ p {
  color: $gray-900;
  line-height: 2rem;
}
.serif {
  font-family: $font-family-serif;
.font-family-serif {
  font-family: $font-family-serif !important;
}
mark,.mark {
  color: $purple;
}

.font-weight-light {
  font-family: Source Light Pro !important;
}

.display-5 {
  font-size: 1.5em;
}

.display-6 {
  font-size: 1.3em
}
mark,.mark {
  color: $purple;
}

/*
 * Nav
+190 −49
Original line number Diff line number Diff line
@@ -8,8 +8,18 @@
 * Base structure
 */
/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem; }
.page {
  padding-top: 4.5rem; }

/* Reset */
.no-border {
  border: none; }

.no-background {
  background-image: none !important; }

.content-scroll {
  overflow-y: scroll; }

/*
 * Typography
@@ -24,8 +34,17 @@ p {
  color: #212529;
  line-height: 2rem; }

.serif {
  font-family: "Source Serif Pro", -apple-system, "Georgia", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.font-family-serif {
  font-family: "Source Serif Pro", -apple-system, "Georgia", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }

.font-weight-light {
  font-family: Source Light Pro !important; }

.display-5 {
  font-size: 1.5em; }

.display-6 {
  font-size: 1.3em; }

mark, .mark {
  color: #7D4698; }
@@ -86,6 +105,14 @@ mark, .mark {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

/*
 * Forms
 */
.form-wide {
  width: 100% !important; }
  .form-wide input {
    padding: 20px !important; }

.badge {
  text-transform: uppercase; }

@@ -344,15 +371,15 @@ mark, .mark {
  --info: #00A5BB;
  --warning: #FFBF00;
  --danger: #EF243E;
  --light: #F8F9FA;
  --light: #e9ecef;
  --dark: #59316B;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: "Source Code Pro", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

@media print {
  *,
@@ -801,7 +828,7 @@ code,
kbd,
pre,
samp {
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
  font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

code {
  padding: 0.2rem 0.4rem;
@@ -1662,13 +1689,13 @@ pre {
.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe; }
  background-color: #f9fafb; }

.table-hover .table-light:hover {
  background-color: #ececf6; }
  background-color: #eaedf1; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6; }
    background-color: #eaedf1; }

.table-dark,
.table-dark > th,
@@ -2204,22 +2231,22 @@ fieldset[disabled] a.btn {

.btn-light {
  color: #111;
  background-color: #F8F9FA;
  border-color: #F8F9FA; }
  background-color: #e9ecef;
  border-color: #e9ecef; }
  .btn-light:hover {
    color: #111;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
    background-color: #d3d9df;
    border-color: #cbd3da; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
    box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #F8F9FA;
    border-color: #F8F9FA; }
    background-color: #e9ecef;
    border-color: #e9ecef; }
  .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #111;
    background-color: #dae0e5;
    border-color: #d3d9df;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
    background-color: #cbd3da;
    border-color: #c4ccd4;
    box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }

.btn-dark {
  color: #fff;
@@ -2361,24 +2388,24 @@ fieldset[disabled] a.btn {
    box-shadow: 0 0 0 0.2rem rgba(239, 36, 62, 0.5); }

.btn-outline-light {
  color: #F8F9FA;
  color: #e9ecef;
  background-color: transparent;
  background-image: none;
  border-color: #F8F9FA; }
  border-color: #e9ecef; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #F8F9FA;
    border-color: #F8F9FA; }
    background-color: #e9ecef;
    border-color: #e9ecef; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
    box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #F8F9FA;
    color: #e9ecef;
    background-color: transparent; }
  .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #F8F9FA;
    border-color: #F8F9FA;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
    background-color: #e9ecef;
    border-color: #e9ecef;
    box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }

.btn-outline-dark {
  color: #59316B;
@@ -3568,11 +3595,11 @@ tbody.collapse.show {

.badge-light {
  color: #111;
  background-color: #F8F9FA; }
  background-color: #e9ecef; }
  .badge-light[href]:focus, .badge-light[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #dae0e5; }
    background-color: #cbd3da; }

.badge-dark {
  color: #fff;
@@ -3671,13 +3698,13 @@ tbody.collapse.show {
    color: #500c15; }

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }
  color: #797b7c;
  background-color: #fbfbfc;
  border-color: #f9fafb; }
  .alert-light hr {
    border-top-color: #ececf6; }
    border-top-color: #eaedf1; }
  .alert-light .alert-link {
    color: #686868; }
    color: #606162; }

.alert-dark {
  color: #2e1938;
@@ -3883,22 +3910,22 @@ button.list-group-item-danger {
    border-color: #7c1320; }

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }
  color: #797b7c;
  background-color: #f9fafb; }

a.list-group-item-light,
button.list-group-item-light {
  color: #818182; }
  color: #797b7c; }
  a.list-group-item-light:focus, a.list-group-item-light:hover,
  button.list-group-item-light:focus,
  button.list-group-item-light:hover {
    color: #818182;
    background-color: #ececf6; }
    color: #797b7c;
    background-color: #eaedf1; }
  a.list-group-item-light.active,
  button.list-group-item-light.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182; }
    background-color: #797b7c;
    border-color: #797b7c; }

.list-group-item-dark {
  color: #2e1938;
@@ -4446,10 +4473,10 @@ a.bg-danger:focus, a.bg-danger:hover {
  background-color: #d10f28 !important; }

.bg-light {
  background-color: #F8F9FA !important; }
  background-color: #e9ecef !important; }

a.bg-light:focus, a.bg-light:hover {
  background-color: #dae0e5 !important; }
  background-color: #cbd3da !important; }

.bg-dark {
  background-color: #59316B !important; }
@@ -4500,7 +4527,7 @@ a.bg-dark:focus, a.bg-dark:hover {
  border-color: #EF243E !important; }

.border-light {
  border-color: #F8F9FA !important; }
  border-color: #e9ecef !important; }

.border-dark {
  border-color: #59316B !important; }
@@ -6646,10 +6673,10 @@ a.text-danger:focus, a.text-danger:hover {
  color: #d10f28 !important; }

.text-light {
  color: #F8F9FA !important; }
  color: #e9ecef !important; }

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important; }
  color: #cbd3da !important; }

.text-dark {
  color: #59316B !important; }
@@ -6987,4 +7014,118 @@ a.text-dark:focus, a.text-dark:hover {
  font-size: inherit;
  color: #212529; }

.bd-toc {
  order: 2;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: .875rem; }
  @supports (position: sticky) {
    .bd-toc {
      position: sticky;
      top: 4rem;
      height: calc(100vh - 4rem);
      overflow-y: auto; } }

.section-nav {
  padding-left: 0;
  border-left: 1px solid #eee; }
  .section-nav ul {
    padding-left: 1rem; }
    .section-nav ul ul {
      display: none; }

.toc-entry {
  display: block; }
  .toc-entry a {
    display: block;
    padding: .125rem 1.5rem;
    color: #99979c; }
    .toc-entry a:hover {
      color: #007bff;
      text-decoration: none; }

.bd-sidebar {
  order: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  @media (min-width: 768px) {
    .bd-sidebar {
      border-right: 1px solid rgba(0, 0, 0, 0.1); }
      @supports (position: sticky) {
        .bd-sidebar {
          position: sticky;
          top: 4rem;
          z-index: 1000;
          height: calc(100vh - 4rem); } } }
  @media (min-width: 1200px) {
    .bd-sidebar {
      max-width: 320px; } }

.bd-links {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    @supports (position: sticky) {
      .bd-links {
        max-height: calc(100vh - 9rem);
        overflow-y: auto; } } }
  @media (min-width: 768px) {
    .bd-links {
      display: block !important; } }

.bd-search {
  position: relative;
  padding: 1rem 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .bd-search .form-control:focus {
    border-color: #a469c2;
    box-shadow: 0 0 0 3px rgba(164, 105, 194, 0.25); }

.bd-search-docs-toggle {
  line-height: 1;
  color: #212529; }

.bd-sidenav {
  display: none; }

.bd-toc-link {
  display: block;
  padding: .25rem 1.5rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65); }
  .bd-toc-link:hover {
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none; }

.bd-toc-item.active {
  margin-bottom: 1rem; }
  .bd-toc-item.active:not(:first-child) {
    margin-top: 1rem; }
  .bd-toc-item.active > .bd-toc-link {
    color: rgba(0, 0, 0, 0.85); }
    .bd-toc-item.active > .bd-toc-link:hover {
      background-color: transparent; }
  .bd-toc-item.active > .bd-sidenav {
    display: block; }

.bd-sidebar .nav > li > a {
  display: block;
  padding: .25rem 1.5rem;
  font-size: 90%;
  color: rgba(0, 0, 0, 0.65); }

.bd-sidebar .nav > li > a:hover {
  color: rgba(0, 0, 0, 0.85);
  text-decoration: none;
  background-color: transparent; }

.bd-sidebar .nav > .active > a,
.bd-sidebar .nav > .active:hover > a {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  background-color: transparent; }

/*# sourceMappingURL=bootstrap.css.map */
+2 −2

File changed.

Preview size limit exceeded, changes collapsed.

+6.64 KiB
Loading image diff...
Loading