1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-30 16:18:07 +01:00
metamask-extension/ui/components/app/flask/experimental-area/index.scss
Mark Stacey 0aad0d55a4
Update the copy for the Flask welcome page (#13223) (#13244)
* Update the copy for the Flask welcome page (#13223)

* Update the copy for the Flask welcome page

The copy for the Flask Welcome page has been updated to better dissuade
users who are not the target audience, and to better explain the risks
of using Flask.

* Fix typo

* Suggested edits (#13225)

* Suggested edits

* fixup! Suggested edits

Co-authored-by: Erik Marks <25517051+rekmarks@users.noreply.github.com>

* Update app/_locales/en/messages.json

Co-authored-by: David Walsh <davidwalsh83@gmail.com>

Co-authored-by: Erik Marks <25517051+rekmarks@users.noreply.github.com>
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
2022-01-10 13:31:51 -03:30

59 lines
952 B
SCSS

.experimental-area {
color: var(--flask-purple);
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;
b {
font-weight: bold;
}
}
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(--flask-purple) !important;
border: 0 !important;
color: var(--ui-1);
width: 200px;
}
}