Commit a2e36511 authored by kksandr's avatar kksandr Committed by Sascha Eggenberger
Browse files

Issue #3389362: Provide a variable for changing the decoration of links

parent a83d8f43

dist/css/base/gin.css

+8 −8
Original line number Diff line number Diff line
@@ -64,8 +64,8 @@ button.link, 
[open] .claro-details__summary--vertical-tabs-item,

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {

  color: var(--gin-color-primary);

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

  -webkit-text-decoration-style: var(--gin-link-decoration-style);

          text-decoration-style: var(--gin-link-decoration-style);

}



a:hover,
@@ -92,14 +92,14 @@ button.link:active, 


*|*:-webkit-any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

  -webkit-text-decoration-style: var(--gin-link-decoration-style);

          text-decoration-style: var(--gin-link-decoration-style);

}



*|*:any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

  -webkit-text-decoration-style: var(--gin-link-decoration-style);

          text-decoration-style: var(--gin-link-decoration-style);

}



.is-horizontal .tabs__link:hover,
@@ -1382,8 +1382,8 @@ table td a { 


table td a:hover {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

  -webkit-text-decoration-style: var(--gin-link-decoration-style);

          text-decoration-style: var(--gin-link-decoration-style);

}



table td .group-label {

dist/css/theme/dialog.css

+6 −6
Original line number Diff line number Diff line
@@ -7,8 +7,8 @@ 
.ui-dialog [open] .claro-details__summary--vertical-tabs-item,

.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {

  color: var(--gin-color-primary);

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

  -webkit-text-decoration-style: var(--gin-link-decoration-style);

          text-decoration-style: var(--gin-link-decoration-style);

}



.ui-dialog a:hover,
@@ -35,14 +35,14 @@ 


.ui-dialog *|*:-webkit-any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

  -webkit-text-decoration-style: var(--gin-link-decoration-style);

          text-decoration-style: var(--gin-link-decoration-style);

}



.ui-dialog *|*:any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

  -webkit-text-decoration-style: var(--gin-link-decoration-style);

          text-decoration-style: var(--gin-link-decoration-style);

}



.ui-dialog .is-horizontal .tabs__link:hover,

dist/css/theme/variables.css

+1 −0
Original line number Diff line number Diff line
@@ -96,6 +96,7 @@ 
  --gin-color-button-text: #fff;

  --gin-offset-x: var(--gin-toolbar-x-offset);

  --gin-offset-y: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset));

  --gin-link-decoration-style: dotted;

}



@media (min-width: 61em) {

styles/base/_color-overrides.scss

+2 −2
Original line number Diff line number Diff line
@@ -9,7 +9,7 @@ button.link, 
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link

{

  color: var(--gin-color-primary);

  text-decoration-style: dotted;

  text-decoration-style: var(--gin-link-decoration-style);



  &:hover {

    color: var(--gin-color-primary-hover);
@@ -22,7 +22,7 @@ button.link, 


*|*:any-link:not(svg|a) {

  text-decoration: underline;

  text-decoration-style: dotted;

  text-decoration-style: var(--gin-link-decoration-style);

}



// Only hover

styles/base/_table.scss

+1 −1
Original line number Diff line number Diff line
@@ -121,7 +121,7 @@ table { 


      &:hover {

        text-decoration: underline;

        text-decoration-style: dotted;

        text-decoration-style: var(--gin-link-decoration-style);

      }

    }