« Modèle:Button/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
Aucun résumé des modifications Balise : Révoqué |
||
| Ligne 274 : | Ligne 274 : | ||
.button-link-wrapper.button-link--no-logo .button-link-content a { | .button-link-wrapper.button-link--no-logo .button-link-content a { | ||
line-height: 1.1; | line-height: 1.1; | ||
} | |||
.button-link-wrapper { | |||
min-height: 60px; | |||
border-radius: 12px; | |||
overflow: hidden; | |||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); | |||
position: relative; | |||
background-color: var(--background-color-progressive); | |||
display: flex; | |||
align-items: stretch; | |||
justify-content: center; | |||
} | |||
.button-link-content { | |||
width: 100%; | |||
text-align: center; | |||
padding: 0; | |||
display: flex; | |||
} | |||
.button-link-content a { | |||
color: var(--color-inverted-primary) !important; | |||
text-decoration: none !important; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
justify-content: center; | |||
width: 100%; | |||
min-height: 60px; | |||
padding: 1rem; | |||
} | |||
.button-link-wrapper.button-link--no-logo .button-link-content { | |||
padding: 0; | |||
} | |||
.button-link-wrapper.button-link--no-logo .button-link-content a { | |||
line-height: 1.1; | |||
min-height: 60px; | |||
padding: 0.35rem 1rem; | |||
} | } | ||