cleaning up mobile styling, functionality and styling for accordian

This commit is contained in:
Calvin Jhunjhnuwala
2021-06-23 23:28:43 -07:00
parent 8bd3a34a37
commit c23fa8675c
13 changed files with 173 additions and 57 deletions

View File

@@ -102,3 +102,33 @@ p + .readmore {
}
}
.accordian-row {
background: $gray-800;
border-radius: 5px;
padding: 32px;
h3 {
width: calc(100% - 32px);
}
a {
&:hover {
color: $white;
}
&::after {
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transform: rotate(180deg);
position: absolute;
right: 32px;
content: url(../../img/icons/purple-arrow.svg);
}
&.collapsed {
&::after {
transform: rotate(360deg);
}
}
}
}