2
0
Fork 0
inspin.io/assets/style/pages/projects/goals.css

81 lines
1.4 KiB
CSS

.projects .mission {
.container {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 4rem 1.15rem;
h2 {
font-size: 2.25rem;
font-weight: 700;
line-height: 2.75rem;
padding: 0 4rem 0 0;
margin: 1rem 0;
}
.queries {
details {
padding: 1.5rem 0;
border-bottom: .1rem solid var(--hr-color);
p {
font-weight: 300;
padding: 0 2rem 0 0;
a {
color: var(--l-color);
&:hover {
text-decoration: underline;
}
}
}
&:last-of-type {
border: none;
}
&[open] {
min-height: 4rem;
.icon-chevron-up {
display: initial;
transition: .3s ease;
}
.icon-chevron-down {
display: none;
}
}
}
summary {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.25rem;
font-weight: 600;
cursor: pointer;
&:focus {
outline: none;
}
&::-webkit-details-marker {
display: none
}
span {
font-size: 1.25rem;
margin: 0 1rem 0 0;
}
}
.icon-chevron-up {
display: none;
}
}
}
}