Commit 1c286316 authored by João Belchior's avatar João Belchior Committed by rembrandx
Browse files

Resolve #3274783 "Implement css variables"

parent c4e7c3f8

templates/BASE/components/00-theme/style.admin.scss

+12 −12
Original line number Diff line number Diff line
@@ -18,44 +18,44 @@ 
.layout-field-bg-color {



  .white {

    background: $color-off-white;

    color: $color-black;

    background: hsl(var(--clr-off-white));

    color: hsl(var(--clr-black));

    a {

      color: $color-black;

      color: hsl(var(--clr-black));

    }

    a:hover,

    a:focus,

    a:active,

    a.is-active {

      color: $color-black;

      color: hsl(var(--clr-black));

    }

  }



  .grey {

    background: $color-gray-light-1;

    color: $color-black;

    background: hsl(var(--clr-gray-light-1));

    color: hsl(var(--clr-black));

    a {

      color: $color-black;

      color: hsl(var(--clr-black));

    }

    a:hover,

    a:focus,

    a:active,

    a.is-active {

      color: $color-black;

      color: hsl(var(--clr-black));

    }

  }



  .spot_01 {

    background: $color-spot-1;

    color: $color-white;

    background: hsl(var(--clr-spot-1));

    color: hsl(var(--clr-white));

    a {

      color: $color-white;

      color: hsl(var(--clr-white));

    }

    a:hover,

    a:focus,

    a:active,

    a.is-active {

      color: $color-white;

      color: hsl(var(--clr-white));

    }

  }

templates/BASE/components/00-theme/style.editor.scss

+1 −1
Original line number Diff line number Diff line
@@ -30,7 +30,7 @@ 
html,

body,

.cke_show_borders {

  background: $color-white;

  background: hsl(var(--clr-white));

}



body,

templates/BASE/components/00-theme/style.mail.scss

+17 −17
Original line number Diff line number Diff line
@@ -83,7 +83,7 @@ table td { 
}



#mail-content {

  background: $color-white;

  background: hsl(var(--clr-white));

}



td,
@@ -91,7 +91,7 @@ th { 
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;

  font-size: 13px;

  line-height: 1.4;

  color: $color-base;

  color: hsl(var(--clr-base));

}



h1,
@@ -103,7 +103,7 @@ h4 { 
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;

  line-height: 1.2;

  font-weight: bold;

  color: $color-heading;

  color: hsl(var(--clr-heading));

}



h2 {
@@ -120,7 +120,7 @@ h4 { 


a {

  text-decoration: underline;

  color: $color-spot-2;

  color: hsl(var(--clr-spot-2));

}



table {
@@ -171,21 +171,21 @@ table { 
    // header

    th {

      padding: 5px 10px;

      border: 1px solid $color-white;

      border: 1px solid hsl(var(--clr-white));

      font-size: 14px;

      color: $color-white;

      background-color: $color-spot-1;

      color: hsl(var(--clr-white));

      background-color: hsl(var(--clr-spot-1));

    }



    td {

      padding: 5px 10px;

      border: 1px solid $color-white;

      background-color: $color-border;

      border: 1px solid hsl(var(--clr-white));

      background-color: hsl(var(--clr-border));

    }



    tr.odd td {

      border-color: $color-white;

      background-color: $color-border;

      border-color: hsl(var(--clr-white));

      background-color: hsl(var(--clr-border));

    }

  }

}
@@ -200,17 +200,17 @@ table { 
  th,

  td {

    padding: 5px 10px;

    border: 1px solid $color-white;

    border: 1px solid hsl(var(--clr-white));

    font-size: 14px;

    font-weight: bold;

    color: $color-white;

    background-color: $color-gray-light-3;

    color: hsl(var(--clr-white));

    background-color: hsl(var(--clr-gray-light-3));

  }



  .component-type-commerce-price-formatted-amount {

    td {

      border: 1px solid $color-white;

      background-color: $color-gray-light-3;

      border: 1px solid hsl(var(--clr-white));

      background-color: hsl(var(--clr-gray-light-3));

    }

  }
@@ -232,6 +232,6 @@ table { 
  padding-bottom: 10px;

  font-weight: bold;

  font-size: 14px;

  color: $color-heading;

  color: hsl(var(--clr-heading));

}

templates/BASE/components/00-theme/style.scss

+1 −1
Original line number Diff line number Diff line
@@ -11,7 +11,7 @@ 


@import "00-base/05-grid/**/*.scss";



@import "00-base/0*-colors/**/*.scss";

@import "00-base/0*-colors/*.scss"; // Don't include the styleguide sub-folder

@import "00-base/0*-motion/**/*.scss";

@import "00-base/0*-icons/**/*.scss";

templates/BASE/favicons/source/README.md

+2 −2
Original line number Diff line number Diff line
@@ -8,12 +8,12 @@ Requirements: 
Instructions:

- Add your image(s) to this folder.

  - the mobile favicon is optional. If you don't add it, the icon image on iOS and Android will be the same as the general favicon.

- Replace the `colorPrimary` variable in the gulp favicon task with an hexadecimal value of the website primary color

- Replace the `themeFull` variable in the favicon task with the name of the website, this name will be used when saving a shortcut the site on a mobile device.

- run the gulp task: gulp favicon



## Notes on usage:



If you replace the `themeFull` variable in the favicon task with the name of the website, this name will be used when saving a shortcut the site on a mobile device.



Please be advised that the ‘look’ of the icon on mobile devices, is a combination of: <br />

- settings in the favicon Gulp task itself

- styling enforced by the device’s OS