Move actual styles to style css.
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
f661bc65f3
commit
99e3cf4f7b
126
assets/css/main.css
Normal file
126
assets/css/main.css
Normal file
@ -0,0 +1,126 @@
|
|||||||
|
/* 32m custom styles */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--red32m: #A02827;
|
||||||
|
--white32m: #FFFFFF;
|
||||||
|
--grey32m: #ECECEC;
|
||||||
|
--lrmargin: 2vw;
|
||||||
|
--desktop-lrmargin: 25vw;
|
||||||
|
--typeface: 'Concourse OT', sans-serif;
|
||||||
|
--typeface-body: 'Concourse OT', sans-serif;
|
||||||
|
--font-weight-bold: 700;
|
||||||
|
--font-weight-medium: 400;
|
||||||
|
--font-size-large: 1.4em;
|
||||||
|
--font-size-xlarge: 1.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
html {
|
||||||
|
background: none;
|
||||||
|
padding: 0 !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--white32m);
|
||||||
|
font-family: var(--typeface);
|
||||||
|
font-weight: var(--weight-medium);
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
border-radius: none;
|
||||||
|
box-shadow: none;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#page {
|
||||||
|
font-family: var(--typeface);
|
||||||
|
font-weight: var(--weight-medium);
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border-radius: none;
|
||||||
|
box-shadow: none;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.home {
|
||||||
|
background-color: var(--red32m);
|
||||||
|
padding: 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > div#page header#masthead {
|
||||||
|
background-color: var(--red32m);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.home > div#page header#masthead {
|
||||||
|
background-color: var(--white32m);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.home > div#page article header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.home > div#page article div.entry-content {
|
||||||
|
color: white;
|
||||||
|
font-weight: var(--weight-bold);
|
||||||
|
font-size: var(--font-size-xlarge);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.home form#search-form {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1.site-title {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.site-logo > a > img.custom-logo {
|
||||||
|
width: 10rem;
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.site-logo {
|
||||||
|
margin-left: var(--lrmargin);
|
||||||
|
}
|
||||||
|
|
||||||
|
div#content {
|
||||||
|
margin-left: var(--lrmargin);
|
||||||
|
margin-right: var(--lrmargin);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
footer#colophon {
|
||||||
|
background: var(--grey32m);
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer#colophon > p {
|
||||||
|
margin-left: var(--lrmargin);
|
||||||
|
margin-right: var(--lrmargin);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.home footer#colophon {
|
||||||
|
background: none;
|
||||||
|
color: var(--white32m);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
div.site-logo {
|
||||||
|
margin-left: var(--desktop-lrmargin);
|
||||||
|
}
|
||||||
|
|
||||||
|
div#content {
|
||||||
|
margin-left: var(--desktop-lrmargin);
|
||||||
|
margin-right: var(--desktop-lrmargin);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer#colophon > p {
|
||||||
|
margin-left: var(--desktop-lrmargin);
|
||||||
|
margin-right: var(--desktop-lrmargin);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,161 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: concourse_ot_2_thin;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_2_thin.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_2_thin;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_2_thin_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_2_thin_italic;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_2_thin_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_3_book;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_3_book.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_3_book;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_3_book_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_3_book_italic;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_3_book_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_4_medium;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_4_medium.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_4_medium;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_4_medium_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_4_medium_italic;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_4_medium_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_6_semibold;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_6_semibold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_6_semibold;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_6_semibold_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_6_semibold_italic;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_6_semibold_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_7_bold;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_7_bold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_7_bold;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_7_bold_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_7_bold_italic;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_7_bold_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_8_black;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_8_black.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_8_black;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_8_black_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: concourse_ot_8_black_italic;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-stretch: normal;
|
|
||||||
font-display: auto;
|
|
||||||
src: url('concourse_ot_8_black_italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<link rel="stylesheet" type="text/css" href="sample.css" />
|
|
||||||
</head>
|
|
||||||
<body style="font-size: 24px">
|
|
||||||
<p style="font-family: concourse_ot_2_thin">concourse_ot_2_thin.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_2_thin"><em>concourse_ot_2_thin_italic.woff2</em></p>
|
|
||||||
<p style="font-family: concourse_ot_2_thin_italic">concourse_ot_2_thin_italic.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_3_book">concourse_ot_3_book.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_3_book"><em>concourse_ot_3_book_italic.woff2</em></p>
|
|
||||||
<p style="font-family: concourse_ot_3_book_italic">concourse_ot_3_book_italic.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_4_medium">concourse_ot_4_medium.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_4_medium"><em>concourse_ot_4_medium_italic.woff2</em></p>
|
|
||||||
<p style="font-family: concourse_ot_4_medium_italic">concourse_ot_4_medium_italic.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_6_semibold">concourse_ot_6_semibold.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_6_semibold"><em>concourse_ot_6_semibold_italic.woff2</em></p>
|
|
||||||
<p style="font-family: concourse_ot_6_semibold_italic">concourse_ot_6_semibold_italic.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_7_bold">concourse_ot_7_bold.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_7_bold"><em>concourse_ot_7_bold_italic.woff2</em></p>
|
|
||||||
<p style="font-family: concourse_ot_7_bold_italic">concourse_ot_7_bold_italic.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_8_black">concourse_ot_8_black.woff2</p>
|
|
||||||
<p style="font-family: concourse_ot_8_black"><em>concourse_ot_8_black_italic.woff2</em></p>
|
|
||||||
<p style="font-family: concourse_ot_8_black_italic">concourse_ot_8_black_italic.woff2</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,8 +1,9 @@
|
|||||||
<?php
|
<?php
|
||||||
add_action( 'wp_enqueue_scripts', 'etcskel32m_enqueue_styles' );
|
add_action( 'wp_enqueue_scripts', 'etcskel32m_enqueue_styles' );
|
||||||
function etcskel32m_enqueue_styles() {
|
function etcskel32m_enqueue_styles() {
|
||||||
$parenthandle = 'parent-style';
|
$parenthandle = 'parent-style';
|
||||||
$theme = wp_get_theme();
|
$theme = wp_get_theme();
|
||||||
|
$child_directory = get_stylesheet_directory_uri();
|
||||||
wp_enqueue_style( $parenthandle,
|
wp_enqueue_style( $parenthandle,
|
||||||
get_template_directory_uri() . '/style.css',
|
get_template_directory_uri() . '/style.css',
|
||||||
array(),
|
array(),
|
||||||
@ -15,7 +16,8 @@ function etcskel32m_enqueue_styles() {
|
|||||||
$theme->get( 'Version' )
|
$theme->get( 'Version' )
|
||||||
);
|
);
|
||||||
// fonts
|
// fonts
|
||||||
wp_enqueue_style( 'etcskel32m-fonts', get_stylesheet_directory_uri() . '/assets/fonts/ConcourseOT/concourseot.css', false );
|
wp_enqueue_style( '32m-fonts', $child_directory . '/assets/fonts/ConcourseOT/concourseot.css', false );
|
||||||
|
wp_enqueue_style( '32m-main-css', $child_directory . '/assets/css/main.css', array(), false );
|
||||||
}
|
}
|
||||||
|
|
||||||
add_action( 'wp_enqueue_scripts', 'my_custom_fonts' );
|
add_action( 'wp_enqueue_scripts', 'my_custom_fonts' );
|
||||||
|
|||||||
126
style.css
126
style.css
@ -11,129 +11,3 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|||||||
Tags: accessibility-ready
|
Tags: accessibility-ready
|
||||||
Text Domain: etcskel32m
|
Text Domain: etcskel32m
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
|
||||||
--red32m: #A02827;
|
|
||||||
--white32m: #FFFFFF;
|
|
||||||
--grey32m: #ECECEC;
|
|
||||||
--lrmargin: 2vw;
|
|
||||||
--desktop-lrmargin: 25vw;
|
|
||||||
--typeface: 'Concourse OT', sans-serif;
|
|
||||||
--typeface-body: 'Concourse OT', sans-serif;
|
|
||||||
--font-weight-bold: 700;
|
|
||||||
--font-weight-medium: 400;
|
|
||||||
--font-size-large: 1.4em;
|
|
||||||
--font-size-xlarge: 1.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
html {
|
|
||||||
background: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--white32m);
|
|
||||||
font-family: var(--typeface);
|
|
||||||
font-weight: var(--weight-medium);
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border-radius: none;
|
|
||||||
box-shadow: none;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#page {
|
|
||||||
font-family: var(--typeface);
|
|
||||||
font-weight: var(--weight-medium);
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border-radius: none;
|
|
||||||
box-shadow: none;
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
body.home {
|
|
||||||
background-color: var(--red32m);
|
|
||||||
padding: 0;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
body > div#page header#masthead {
|
|
||||||
background-color: var(--red32m);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.home > div#page header#masthead {
|
|
||||||
background-color: var(--white32m);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.home > div#page article header {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.home > div#page article div.entry-content {
|
|
||||||
color: white;
|
|
||||||
font-weight: var(--weight-bold);
|
|
||||||
font-size: var(--font-size-xlarge);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.home form#search-form {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1.site-title {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.site-logo > a > img.custom-logo {
|
|
||||||
width: 10rem;
|
|
||||||
height: 10rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.site-logo {
|
|
||||||
margin-left: var(--lrmargin);
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content {
|
|
||||||
margin-left: var(--lrmargin);
|
|
||||||
margin-right: var(--lrmargin);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
footer#colophon {
|
|
||||||
background: var(--grey32m);
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer#colophon > p {
|
|
||||||
margin-left: var(--lrmargin);
|
|
||||||
margin-right: var(--lrmargin);
|
|
||||||
}
|
|
||||||
|
|
||||||
body.home footer#colophon {
|
|
||||||
background: none;
|
|
||||||
color: var(--white32m);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 640px) {
|
|
||||||
div.site-logo {
|
|
||||||
margin-left: var(--desktop-lrmargin);
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content {
|
|
||||||
margin-left: var(--desktop-lrmargin);
|
|
||||||
margin-right: var(--desktop-lrmargin);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer#colophon > p {
|
|
||||||
margin-left: var(--desktop-lrmargin);
|
|
||||||
margin-right: var(--desktop-lrmargin);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user