From 251459cf17f3cc4ef7af095e0fcaddff279a9b4b Mon Sep 17 00:00:00 2001
From: Allan Blanchard <allan.blanchard@cea.fr>
Date: Tue, 9 Nov 2021 15:12:22 +0100
Subject: [PATCH] CSS Lint
---
assets/css/contact.css | 72 ++++++++++++++++++++-----------------
assets/css/home.css | 69 ++++++++++++++++++++---------------
assets/css/publications.css | 40 +++++++++++----------
3 files changed, 102 insertions(+), 79 deletions(-)
diff --git a/assets/css/contact.css b/assets/css/contact.css
index 5aee4a61..eb6f4db7 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -10,7 +10,7 @@
padding-top: 40px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact {
padding-top: 70px;
}
@@ -20,7 +20,7 @@
margin: 0 0 60px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact h1 {
padding-left: 30px;
}
@@ -38,7 +38,7 @@
margin-bottom: 50px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact form {
display: table;
width: 100%;
@@ -46,7 +46,7 @@
}
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact form > div {
width: 50%;
float: left;
@@ -61,7 +61,7 @@
width: 100%;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .choose {
padding-top: 25px;
}
@@ -79,7 +79,7 @@
left: 0;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .choose span {
top: 25px;
}
@@ -98,7 +98,7 @@
margin: 0 0 13px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .choose p {
line-height: 20px;
}
@@ -120,7 +120,7 @@
user-select: none;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .choose label {
padding-left: 27px;
}
@@ -130,8 +130,9 @@
animation: bounceIn 0.75s linear both;
}
-.pageContact .choose label:before,.pageContact .choose label:after {
- content: '';
+.pageContact .choose label:before,
+.pageContact .choose label:after {
+ content: "";
position: absolute;
border-radius: 50%;
}
@@ -146,7 +147,7 @@
box-sizing: border-box;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .choose label:before {
width: 20px;
height: 20px;
@@ -164,7 +165,7 @@
animation: bounceIn 0.75s linear both;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .choose label:after {
width: 10px;
height: 10px;
@@ -188,7 +189,7 @@
box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15);
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .locate {
overflow: hidden;
}
@@ -197,11 +198,11 @@
.pageContact .locate > figure {
margin: 0;
height: 250px;
- background: url('../img/bg-contact-location.jpg') no-repeat center bottom;
+ background: url("../img/bg-contact-location.jpg") no-repeat center bottom;
background-size: cover;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .locate > figure {
width: 36%;
float: left;
@@ -220,7 +221,7 @@
background-color: #f4f4f4;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .locate > div {
width: 64%;
float: left;
@@ -241,7 +242,7 @@
color: #000;
}
-@media (max-width: 767px) {
+@media (max-width: 767px) {
.pageContact .contactInfo {
text-align: center;
}
@@ -260,7 +261,7 @@
margin: 0 0 20px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .contactInfo h4 {
text-transform: uppercase;
margin-bottom: 25px;
@@ -272,7 +273,7 @@
margin: 0 0 30px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .contactInfo p {
font-size: 16px;
margin: 0 0 35px;
@@ -294,14 +295,14 @@
transition: 0.1s;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pageContact .contactInfo p a {
display: inline-block;
}
}
.pageContact .contactInfo p a:before {
- content: '';
+ content: "";
position: absolute;
bottom: 0;
left: 0;
@@ -325,7 +326,7 @@
color: #f7931c;
}
-@media (max-width: 767px) {
+@media (max-width: 767px) {
.pageContact .contactInfo small {
display: none;
}
@@ -355,7 +356,7 @@
margin-bottom: 30px;
}
-@media (max-width: 767px) {
+@media (max-width: 767px) {
.stackPost .subTitle {
text-align: center;
}
@@ -458,7 +459,7 @@
margin-bottom: 30px;
}
-@media (max-width: 767px) {
+@media (max-width: 767px) {
.usefulLinks .subTitle {
text-align: center;
}
@@ -479,17 +480,17 @@
display: inline-flex;
height: 15vh;
}
-@media (min-width: 768px){
- .side-item{
+@media (min-width: 768px) {
+ .side-item {
width: 50%;
}
}
-@media (min-width: 1024px){
- .side-item{
+@media (min-width: 1024px) {
+ .side-item {
width: 33%;
}
}
-@media (min-width: 1280px){
+@media (min-width: 1280px) {
.side-item {
width: 100%;
}
@@ -502,12 +503,12 @@
.icon-com img {
max-height: 100%;
max-width: 100%;
- margin: auto 0;
+ margin: auto 0;
}
.side-item a {
width: 75%;
margin: auto 20px;
- vertical-align: center ;
+ vertical-align: center;
color: #484848;
}
.side-item a:hover {
@@ -524,7 +525,12 @@
}
@keyframes bounceIn {
- 0%, 20%, 40%, 60%, 80%, 100% {
+ 0%,
+ 20%,
+ 40%,
+ 60%,
+ 80%,
+ 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@@ -571,4 +577,4 @@
transform: translateY(-50%) scale(1.1);
}
}*/
-}
\ No newline at end of file
+}
diff --git a/assets/css/home.css b/assets/css/home.css
index 2be8a5f5..d611d427 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -28,7 +28,7 @@
margin-bottom: 15vh;
}
-@media (orientation: portrait){
+@media (orientation: portrait) {
.normal {
margin-top: 5vh;
margin-bottom: 5vh;
@@ -46,7 +46,7 @@
}
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.home .section h3 {
font-size: 20px;
}
@@ -100,7 +100,7 @@
display: none;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.home .banner-title {
font-size: 33px;
margin-top: 10px;
@@ -135,7 +135,7 @@
margin: 0 auto 20px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.home .banner-desc {
font-size: 16px;
font-weight: 600;
@@ -194,7 +194,7 @@ div.downlink {
}
div.downlink a {
- font-size: 130%
+ font-size: 130%;
}
div.goDown .icon {
@@ -213,7 +213,8 @@ div.goDown .icon {
color: #f26521;
}
-.swiper-button-next,.swiper-button-prev {
+.swiper-button-next,
+.swiper-button-prev {
background: none !important;
font-size: 30px;
width: 46px;
@@ -290,7 +291,7 @@ div.goDown .icon {
}
.tabSlider .slideTxt:before {
- content: '';
+ content: "";
display: inline-block;
vertical-align: middle;
height: 70px;
@@ -303,7 +304,8 @@ div.goDown .icon {
}
}
-.tabSlider .slideTxt b,.tabSlider .slideTxt span {
+.tabSlider .slideTxt b,
+.tabSlider .slideTxt span {
display: block;
}
@@ -338,7 +340,7 @@ div.goDown .icon {
}
.tabSlider .slideTxt span:before {
- content: '';
+ content: "";
background: #f57f1e;
background: linear-gradient(to bottom, #f57f1e 0%, #ef3659 100%);
display: inline-block;
@@ -393,12 +395,13 @@ div.goDown .icon {
display: none;
}
- .tabSlider .swiper-button-next, .tabSlider .swiper-button-prev {
+ .tabSlider .swiper-button-next,
+ .tabSlider .swiper-button-prev {
display: none !important;
}
.tabSlider .swiper-slide-active .slideTxt span {
- color: #AAAAAA;
+ color: #aaaaaa;
}
}
@@ -546,7 +549,7 @@ div.goDown .icon {
margin-right: 16px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.codeDemoScreen .codeDemoBlock .title b {
font-size: 36px;
}
@@ -576,7 +579,7 @@ div.goDown .icon {
vertical-align: top;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.codeDemoScreen .codeDemoBlock .title span {
max-width: 85%;
padding-top: 5px;
@@ -616,7 +619,7 @@ div.goDown .icon {
.sidetext {
text-align: left;
- font-family: 'Muli';
+ font-family: "Muli";
font-size: 14px;
display: flex;
}
@@ -659,7 +662,7 @@ div.goDown .icon {
}
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.codeDemoScreen .codeScreen .codeTab > div:first-child {
font-size: 13px;
padding: 25px 30px 20px;
@@ -685,11 +688,17 @@ div.goDown .icon {
background-color: transparent;
}
-.codeDemoScreen .codeScreen .codeTab > div:first-child::-webkit-scrollbar-thumb {
+.codeDemoScreen
+ .codeScreen
+ .codeTab
+ > div:first-child::-webkit-scrollbar-thumb {
background-color: rgba(200, 200, 200, 0.4);
}
-.codeDemoScreen .codeScreen .codeTab > div:first-child::-webkit-scrollbar-track {
+.codeDemoScreen
+ .codeScreen
+ .codeTab
+ > div:first-child::-webkit-scrollbar-track {
box-shadow: none;
background-color: rgba(200, 200, 200, 0.15);
}
@@ -735,7 +744,8 @@ div.goDown .icon {
.eventDetailsBlock {
margin-top: 80px;
}
-@media (min-width: 1024px){
+
+@media (min-width: 1024px) {
.eventDetailsBlock {
margin-top: 100px;
}
@@ -762,7 +772,7 @@ div.goDown .icon {
font-size: 13px;
}
-@media (min-width: 800px) {
+@media (min-width: 800px) {
.eventDetailsBlock .contentBlk {
display: inline-flex;
flex-direction: row;
@@ -796,20 +806,21 @@ div.goDown .icon {
margin-bottom: 30px;
}
-.eventDetailsBlock time b,.eventDetailsBlock time small {
+.eventDetailsBlock time b,
+.eventDetailsBlock time small {
font-weight: 600;
font-size: 36px;
}
.eventDetailsBlock time b + b:after {
- content: ',';
+ content: ",";
}
.eventDetailsBlock time b:first-child {
line-height: 40px;
}
-@media (min-width: 800px) {
+@media (min-width: 800px) {
.eventDetailsBlock time {
display: block;
text-align: right;
@@ -825,7 +836,7 @@ div.goDown .icon {
}
.eventDetailsBlock time b + b:after {
- content: '';
+ content: "";
}
.eventDetailsBlock time small {
@@ -902,7 +913,8 @@ div.goDown .icon {
flex-basis: auto;
}
-.eventScaleBlock .swiper-slide-prev,.eventScaleBlock .swiper-slide-next {
+.eventScaleBlock .swiper-slide-prev,
+.eventScaleBlock .swiper-slide-next {
width: auto;
flex-basis: auto;
}
@@ -974,7 +986,7 @@ div.goDown .icon {
transition: all 0.1s;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.eventScaleBlock .eventLink span {
font-size: 13px;
margin-left: -100px;
@@ -1064,7 +1076,7 @@ div.goDown .icon {
}
.eventScaleBlock .scaleBg > u {
- background-image: url('../img/bg-scale.jpg');
+ background-image: url("../img/bg-scale.jpg");
background-repeat: repeat-x;
background-position: bottom left;
background-size: auto 100%;
@@ -1192,11 +1204,12 @@ div.goDown .icon {
/* Keyframes */
@keyframes arrowMove {
- 0%, 100% {
+ 0%,
+ 100% {
transform: translateY(3px);
}
50% {
transform: translateY(-3px);
}
-}
\ No newline at end of file
+}
diff --git a/assets/css/publications.css b/assets/css/publications.css
index 34958438..e22d16d6 100644
--- a/assets/css/publications.css
+++ b/assets/css/publications.css
@@ -2,7 +2,7 @@
padding-top: 40px;
}
-@media (min-width: 768px) {
+@media (min-width: 768px) {
.pagePublications {
padding-top: 70px;
}
@@ -51,22 +51,24 @@ details {
}
details:hover {
- color: #242424!important;
- background-color: #f9f9f9!important;
+ color: #242424 !important;
+ background-color: #f9f9f9 !important;
}
-details summary:focus,details:hover summary {
+details summary:focus,
+details:hover summary {
color: #f16521;
}
-details.empty:hover,details.empty summary,details.empty summary:hover {
- color: #484848!important;
- background-color: transparent!important;
+details.empty:hover,
+details.empty summary,
+details.empty summary:hover {
+ color: #484848 !important;
+ background-color: transparent !important;
}
summary {
- /* forces summary to cover the details zone,
- so that it is entirely clickable.
+ /* forces summary to cover the details zone, so that it is entirely clickable.
*/
margin: -15px -20px -15px -15px;
padding: 30px 40px 30px 50px;
@@ -88,13 +90,14 @@ details summary::before {
}
details[open] summary::before {
- content: '\e904';
+ content: "\e904";
margin-top: 30px;
margin-left: 38px;
font-size: 65%;
}
-details[open].empty summary::before,details.empty summary::before {
+details[open].empty summary::before,
+details.empty summary::before {
display: none;
}
@@ -146,7 +149,8 @@ details[open].empty summary::before,details.empty summary::before {
min-width: 210px;
}
-.navigation li,.navigation ul {
+.navigation li,
+.navigation ul {
text-align: left;
margin-left: 0;
padding-left: 0;
@@ -167,7 +171,7 @@ details[open].empty summary::before,details.empty summary::before {
font-weight: normal;
}
-@media (min-width:768px) {
+@media (min-width: 768px) {
.navigation > ul {
font-size: 18px;
}
@@ -177,7 +181,7 @@ details[open].empty summary::before,details.empty summary::before {
}
}
-@media (min-width:1280px) {
+@media (min-width: 1280px) {
.navigation > ul {
font-size: 20px;
}
@@ -200,7 +204,7 @@ details[open].empty summary::before,details.empty summary::before {
}
.sideMenu label:after {
- content: 'CATEGORIES';
+ content: "CATEGORIES";
font-weight: bolder;
display: inline-block;
position: relative;
@@ -216,7 +220,7 @@ details[open].empty summary::before,details.empty summary::before {
display: none;
}
-@media (min-width:768px) {
+@media (min-width: 768px) {
.sideMenu label:after {
display: none;
}
@@ -232,7 +236,7 @@ details[open].empty summary::before,details.empty summary::before {
}
}
-@media (min-width:1280px) {
+@media (min-width: 1280px) {
.nav-check-deactivator {
left: 250px;
}
@@ -245,4 +249,4 @@ details[open].empty summary::before,details.empty summary::before {
padding-top: 65px;
background: white;
z-index: 3;
-}
\ No newline at end of file
+}
--
GitLab