Skip to content

Commit

Permalink
Remove most of the media queries in the various css files.
Browse files Browse the repository at this point in the history
  • Loading branch information
@HaudinFlorence
HaudinFlorence committed Jul 10, 2024
1 parent d1b434b commit f30f9c5
Show file tree
Hide file tree
Showing 20 changed files with 548 additions and 704 deletions.
21 changes: 14 additions & 7 deletions src/components/about/FourValues.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,37 @@ import styles from "./styles.module.css";
import { ValueCard } from "@site/src/components/about/ValueCard";
import { valuesDetails } from "./Values/valuesDetails";


export default function FourValues() {
return (
<div className={styles.four_values_container}>
<div className="row">
<div className="col">
<h1 className={"padding-none" + " "+ "full-flex-centered"}>Our values </h1>
<h1 className={"padding-none" + " " + "full-flex-centered"}>
Our values{" "}
</h1>
</div>
</div>
<ul
className={"row" + " " + "padding-none" + " " + styles.row_with_margins+" "+ "flex-full-centered"}
className={
"row" +
" " +
"padding-none" +
" " +
styles.row_with_margins +
" " +
"flex-full-centered"
}
>
{valuesDetails.map((value, index) => (
<li className="cards-list" key={index}>
<div className="col">
<div className={styles.value_card_container}>
<ValueCard
value={value}
/>
<ValueCard value={value} />
</div>
</div>
</li>
))}
</ul>
</div>
);
}
}
14 changes: 7 additions & 7 deletions src/components/about/styles.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,9 @@
line-height: 28px;
text-align: center;
}
@media only screen and (max-width: 996px) {
/*@media only screen and (max-width: 996px) {
/* mobile */
.h2_custom {
/*.h2_custom {
padding: var(--ifm-spacing-lg) var(--ifm-spacing-2xl);
}
Expand Down Expand Up @@ -61,7 +61,7 @@
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
line-height: 20px;
letter-spacing: 0.25px;
}
Expand Down Expand Up @@ -93,13 +93,13 @@
font-size: var(--ifm--font-size-normal);
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
line-height: 24px;
letter-spacing: 0.5px;
padding: var(--ifm-spacing-4xl) var(--ifm-spacing-2xl);
}
}

@media only screen and (min-width: 996px) {
*/
/*@media only screen and (min-width: 996px) {
/* Desktop */
.value_header {
font-family: var(--ifm-font-family-rubik-one);
Expand Down Expand Up @@ -274,4 +274,4 @@
div .join_the_team_text {
color: var(--ifm-text-color-blue-banner);
}
}
/*}*/
11 changes: 2 additions & 9 deletions src/components/blog/styles.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,13 +90,6 @@ div .blogpost_date {
var(--ifm-spacing-lg);
}

@media only screen and (max-width: 996px) {
/*Mobile */
}

@media only screen and (min-width: 996px) {
/*Desktop */
.blogposts_container {
margin: var(--ifm-spacing-6xl) 0;
}
.blogposts_container {
margin: var(--ifm-spacing-6xl) 0;
}
63 changes: 0 additions & 63 deletions src/components/careers/styles.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,67 +38,6 @@ div .learn_more_WTJ {
font-weight: 700;
}

@media only screen and (max-width: 400px) {
/*Mobile */
.careers_container {
margin-top: var(--ifm-spacing-2xl);
}

.join_the_team_text {
text-align: center;
font-size: 12px;
font-family: var(--ifm-font-family-roboto);
color: var(--ifm-color-primary-p2);
text-align: center;
font-style: normal;
font-weight: 400;
padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
}

.interview_card {
width: 300px;
height: 270px;
background-color: var(--ifm-background-color);
border-radius: 10px;
box-shadow: 0px 0px 8px 1px #c8c8c7;
padding: var(--ifm-spacing-sm);
text-align: center;
margin-bottom: var(--ifm-spacing-xl);
}

.interview_name {
color: var(--ifm-text-color);
text-align: center;
font-family: var(--ifm-font-family-roboto);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 128.571% */
}

.interview_position {
color: var(--ifm-text-color);
text-align: center;
font-family: var(--ifm-font-family-roboto);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
letter-spacing: 0.5px;
}

.WTJ_profile_container {
margin-top: var(--ifm-spacing-2xl);
background-color: var(--ifm-background-color-blue-banner);
padding: var(--ifm-spacing-2xl) var(--ifm-spacing-2xl);
font-family: var(--ifm-font-family-roboto);
font-size: 16px;
text-align: center;
}
}

@media only screen and (min-width: 400px) {
/*Desktop */
.careers_container {
margin-top: var(--ifm-spacing-6xl);
}
Expand Down Expand Up @@ -178,5 +117,3 @@ div .learn_more_WTJ {
line-height: 150%; /* 72px */
letter-spacing: 2.112px;
}

}
71 changes: 20 additions & 51 deletions src/components/contact/styles.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

.send_button {
width: 258px;
height: 59px;
Expand All @@ -10,57 +9,27 @@
width: 508px;
margin-top: var(--ifm-spacing-2xl);
}

@media only screen and (max-width: 996px) {
/*Mobile */
.contact_container {
margin: var(--ifm-spacing-5xl) 0;
text-align: center;
}

.form_label {
font-size: 12px;
color: var(---ifm-text-color);
background-color: var(--ifm-color-orange-light);
}

.small_input {
width: 297px;
height: 56px;
border-radius: 4px;
}

.large_input {
width: 297px;
height: 220px;
border-radius: 4px;
}
.contact_container {
margin: var(--ifm-spacing-5xl) 0;
}

@media only screen and (min-width: 996px) {
/*Desktop */
.contact_container {
margin: var(--ifm-spacing-5xl) 0;
}

.contact_form {
margin-top: var(--ifm-spacing-xl);
}
.contact_form {
margin-top: var(--ifm-spacing-xl);
}

.form_label {
font-size: 12px;
color: var(--ifm-text-color);
background-color: var(--ifm-background-color);
}
.small_input {
width: 508px;
height: 56px;
border-radius: 4px;
}
.form_label {
font-size: 12px;
color: var(--ifm-text-color);
background-color: var(--ifm-background-color);
}
.small_input {
width: 508px;
height: 56px;
border-radius: 4px;
}

.large_input {
width: 508px;
height: 220px;
border-radius: 4px;
}
}
.large_input {
width: 508px;
height: 220px;
border-radius: 4px;
}
23 changes: 5 additions & 18 deletions src/components/home/AboutQS/styles.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,22 +7,9 @@ div .text_container {
color: var(--ifm-text-color-about-qs-banner);
}

@media only screen and (max-width: 996px) {
/* Mobile */
.text_container {
font-size: 14px;
text-align: center;
margin-bottom: var(--ifm-spacing-lg);
padding: var(--ifm-spacing-2xl) var(--ifm-spacing-2xl);
}
}

@media only screen and (min-width: 996px) {
/* Desktop */
.text_container {
font-size: 24px;
text-align: center;
margin-bottom: var(--ifm-spacing-lg);
padding: var(--ifm-spacing-5xl) var(--ifm-spacing-5xl);
}
.text_container {
font-size: 20px;
text-align: center;
margin-bottom: var(--ifm-spacing-lg);
padding: var(--ifm-spacing-5xl) var(--ifm-spacing-5xl);
}
69 changes: 24 additions & 45 deletions src/components/home/Hero/styles.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,58 +1,37 @@
@media only screen and (max-width: 996px) {
/*Mobile*/
.hero_container {
margin: var(--ifm-spacing-xl) var(--ifm-spacing-xl) 0 var(--ifm-spacing-xl);
}

.h2_custom {
color: var(--ifm-color-secondary-s2);
text-align: center;
margin: 0;
}

.logos_carousel {
display: none;
}

.subheader {
text-align: center;
}

.astronaut_container {
width: 150px
}
}

@media only screen and (min-width: 996px) {
/* Desktop */
.hero_container {
margin: var(--ifm-spacing-5xl) 0 var(--ifm-spacing-xl) 0;
}
.hero_container {
margin: var(--ifm-spacing-5xl) 0 var(--ifm-spacing-xl) 0;
}

.table_with_8_customers {
margin-bottom: var(--ifm-spacing-xl);
}
.table_with_8_customers {
margin-bottom: var(--ifm-spacing-xl);
}

.customer_logo {
filter: grayscale(1);
width: 100px;
}
.customer_logo {
filter: grayscale(1);
width: 100px;
}

.worked_with {
font-size: var(--ifm-font-size-normal);
color: var(--ifm-color_neutral-n1);
text-align: center;
margin: var(--ifm-spacing-2xl) 0;
}
.worked_with {
font-size: var(--ifm-font-size-normal);
color: var(--ifm-color_neutral-n1);
text-align: center;
margin: var(--ifm-spacing-2xl) 0;
}

.h2_custom {
color: var(--ifm-color-secondary-s2);
}
.h2_custom {
color: var(--ifm-color-secondary-s2);
}

.sub_header {
text-align: left;
}
.astronaut_container {
width: 300px
}
.sub_header {
text-align: left;
}
.astronaut_container {
width: 300px;
}
Loading

0 comments on commit f30f9c5

Please sign in to comment.