scss: make it possible to apply pk-(big-)button onto link cells (#40660)
This commit is contained in:
parent
36310ce0bf
commit
14ed15d7f8
|
@ -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>
|
||||
|
|
|
@ -92,6 +92,7 @@ div.buttons div {
|
|||
|
||||
%button {
|
||||
background: $button-background;
|
||||
text-align: center;
|
||||
color: $button-color;
|
||||
padding: 10px 15px;
|
||||
cursor: pointer;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue