1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-27 04:46:10 +01:00
metamask-extension/ui/components/app/flask/experimental-area/index.scss
George Marshall 4c809a339d
Updating network colors with design tokens (#16543)
* Updating network colors with design tokens

* Style update to flask page
2022-11-17 15:30:04 -08:00

55 lines
941 B
SCSS

.experimental-area {
color: var(--color-flask-default);
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.logo {
padding: 16px 8px 0;
line-height: 0.625em;
font-family: monospace;
font-size: $font-size-h8;
margin-bottom: 32px;
}
.experimental-text {
padding: 16px 8px 0;
font-family: monospace;
font-size: $font-size-h5;
margin: auto;
line-height: 0.875em;
margin-bottom: 32px;
}
.text {
@include H5;
padding: 16px;
max-width: 670px;
}
ul {
padding: 16px 0;
}
li {
list-style-type: disc;
padding-left: 8px;
list-style-position: inside;
margin-bottom: 8px;
&:nth-last-child(1) {
margin-bottom: 0;
}
}
button {
background-color: var(--color-flask-default) !important;
border: 0 !important;
color: var(--color-flask-inverse);
width: 200px;
}
}