scss: make it possible to apply pk-(big-)button onto link cells (#40660)

This commit is contained in:
Frédéric Péters 2020-03-11 17:33:50 +01:00
parent 36310ce0bf
commit 14ed15d7f8
3 changed files with 20 additions and 0 deletions

View File

@ -93,6 +93,9 @@ de classes CSS réutilisables.
<td><p>Applique une apparence de bouton de grande taille à un lien.</p></td>
</tr>
</table>
<note><p>Les classes <code>pk-button</code> et <code>pk-big-button</code>
peuvent également être appliquées aux cellules de type « Lien ».</p></note>
</section>
<section>

View File

@ -92,6 +92,7 @@ div.buttons div {
%button {
background: $button-background;
text-align: center;
color: $button-color;
padding: 10px 15px;
cursor: pointer;

View File

@ -28,6 +28,22 @@ a.pk-button, a.pk-big-button {
}
}
div.link-cell.pk-button,
div.link-cell.pk-big-button {
ul > li > a {
@extend %button;
display: block;
margin: 0;
height: auto;
}
&.pk-button ul > li > a {
padding: 0.5rem 1rem;
}
&.pk-big-button ul > li > a {
padding: 2rem 4rem;
}
}
.gru-content div.cell {
&.pk-transparent {
border-color: transparent;