Commit f128227e authored by Antonela's avatar Antonela
Browse files

Updates /visual 

Clean color, grid, typography
Add Identity Assets
parent eb215db9

assets/scss/_tor-variables.scss

+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;

assets/scss/_tor.scss

+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

assets/scss/bootstrap.css

+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 */

assets/scss/bootstrap.css.map

+2 −2

File changed.

Preview size limit exceeded, changes collapsed.

assets/static/images/powered/Powered_Gray.png

0 → 100755
+6.64 KiB
Loading image diff...