Added wordpress

3 files changed, 774 insertions, 0 deletions

diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss
new file mode 100644
index 0000000..a3cb801
--- /dev/null
+++ b/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss
@@ -0,0 +1,65 @@
+.archive .page-header,
+.search .page-header,
+.error404 .page-header {
+
+	margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
+
+	@include media(tablet) {
+		margin: 0 $size__site-margins calc(3 * #{$size__spacing-unit});
+	}
+
+	.page-title {
+
+		color: $color__text-light;
+		display: inline;
+		letter-spacing: normal;
+
+		&:before {
+			display: none;
+		}
+	}
+
+	.search-term,
+	.page-description {
+		display: inherit;
+		clear: both;
+	}
+}
+
+.archive .page-header .page-description,
+.search .page-header .page-description {
+	display: block;
+	color: $color__text-main;
+	font-size: 1em;
+}
+
+.hfeed .entry .entry-header {
+
+	@include media(tablet) {
+		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
+	}
+}
+
+/* 404 & Not found */
+
+.error-404.not-found,
+.no-results.not-found {
+
+	.page-content {
+
+		margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};
+
+		@include media(tablet) {
+			margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
+		}
+	}
+
+	.search-submit {
+		vertical-align: middle;
+		margin: $size__spacing-unit 0;
+	}
+
+	.search-field {
+		width: 100%;
+	}
+}
diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss
new file mode 100644
index 0000000..ec9fb12
--- /dev/null
+++ b/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss
@@ -0,0 +1,405 @@
+.comment-content a {
+	word-wrap: break-word;
+}
+
+.bypostauthor {
+	display: block;
+}
+
+.comments-area {
+	-webkit-hyphens: auto;
+	-moz-hyphens: auto;
+	-ms-hyphens: auto;
+	hyphens: auto;
+	margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
+	word-wrap: break-word;
+	@include postContentMaxWidth();
+
+	@include media(tablet) {
+		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
+	}
+
+	& > * {
+		margin-top: calc(2 * #{$size__spacing-unit});
+		margin-bottom: calc(2 * #{$size__spacing-unit});
+
+		@include media(tablet) {
+			margin-top: calc(3 * #{$size__spacing-unit});
+			margin-bottom: calc(3 * #{$size__spacing-unit});
+		}
+	}
+
+	/* Add extra margin when the comments section is located immediately after the
+	 * post itself (this happens on pages).
+	 */
+	.entry + & {
+		margin-top: calc(3 * #{$size__spacing-unit});
+	}
+
+	.comments-title-wrap {
+
+		@include media(tablet) {
+			align-items: baseline;
+			display: flex;
+			justify-content: space-between;
+		}
+
+		.comments-title {
+			@include post-section-dash;
+			margin: 0;
+
+			@include media(tablet) {
+				flex: 1 0 calc(3 * (100vw / 12));
+			}
+		}
+
+		.discussion-meta {
+			@include media(tablet) {
+				flex: 0 0 calc(2 * (100vw / 12));
+				margin-left: #{$size__spacing-unit};
+			}
+		}
+	}
+}
+
+#comment {
+	max-width: 100%;
+	box-sizing: border-box;
+}
+
+#respond {
+	position: relative;
+
+	.comment-user-avatar {
+		margin: $size__spacing-unit 0 -#{$size__spacing-unit};
+	}
+
+	.comment .comment-form {
+		padding-left: 0;
+	}
+
+	> small {
+		display: block;
+		font-size: $font__size_base;
+		position: absolute;
+		left: calc(#{$size__spacing-unit} + 100%);
+		top: calc(-3.5 * #{$size__spacing-unit});
+		width: calc(100vw / 12 );
+	}
+}
+
+#comments {
+
+	> .comments-title:last-child {
+		display: none;
+	}
+}
+
+.comment-form-flex {
+	display: flex;
+	flex-direction: column;
+
+	.comments-title {
+		display: none;
+		margin: 0;
+		order: 1;
+	}
+
+	#respond {
+		order: 2;
+
+		+ .comments-title {
+			display: block;
+		}
+	}
+}
+
+.comment-list {
+	list-style: none;
+	padding: 0;
+
+	.children {
+		margin: 0;
+		padding: 0 0 0 $size__spacing-unit;
+	}
+
+	> .comment:first-child {
+		margin-top: 0;
+	}
+
+	.pingback,
+	.trackback {
+
+		.comment-body {
+			color: $color__text-light;
+			@include font-family( $font__heading );
+			font-size: $font__size-xs;
+			font-weight: 500;
+			margin-top: $size__spacing-unit;
+			margin-bottom: $size__spacing-unit;
+
+			a:not(.comment-edit-link) {
+				font-weight: bold;
+				font-size: $font__size-base / (1 * $font__size-ratio);
+				line-height: 1.5;
+				padding-right: #{0.5 * $size__spacing-unit};
+				display: block;
+			}
+
+			.comment-edit-link {
+				color: $color__text-light;
+				@include font-family( $font__heading );
+				font-weight: 500;
+			}
+		}
+	}
+}
+
+.comment-reply {
+
+	#respond + & {
+		display: none;
+	}
+
+	.comment-reply-link {
+		display: inline-block;
+	}
+}
+
+.comment {
+	list-style: none;
+	position: relative;
+
+	@include media(tablet) {
+		padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
+
+		&.depth-1,
+		.children {
+			padding-left: 0;
+		}
+
+		&.depth-1 {
+			margin-left: calc(3.25 * #{$size__spacing-unit});
+		}
+	}
+
+	.comment-body {
+		margin: calc(2 * #{$size__spacing-unit}) 0 0;
+	}
+
+
+	.comment-meta {
+		position: relative;
+	}
+
+	.comment-author {
+
+		.avatar {
+			float: left;
+			margin-right: $size__spacing-unit;
+			position: relative;
+
+			@include media(tablet) {
+				float: inherit;
+				margin-right: inherit;
+				position: absolute;
+				top: 0;
+				right: calc(100% + #{$size__spacing-unit});
+			}
+		}
+
+		.fn {
+			position: relative;
+			display: block;
+
+			a {
+				color: inherit;
+
+				&:hover {
+					color: $color__link-hover;
+				}
+			}
+		}
+
+		.post-author-badge {
+			border-radius: 100%;
+			display: block;
+			height: 18px;
+			position: absolute;
+			background: lighten( $color__link, 8% );
+			right: calc(100% - #{$size__spacing-unit * 2.5});
+			top: -3px;
+			width: 18px;
+
+			@include media(tablet) {
+				right: calc(100% + #{$size__spacing-unit * .75});
+			}
+
+			svg {
+				width: inherit;
+				height: inherit;
+				display: block;
+				fill: white;
+				transform: scale(0.875);
+			}
+		}
+	}
+
+	.comment-metadata {
+
+		> a,
+		.comment-edit-link {
+			display: inline;
+			font-weight: 500;
+			color: $color__text-light;
+			vertical-align: baseline;
+
+			time {
+				vertical-align: baseline;
+			}
+
+			&:hover {
+				color: $color__link-hover;
+				text-decoration: none;
+			}
+		}
+
+		> * {
+			display: inline-block;
+		}
+
+		.edit-link-sep {
+			color: $color__text-light;
+			margin: 0 0.2em;
+			vertical-align: baseline;
+		}
+
+		.edit-link {
+			color: $color__text-light;
+
+			svg {
+				transform: scale(0.8);
+				vertical-align: baseline;
+				margin-right: 0.1em;
+			}
+		}
+
+		.comment-edit-link {
+			position: relative;
+			padding-left: $size__spacing-unit;
+			margin-left: -#{$size__spacing-unit};
+			z-index: 1;
+
+			&:hover {
+				color: $color__link;
+			}
+		}
+	}
+
+	.comment-content {
+
+		margin: $size__spacing-unit 0;
+
+		@include media(desktop) {
+			padding-right: $size__spacing-unit;
+		}
+
+		> *:first-child {
+			margin-top: 0;
+		}
+
+		> *:last-child {
+			margin-bottom: 0;
+		}
+
+		blockquote {
+			margin-left: 0;
+		}
+
+		a {
+			text-decoration: underline;
+
+			&:hover {
+				text-decoration: none;
+			}
+		}
+	}
+}
+
+.comment-reply-link,
+#cancel-comment-reply-link {
+	font-weight: 500;
+
+	&:hover {
+		color: $color__link-hover;
+	}
+}
+
+.discussion-avatar-list {
+	@include clearfix;
+
+	margin: 0;
+	padding: 0;
+
+	li {
+		position: relative;
+		list-style: none;
+		margin: 0 -8px 0 0;
+		padding: 0;
+		float: left;
+	}
+
+	.comment-user-avatar {
+
+		img {
+			height: calc(1.5 * #{$size__spacing-unit});
+			width: calc(1.5 * #{$size__spacing-unit});
+		}
+	}
+}
+
+.discussion-meta {
+
+	.discussion-meta-info {
+		margin: 0;
+
+		.svg-icon {
+			vertical-align: middle;
+			fill: currentColor;
+			transform: scale( 0.6 ) scaleX(-1) translateY(-0.1em);
+			margin-left: -#{.25 * $size__spacing-unit}; // Align icon with avatars above.
+		}
+	}
+
+}
+
+.comment-form {
+
+	.comment-notes,
+	label {
+		@include font-family( $font__heading );
+		font-size: $font__size-xs;
+		color: $color__text-light;
+	}
+
+	.comment-form-author,
+	.comment-form-email {
+		@include media(tablet) {
+			width: calc(50% - #{$size__spacing-unit / 2});
+			float: left;
+		}
+	}
+
+	.comment-form-email {
+		@include media(tablet) {
+			margin-left: $size__spacing-unit;
+		}
+	}
+
+	input[name="author"],
+	input[name="email"],
+	input[name="url"] {
+		display: block;
+		width: 100%;
+	}
+}
diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss
new file mode 100644
index 0000000..ce1c6f2
--- /dev/null
+++ b/srcs/wordpress/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss
@@ -0,0 +1,304 @@
+.sticky {
+	display: block;
+}
+
+.sticky-post {
+	background: $color__background-button;
+	color: #fff;
+	display: inline-block;
+	font-weight: bold;
+	line-height: 1;
+	padding: .25rem;
+	position: absolute;
+	text-transform: uppercase;
+	top: -$size__spacing-unit;
+	z-index: 1;
+}
+
+.updated:not(.published) {
+	display: none;
+}
+
+.page-links {
+	clear: both;
+	margin: 0 0 calc(1.5 * #{$size__spacing-unit});
+}
+
+.entry {
+
+	margin-top: calc(6 * #{$size__spacing-unit});
+
+	&:first-of-type {
+		margin-top: 0;
+	}
+
+	.entry-header {
+
+		margin: calc(3 * #{ $size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
+		position: relative;
+
+		@include media(tablet) {
+			margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
+		}
+	}
+
+	.entry-title {
+
+		@include post-section-dash;
+		margin: 0;
+
+		a {
+			color: inherit;
+
+			&:hover {
+				color: $color__text-hover;
+			}
+		}
+	}
+
+	.entry-meta,
+	.entry-footer {
+
+		color: $color__text-light;
+		font-weight: 500;
+
+		> span {
+
+			margin-right: $size__spacing-unit;
+			display: inline-block;
+
+			&:last-child {
+				margin-right: 0;
+			}
+		}
+
+		a {
+
+			@include link-transition;
+			color: currentColor;
+
+			&:hover {
+				text-decoration: none;
+				color: $color__link;
+			}
+		}
+
+		.svg-icon {
+			position: relative;
+			display: inline-block;
+			vertical-align: middle;
+			margin-right: 0.5em;
+		}
+	}
+
+	.entry-meta {
+		margin: $size__spacing-unit 0;
+	}
+
+	.entry-footer {
+
+		margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
+
+		@include media(tablet) {
+			margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
+			max-width: $size__site-tablet-content;
+		}
+
+		@include media(tablet) {
+			max-width: $size__site-desktop-content;
+		}
+	}
+
+	.post-thumbnail {
+
+		margin: $size__spacing-unit;
+
+		@include media(tablet) {
+			margin: $size__spacing-unit $size__site-margins;
+		}
+
+		&:focus {
+			outline: none;
+		}
+
+		.post-thumbnail-inner {
+			display: block;
+
+			img {
+				position: relative;
+				display: block;
+				width: 100%;
+			}
+		}
+	}
+
+	.image-filters-enabled & {
+
+		.post-thumbnail {
+			position: relative;
+			display: block;
+
+			.post-thumbnail-inner {
+				filter: grayscale(100%);
+
+				&:after {
+					background: rgba(0, 0, 0, 0.35);
+					content: "";
+					display: block;
+					height: 100%;
+					opacity: .5;
+					pointer-events: none;
+					position: absolute;
+					top: 0;
+					width: 100%;
+					z-index: 4;
+
+					@supports (mix-blend-mode: multiply) {
+						display: none;
+					}
+				}
+			}
+
+			&:before,
+			&:after {
+				position: absolute;
+				display: block;
+				width: 100%;
+				height: 100%;
+				top: 0; left: 0;
+				content: "\020";
+				pointer-events: none;
+			}
+
+			@include filter-duotone;
+
+		}
+	}
+
+	.entry-content,
+	.entry-summary {
+		max-width: calc(100% - (2 * #{ $size__spacing-unit }));
+		margin: 0 $size__spacing-unit;
+
+		@include media(tablet) {
+			max-width: 80%;
+			margin: 0 10%;
+			padding: 0 60px;
+		}
+	}
+
+	.entry-content {
+
+		p {
+			word-wrap: break-word;
+		}
+
+		.more-link {
+			@include link-transition;
+			display: inline;
+			color: inherit;
+
+			&:after {
+				content: "\02192";
+				display: inline-block;
+				margin-left: 0.5em;
+			}
+
+			&:hover {
+				color: $color__link;
+				text-decoration: none;
+			}
+		}
+
+		a {
+			text-decoration: underline;
+
+			&.button,
+			&:hover {
+				text-decoration: none;
+			}
+
+			&.button {
+				display: inline-block;
+			}
+
+			&.button:hover {
+				background: $color__background-button-hover;
+				color: $color__background-body;
+				cursor: pointer;
+			}
+		}
+
+		// Overwrite iframe embeds that have inline styles.
+		> iframe[style] {
+
+			margin: 32px 0 !important;
+			max-width: 100% !important;
+
+			@include media(tablet) {
+				max-width: $size__site-tablet-content !important;
+			}
+
+			@include media(desktop) {
+				max-width: $size__site-desktop-content !important;
+			}
+		}
+
+		// Page links
+		.page-links a {
+			margin: calc(0.5 * #{$size__spacing-unit});
+			text-decoration: none;
+		}
+
+		// Classic editor audio embeds.
+		.wp-audio-shortcode {
+			max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
+
+			@include media(tablet) {
+				max-width: $size__site-tablet-content;
+			}
+
+			@include media(desktop) {
+				max-width: $size__site-desktop-content;
+			}
+		}
+	}
+}
+
+/* Author description */
+
+.author-bio {
+	margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
+
+	@include postContentMaxWidth();
+
+	@include media(tablet) {
+		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
+	}
+
+	@include media(desktop) {
+		margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
+	}
+
+	.author-title {
+		@include post-section-dash;
+		display: inline;
+	}
+
+	.author-description {
+
+		display: inline;
+		color: $color__text-light;
+		font-size: $font__size-md;
+		line-height: $font__line-height-heading;
+
+		.author-link {
+			display: inline-block;
+
+			&:hover {
+				color: $color__link-hover;
+				text-decoration: none;
+			}
+		}
+	}
+}