demarches-normaliennes/app/assets/stylesheets/new_design/common.scss

@import "colors";
@import "constants";
@import "mixins";
@import "placeholders";
@import "typography";

body,
input,
textarea,
select {
  @extend %new-type;
  font-size: 16px;
  line-height: 1.42857143;
}

.page-wrapper {
  position: relative;
  min-height: 100%;
}

// 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;
}

h1 {
  font-size: 36px;
  font-weight: bold;
}

strong {
  font-weight: bold;
}

a {
  color: $blue;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

.container {
  @include horizontal-padding($default-padding);
  max-width: $page-width + 2 * $default-padding;
  margin: 0 auto;
}

.small-container {
  @include horizontal-padding($default-padding);
  max-width: $small-page-width + 2 * $default-padding;
  margin: 0 auto;
}
-												Pieces justificatives on dossier page

											
										
										
											2017-07-06 17:52:16 +02:00
+								@import "colors";
-												Remove %page-width-container from common

											
										
										
											2017-07-06 14:15:57 +02:00
+								@import "constants";
 								@import "mixins";
-												Add generic .container class

											
										
										
											2017-07-03 14:02:57 +02:00
+								@import "placeholders";
-												CSS: add new application layout + CSS

Without bootstrap!

											
										
										
											2017-05-03 16:50:36 +02:00
+								@import "typography";
-												NewDesign Form: unify body and input font

											
										
										
											2017-07-20 10:02:48 +02:00
+								body,
 								input,
-												Form: add various champs html and style

											
										
										
											2017-07-25 14:33:03 +02:00
+								textarea,
 								select {
-												CSS: add new application layout + CSS

Without bootstrap!

											
										
										
											2017-05-03 16:50:36 +02:00
+								  @extend %new-type;
 								  font-size: 16px;
 								  line-height: 1.42857143;
 								}
-												Redesign the login form

											
										
										
											2017-06-13 17:46:08 +02:00
-												Add sticky footer

											
										
										
											2017-07-17 14:52:09 +02:00
+								.page-wrapper {
 								  position: relative;
-												Fix sticky footer

											
										
										
											2017-07-31 14:00:28 +02:00
+								  min-height: 100%;
-												Add sticky footer

											
										
										
											2017-07-17 14:52:09 +02:00
+								}
-												Fix event bubbling on Mobile Safari

											
										
										
											2018-09-12 16:42:04 +02:00
+								// 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;
 								}
-												Redesign the login form

											
										
										
											2017-06-13 17:46:08 +02:00
+								h1 {
 								  font-size: 36px;
 								  font-weight: bold;
 								}
-												Add generic .container class

											
										
										
											2017-07-03 14:02:57 +02:00
-												dossier: display user infos on edit page
											
										
										
											2018-06-19 16:23:43 +02:00
+								strong {
 								  font-weight: bold;
 								}
-												Pieces justificatives on dossier page

											
										
										
											2017-07-06 17:52:16 +02:00
+								a {
 								  color: $blue;
 								}
-												[Fix #1285] Password strength is checked when user is typing

											
										
										
											2018-09-26 08:56:53 +02:00
+								em {
 								  font-style: italic;
 								}
 								strong {
 								  font-weight: bold;
 								}
-												Add generic .container class

											
										
										
											2017-07-03 14:02:57 +02:00
+								.container {
-												Remove %page-width-container from common

											
										
										
											2017-07-06 14:15:57 +02:00
+								  @include horizontal-padding($default-padding);
 								  max-width: $page-width + 2 * $default-padding;
 								  margin: 0 auto;
-												Add generic .container class

											
										
										
											2017-07-03 14:02:57 +02:00
+								}
-												[Fix #2652] Add the /tour-de-france page

											
										
										
											2018-09-21 15:51:06 +02:00
 								.small-container {
 								  @include horizontal-padding($default-padding);
 								  max-width: $small-page-width + 2 * $default-padding;
 								  margin: 0 auto;
 								}