Skip to content

Commit

Permalink
Remove obsolete styles from the fixture files
Browse files Browse the repository at this point in the history
  • Loading branch information
KittyGiraudel committed Aug 17, 2022
1 parent dc82d46 commit 754d56c
Showing 1 changed file with 1 addition and 39 deletions.
40 changes: 1 addition & 39 deletions cypress/fixtures/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,6 @@
* Necessary styling for the dialog to work
* -------------------------------------------------------------------------- */

/**
* When `<dialog>` is properly supported, the overlay is implied and can be
* styled with `::backdrop`, which means the DOM one should be removed.
*/
[data-a11y-dialog-native] .dialog-overlay {
display: none;
}

/**
* When `<dialog>` is not supported, its default display is `inline` which can
* cause layout issues.
*/
dialog[open] {
display: block;
}

.dialog[aria-hidden='true'] {
display: none;
}
Expand All @@ -26,7 +10,7 @@ dialog[open] {
* Styling to make the dialog look like a dialog
* -------------------------------------------------------------------------- */

.dialog:not([data-a11y-dialog-native]),
.dialog,
.dialog-overlay {
position: fixed;
top: 0;
Expand All @@ -44,25 +28,13 @@ dialog[open] {
background-color: rgba(43, 46, 56, 0.9);
}

dialog::backdrop {
background-color: rgba(43, 46, 56, 0.9);
}

.dialog-content {
background-color: rgb(255, 255, 255);
margin: auto;
z-index: 2;
position: relative;
}

dialog.dialog-content {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
}

/* -------------------------------------------------------------------------- *\
* Extra dialog styling to make it shiny
* -------------------------------------------------------------------------- */
Expand All @@ -87,10 +59,6 @@ dialog.dialog-content {
animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
}

dialog.dialog-content {
animation: fade-in 400ms 200ms both;
}

.dialog-content {
padding: 1em;
max-width: 90%;
Expand Down Expand Up @@ -220,9 +188,6 @@ form {

@media screen and (min-width: 700px) {
form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
Expand All @@ -243,9 +208,6 @@ form input {

@media screen and (min-width: 700px) {
form input {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-right: 0;
width: auto;
Expand Down

0 comments on commit 754d56c

Please sign in to comment.