grenoble-metropole-2019: regroup custom link styles into mixin (#32696)

And thus apply same look to all custom links.
This commit is contained in:
Serghei Mihai 2019-04-11 17:40:42 +02:00
parent 4f5cd4e1a0
commit 3687209063
1 changed files with 11 additions and 12 deletions

View File

@ -56,6 +56,13 @@ $categories: administration, dechets, eau-potable, eaux-usees, economie, logemen
padding: 5px 20px;
}
%gam-link {
background: $primary-color;
padding: 0.5em 10px 0.5em 10px;
text-decoration: none;
border: 2px solid #000;
}
%item-with-icon {
padding: 10px 5px 10px 55px;
background-repeat: no-repeat;
@ -546,14 +553,12 @@ div.linkcell.gam-button {
text-decoration: none;
font-weight: bold;
background: $primary-color;
border: 2px solid #000;
margin: 0.5ex 0;
position: relative;
box-sizing: border-box;
display: inline-block;
a {
padding: 0.75ex 2ex 0.75ex 2ex;
text-decoration: none;
@extend %gam-link;
&:hover {
background: #000000;
color: $primary-color;
@ -630,10 +635,7 @@ a#publik-mobile-menu {
}
a.gam-button {
padding: 0.75ex 2ex 0.75ex 2ex;
text-decoration: none;
background: $primary-color;
border: 2px solid #000;
@extend %gam-link;
}
div.linkcell.lien-accueil {
@ -646,11 +648,8 @@ div.linkcell.lien-accueil {
width: auto;
}
a {
background: $primary-color;
border: 2px solid #000000;
text-decoration: none;
display: block;
padding: 0.5em 10px 0.5em 2em;
@extend %gam-link;
padding-left: 2em;
&::before {
position: absolute;
left: 0;