demarches-normaliennes/app/assets/stylesheets/01_common.scss

45 lines
1.1 KiB
SCSS
Raw Normal View History

@import "placeholders";
html,
body {
min-height: 100vh;
scroll-behavior: smooth;
}
// Forces line breaks to prevent buttons from overflowing their container
input[type="submit"] {
white-space: normal;
}
.page-wrapper {
position: relative;
min-height: 100%;
}
2024-07-23 10:36:21 +02:00
// Wrap text in pre tag
pre {
white-space: pre-wrap;
}
// Mobile Safari doesn't bubble mouse events by default, unless:
//
// - the target element of the event is a link or a form field.
// - the target element, or any of its ancestors up to but not including the <body>, has an explicit event handler set for any of the mouse events. This event handler may be an empty function.
// - the target element, or any of its ancestors up to and including the document has a cursor: pointer CSS declarations.
//
// (See https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
//
// This is a problem for us, because we bind a lot of click events as
// `document.on('click', '.my-element', …)` which requires proper bubbling.
.ios .page-wrapper {
cursor: pointer;
}
.container {
@extend %container;
}
2024-05-06 18:07:29 +02:00
react-fragment {
display: block;
}