mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-19 11:15:49 +00:00
cleaning up mobile styling, functionality and styling for accordian
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user