1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/confirm-page-container/confirm-page-container-navigation/index.scss
Guillaume Roux ad28c81a39
General backgrounds and borders design token updates (#13764)
Co-authored-by: Guillaume Roux <guillaumeroux123@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
2022-03-16 15:49:25 +01:00

57 lines
994 B
SCSS
Executable File

.confirm-page-container-navigation {
display: flex;
justify-content: space-between;
font: inherit;
padding: 4px 10px 4px 10px;
border-bottom: 1px solid var(--color-border-muted);
flex: 0 0 auto;
&__container {
display: flex;
}
&__arrow {
cursor: pointer;
display: flex;
padding-left: 5px;
padding-right: 5px;
}
&__arrow:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
&__arrow:active {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
&__textcontainer {
text-align: center;
}
&__navtext {
@include H9;
font-weight: bold;
}
&__longtext {
@include H9;
color: var(--color-text-alternative);
}
&__imageflip {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
}