merge + ajout des boutons sur les tuiles page projet + css page narrative
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 25s
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 25s
This commit is contained in:
parent
ea277917f7
commit
153e75c0a9
30 changed files with 317 additions and 25 deletions
|
|
@ -88,9 +88,10 @@ body[data-template="projet"] {
|
|||
font-weight: 600;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
color: var(--nw-accent);
|
||||
color: #FFF;
|
||||
margin: 0 0 0.6rem;
|
||||
opacity: 0.9;
|
||||
text-shadow: 0 2px 20px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.pj-header__title {
|
||||
|
|
@ -139,7 +140,7 @@ body[data-template="projet"] {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/*overflow: hidden;*/
|
||||
transition: transform var(--nw-transition), box-shadow var(--nw-transition);
|
||||
border: 1px solid var(--nw-rule);
|
||||
|
||||
|
|
@ -308,6 +309,42 @@ body[data-template="projet"] {
|
|||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.pj-btn-disable,
|
||||
.pj-btn-disable.pj-btn--ghost{
|
||||
cursor: default;
|
||||
/*pointer-events: none;*/
|
||||
transition: none;
|
||||
background: var(--nw-rule);
|
||||
/*opacity: 0.5;*/
|
||||
}
|
||||
|
||||
[data-tooltip] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[data-tooltip]::after {
|
||||
content: attr(data-tooltip);
|
||||
position: absolute;
|
||||
bottom: calc(100% + 8px);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: var(--color-interface-100);
|
||||
color: var(--color-interface-600);
|
||||
font-size: 0.75rem;
|
||||
white-space: nowrap;
|
||||
padding: 0.35em 0.7em;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--color-interface-500);
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
[data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Ghost : contour */
|
||||
.pj-btn--ghost {
|
||||
color: var(--nw-ink-soft);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue