grenoble-metropole-2019: regroup custom link styles into mixin (#32696)
And thus apply same look to all custom links.
This commit is contained in:
parent
4f5cd4e1a0
commit
3687209063
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue