0001-scss-replace-all-ex-units-33386.patch

Frédéric Péters, 28 mai 2019 11:45

Voir les différences: en ligne côte à côte

Subject: [PATCH] scss: replace all ex units (#33386)

 static/includes/_apa.scss        | 10 ++++----
 static/includes/_carrousel.scss  |  4 +--
 static/includes/_categories.scss |  2 +-
 static/includes/_cells.scss      | 28 ++++++++++-----------
 static/includes/_dashboard.scss  |  6 ++---
 static/includes/_forms.scss      | 28 ++++++++++-----------
 static/includes/_jqueryui.scss   | 10 ++++----
 static/includes/_layout.scss     |  8 +++---
 static/includes/_library.scss    |  2 +-
 static/includes/_misc.scss       | 42 ++++++++++++++++----------------
 static/includes/_nav.scss        |  2 +-
 static/includes/_user-info.scss  |  6 ++---
 static/includes/_wcs.scss        | 32 ++++++++++++------------
 13 files changed, 90 insertions(+), 90 deletions(-)

     		position: absolute;
     		right: 20px;
     		top: 5px;
     		width: 3ex;
     		width: 2em;
     		text-align: center;
     		height: 3ex;
     		height: 2em;
     		&:hover {
     			color: red ;
+    		}
-...
     			margin: 0;
+    		}
     		h3 {
     			margin-bottom: 1ex;
     			margin-bottom: 0.7em;
+    		}
     		a {
     			display: block;
     			padding: 1ex;
     			padding: 0.7em;
     			&:hover {
     				background-color: #eee;
+    			}
+    		}
     		margin-bottom: 2ex;
     		margin-bottom: 1.5em;
     		ul, li {
     			margin: 0;
     			padding: 0;

static/includes/_carrousel.scss
141	141	font-size: 24px;
142	142	}
143	143	&.carrousel-previous {
144		left: 1ex;
	144	left: 0.7em;
145	145	&::after {
146	146	content: "\f053"; // chevron-left;
147	147	}
148	148	}
149	149	&.carrousel-next {
150		right: 1ex;
	150	right: 0.7em;
151	151	&::after {
152	152	content: "\f054"; // chevron-right;
153	153	}

     		ul {
     			display: block;
     			background: $category-toggled-background;
     			padding: 0 10% 1ex 10%;
     			padding: 0 10% 0.7em 10%;
     			a {
     				color: $category-link-color;

static/includes/_cells.scss
226	226	color: #666;
227	227	p {
228	228	margin-top: 0;
229		margin-bottom: 1ex;
	229	margin-bottom: 0.7em;
230	230	}
231	231	border-bottom: 1px solid $cell-entry-border-color;
232	232	}
...	...
304	304	margin: 0;
305	305	}
306	306	p + p {
307		margin-top: 1ex;
	307	margin-top: 0.7em;
308	308	}
309	309	}
310	310	&::after {
...	...
321	321	border-bottom: 0;
322	322	p:last-child {
323	323	margin-bottom: 0;
324		padding-bottom: 1ex;
	324	padding-bottom: 0.7em;
325	325	}
326	326	+ div {
327	327	margin-top: 0;
...	...
332	332	}
333	333	p:first-child {
334	334	margin-top: 0;
335		padding-top: 1ex;
	335	padding-top: 0.7em;
336	336	}
337	337	}
338	338	}
...	...
452	452	}
453	453
454	454	div.lingobasketcell h3.regie-name {
455		margin: 2ex 1ex;
	455	margin: 1.5em 0.7em;
456	456	font-weight: normal;
457	457	border-bottom: 1px solid #aaa;
458	458	}
...	...
467	467	}
468	468	a {
469	469	display: inline-block;
470		padding-bottom: 1ex;
	470	padding-bottom: 0.7em;
471	471	}
472	472	&:last-child {
473	473	list-style: none;
...	...
503	503	}
504	504
505	505	div.feedcell h3 {
506		margin: 0 0 0.5ex 0;
	506	margin: 0 0 0.3em 0;
507	507	}
508	508
509	509	div.feedcell div.feed-content div,
510	510	div.feedcell div.feed-content p {
511		margin: 0.5ex 0 1.5ex 0;
	511	margin: 0.3em 0 1em 0;
512	512	}
513	513
514	514	div.feedcell img {
...	...
539	539	height: 2.2em;
540	540	}
541	541	table tbody th {
542		padding-right: 1ex;
	542	padding-right: 0.7em;
543	543	}
544	544	table td {
545	545	border: 1px solid #ddd;
...	...
615	615	@media screen and (max-width: $mobile-limit) {
616	616	width: auto;
617	617	float: none;
618		margin: 1ex;
	618	margin: 0.7em;
619	619	}
620	620	}
621	621
...	...
635	635	margin: 5px 0;
636	636	}
637	637	div.address {
638		margin: 1ex 0;
	638	margin: 0.7em 0;
639	639	h4 {
640	640	margin: 0;
641	641	}
642	642	}
643	643	div.family-data {
644		padding-bottom: 2ex;
	644	padding-bottom: 1.5em;
645	645	border-bottom: $title-border-bottom;
646	646	}
647	647	div.family_unlink {
...	...
661	661	}
662	662	> div {
663	663	border-bottom: $title-border-bottom;
664		padding-bottom: 1ex;
665		margin: 1ex 0;
	664	padding-bottom: 0.7em;
	665	margin: 0.7em 0;
666	666	}
667	667	.name {
668	668	font-size: 115%;

+    		}
     		span {
     			width: 1ex;
     			width: 0.7em;
     			display: inline-block;
+    		}
+    	}
-...
     		position: absolute;
     		top: 0;
     		right: 0;
     		padding: 1ex 1.5ex;
     		padding: 0.7em 1em;
     		border-radius: 2em;
     		background: $dashboard-badge-color;
     		@if (lightness($dashboard-badge-color) > 50) {
-...
     	.gru-content div.cell.info-text-#{$dashboard_class} {
     		border: #EFEFEF;
     		box-shadow: 0px 0px 2px 0px #aaa;
     		padding-bottom: 1ex;
     		padding-bottom: 0.7em;
     		h2 {
     			top: 0;
     			left: 0;

+    }
     form.quixote div.widget {
     	margin-bottom: 2ex;
     	margin-bottom: 1.5em;
+    }
     div.error {
-...
     span.required {
     	margin-left: 0.7ex;
     	margin-left: 1em;
     	position: relative;
     	top: -0.2ex;
     	top: -0.1em;
+    }
     div.widget div.title {
-...
     	border: $button-border;
     	border-radius: $button-border-radius;
     	transition: all 0.2s ease;
     	margin-right: 2ex;
     	margin-right: 1.5em;
     	vertical-align: middle;
     	box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.21);
-...
     	border: $widget-border;
     	border-radius: $widget-border-radius;
     	box-sizing: border-box;
     	margin: 0.2em 0px;
     	margin: #{$font-size / 5} 0px;
     	outline: medium none;
     	padding: 0.7ex 0.7em 0.7ex 0.7em;
     	padding: 0.4em 0.7em 0.4em 0.7em;
     	max-width: 100%;
     	transition: all 0.5s ease;
     	&:focus:not([readonly]) {
-...
     input[type="checkbox"],
     input[type="radio"] {
     	margin-right: 1ex;
     	margin-bottom: 1ex;
     	margin-right: 0.7em;
     	margin-bottom: 0.7em;
+    }
     div.content label {
-...
     div.a2-block ul#id_edit-profile-title {
     	margin-left: 1em;
     	margin-top: -1ex;
     	margin-top: -0.7em;
     	li {
     		display: inline-block;
     		margin-right: 2em;
-...
     	& li::before {
     		content: "\f06a";
     		font-family: FontAwesome;
     		padding-right: 1ex;
     		padding-right: 0.7em;
+    	}
+    }
-...
     div.select2-container,
     span.select2-container {
     	min-width: 20em;
     	margin: 0.2em 0;
     	margin: #{$font-size / 5} 0px;
     	padding-bottom: 1px;
     	a.select2-choice {
     		padding: 0.2ex 0.7em;
     		padding: 0.1em 0.7em;
+    	}
     	span.select2-selection--single,
     	a.select2-choice,
     	a.select2-choice div {
     		box-sizing: content-box;
     		padding: 0.3ex 0 0.3ex 0;
     		padding: 0.2em 0 0.2em 0;
     		background: $widget-background;
     		color: $widget-color;
     		border-radius: $widget-border-radius;
-...
     	form.quixote div.widget {
     		// increase bottom margin as the single border pushes away the
     		// widget from the label and we have to compensate.
     		margin-bottom: 3ex;
     		margin-bottom: 1.8em;
+    	}
+    }

     				background: #eee;
     				border: 1px solid #aaa;
     				display: block;
     				padding: 0.4ex 1ex;
     				padding: 0.3em 0.7em;
     				&:hover {
     					border-color: #666;
+    				}
-...
     	.ui-datepicker-prev {
     		display: block;
     		position: absolute;
     		left: 0.5ex;
     		left: 0.3em;
     		cursor: pointer;
     		&::after {
     			font-family: FontAwesome;
-...
     	.ui-datepicker-next {
     		display: block;
     		position: absolute;
     		right: 0.5ex;
     		right: 0.3em;
     		cursor: pointer;
     		&::after {
     			font-family: FontAwesome;
-...
     	z-index: 100000;
     	div.ui-tooltip-content {
     		background: white;
     		padding: 1ex;
     		padding: 0.7em;
+    	}
+    }
-...
     	overflow-x: hidden;
     	li {
     		margin: 0;
     		padding: 0 1ex;
     		padding: 0 0.7em;
     		position: relative;
     		min-height: 0;
     		&:hover {

     	position: relative;
     	top: 0px;
     	z-index: 0;
     	padding: 0 1ex;
     	padding: 0 0.7em;
     	& h1 {
     		margin: 0;
+    	}
-...
     @media screen and (max-width: $mobile-limit) {
     	#columns {
     		padding: 0 1ex;
     		padding: 0 0.7em;
     		max-width: 100%;
+    	}
     	#right, #left {
-...
     			-webkit-flex: 0 0 auto;
     			flex: 0 0 auto;
     			max-width: 100%;
     			margin: 0 1ex;
     			margin: 0 0.7em;
     			div.cell {
     				margin-left: 0;
     				margin-right: 0;
-...
     #footer-wrapper {
     	clear: both;
     	padding: 1ex 0 2ex 0;
     	padding: 0.7em 0 1.5em 0;
     	background-color: $footer-background;
     	color: $footer-color;
     	&::after {

static/includes/_library.scss
52	52	font-family: $table-headers-font-family;
53	53	}
54	54	th, td {
55		padding: 0.5ex 2ex 0.5ex 1ex;
	55	padding: 0.3em 1.5em 0.3em 0.7em;
56	56	border-bottom: 1px solid #aaa;
57	57	}
58	58	th {

     div.textcell h5,
     div.textcell p,
     div.textcell table {
     	margin: 1ex 0.5rem;
     	margin: 0.7em 0.5rem;
+    }
     @media screen and (max-width: $mobile-limit) {
-...
+    }
     div#login-methods input {
     	margin-left: 1ex;
     	margin-left: 0.7em;
+    }
     #profile span.label {
-...
     #profile div.value {
     	margin-left: 0;
     	margin-bottom: 1ex;
     	margin-bottom: 0.7em;
     	span.nodata {
     		font-style: italic;
+    	}
-...
     	background: rgba(255, 255, 255, 0.95);
     	text-align: center;
     	box-shadow: 0 0 8px 1px #666;
     	padding: 1ex 0;
     	padding: 0.7em 0;
     	bottom: 0;
     	& div.actions {
     		padding-top: 1ex;
     		padding-top: 0.7em;
+    	}
     	& button {
-...
     // lingo cells
     table.invoices th.invoice-amount {
     	text-align: right;
     	padding-right: 1ex;
     	padding-right: 0.7em;
+    }
     td.amount {
-...
     	th {
     		text-align: left;
     		padding: 0.5ex;
     		padding: 0.3em;
+    	}
     	td {
     		padding: 0.5ex 1ex;
     		padding: 0.3em 0.7em;
+    	}
     	tr:nth-child(even) {
-...
+    	}
     	a.icon-view:before {
     		padding-right: 1ex;
     		padding-right: 0.7em;
     		font-family: FontAwesome;
     		content: "\f06e\00a0";  // eye
+    	}
     	a.icon-pdf:before {
     		padding-right: 1ex;
     		padding-right: 0.7em;
     		font-family: FontAwesome;
     		content: "\f1c1\00a0";  // file-pdf-o
+    	}
-...
     		right: 1em;
+    	}
     	div {
     		margin: 2ex 0;
     		margin: 1.5em 0;
     		border-bottom: 1px dotted #ccc;
     		padding-bottom: 0.5ex;
     		padding-bottom: 0.3em;
     		&.paid-info::before,
     		&.no-online-payment-reason::before {
     			content: '\f05a';  // info-circle
-...
     	th {
     		text-align: left;
     		padding: 0.5ex;
     		padding: 0.3em;
     		text-transform: lowercase;
+    	}
-...
+    	}
     	td {
     		padding: 0.5ex 1em;
     		padding: 0.3em 1em;
     		border: 1px solid white;
+    	}
-...
+    	}
     	td.action-column {
     		width: 2ex;
     		width: 1.5em;
     		text-align: center;
     		vertical-align: middle;
+    	}
-...
     		min-height: 2rem;
     		list-style: none;
     		margin: 0 0 1em 0;
     		padding: 2ex 1ex 1.5ex 0;
     		padding: 1.5em 0.7em 1em 0;
     		li {
     			float: left;
     			line-height: 150%;
-...
     .fargo-pick-popup th {
     	text-align: left;
     	padding: 0.5ex;
     	padding: 0.3em;
     	text-transform: lowercase;
+    }
-...
     table.headers th {
     	background: $button-background;
     	color: $button-color;
     	padding: 1ex 1em;
     	padding: 0.7em 1em;
+    }
     table.centered-cells td {
-...
     div.meetings_table {
     	// style for templates/qommon/forms/widgets/select--meetings.html
     	margin-top: 1ex;
     	margin-top: 0.7em;
     	display: flex;
     	width: 100%;
     	& > div {
-...
+    	}
     	div.head {
     		padding-bottom: 1ex;
     		padding-bottom: 0.7em;
+    	}
     	div span {
     		display: block;
     		cursor: pointer;
     		padding: 0.3ex 0;
     		padding: 0.2em 0;
     		&.disabled {
     			opacity: 0.3;
+    		}

static/includes/_nav.scss
205	205	display: block;
206	206	background: transparent;
207	207	li a {
208		padding-left: 5ex;
	208	padding-left: 3em;
209	209	}
210	210	}
211	211

     	background: white;
     	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
     	width: auto;
     	padding: 1ex 2em 0.3ex 2em;
     	padding: 0.7em 2em 0.2em 2em;
     	border: 3px solid $primary-color;
     	border-width: 0 1px 1px 1px;
     	@media screen and (max-width: $mobile-limit) {
-...
     		max-width: 90%;
     		text-align: right;
     		border-bottom-right-radius: 0;
     		padding-right: 1ex;
     		padding-right: 0.7em;
     		& span.sep {
     			display: none;
+    		}
-...
+    }
     #toplinks span.connected-user {
     	padding-right: 1ex;
     	padding-right: 0.7em;
     	@media screen and (max-width: $mobile-limit) {
     		padding-right: 0;
+    	}

     div#tracking-code a {
     	font-size: 150%;
     	display: inline-block;
     	padding: 0.5ex 0 0 0.5ex;
     	padding: 0.3em 0 0 0.3em;
     	color: #444;
+    }
-...
     	& li {
     		border: 0;
     		border-bottom: 1px solid #ccc;
     		margin-bottom: 2ex;
     		margin-bottom: 1.5em;
     		border-radius: $border-radius;
     		padding: 1ex;
     		padding: 0.7em;
     		letter-spacing: 1px;
+    	}
     	& li.current {
-...
     				border: none;
     				display: inline-block;
     				margin: 0;
     				padding: 0 1em 1ex 0;
     				padding: 0 1em 0.7em 0;
     				list-style: none;
     				min-width: auto;
     				border-radius: 0;
-...
     	div#gauche {
     		text-align: left;
     		div#tracking-code a {
     			padding-left: 0.5ex;
     			padding-left: 0.3em;
+    		}
+    	}
+    }
-...
     	content: "\f084";
     	font-family: FontAwesome;
     	position: absolute;
     	right: 1ex;
     	right: 0.7em;
     	color: #444;
+    }
-...
     	display: inline-block;
     	background: $body-background;
     	margin-left: 60px;
     	padding: 1ex;
     	padding: 0.7em;
     	padding-top: 30px;
     	padding-bottom: 0;
     	margin-bottom: 0;
-...
+    }
     ul#evolutions li div.msg {
     	padding: 1ex;
     	padding: 0.7em;
     	padding-top: 0;
     	position: relative;
     	background: $body-background;
-...
+    }
     ul#evolutions li div.msg div.comment {
     	padding: 1ex 1em;
     	padding: 0.7em 1em;
     	background: #EEEEEE;
+    }
-...
     div.dataview {
     	div.field {
     		margin-bottom: 1ex;
     		margin-bottom: 0.7em;
+    	}
     	span.label {
     		font-weight: bold;
+    	}
     	.value {
     		display: block;
     		margin-left: 1ex;
     		margin-left: 0.7em;
+    	}
+    }
     form div.errornotice {
     	margin-top: 0ex;
     	margin-top: 0;
+    }
     // classes to be used in forms (legacy, grid system to be preferred)
-...
     div.form-validation div.page {
     	background: #f0f0f0;
     	padding-left: 1ex;
     	padding-left: 0.7em;
     	box-sizing: border-box;
+    }
     div.form-validation div.page > h3 {
     	padding-top: 1ex;
     	padding-top: 0.7em;
     	font-size: 140%;
+    }
-...
+    }
     span.geoloc-error {
     	padding-left: 1ex;
     	padding-left: 0.7em;
     	font-weight: normal;
     	font-size: smaller;
     	float: right;
-...
     	.bar {
     		background: $button-background;
     		line-height: 1.5em;
     		padding-left: 1ex;
     		padding-left: 0.7em;
     		white-space: nowrap;
     		transition: background linear 0.1s;
+    	}
+    -

Projet

Général

Profil

Produits Entr'ouvert » Intégrations graphiques Publik

0001-scss-replace-all-ex-units-33386.patch