diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..db3d12b --- /dev/null +++ b/assets/css/main.css @@ -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); + } + +} diff --git a/fonts/ConcourseOT/concourse_ot_2_thin.woff2 b/fonts/ConcourseOT/concourse_ot_2_thin.woff2 deleted file mode 100644 index 8ef6f5a..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_2_thin.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_2_thin_italic.woff2 b/fonts/ConcourseOT/concourse_ot_2_thin_italic.woff2 deleted file mode 100644 index 4f7d06b..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_2_thin_italic.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_3_book.woff2 b/fonts/ConcourseOT/concourse_ot_3_book.woff2 deleted file mode 100644 index 16225e9..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_3_book.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_3_book_italic.woff2 b/fonts/ConcourseOT/concourse_ot_3_book_italic.woff2 deleted file mode 100644 index 25fc151..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_3_book_italic.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_4_medium.woff2 b/fonts/ConcourseOT/concourse_ot_4_medium.woff2 deleted file mode 100644 index 06fb38a..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_4_medium.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_4_medium_italic.woff2 b/fonts/ConcourseOT/concourse_ot_4_medium_italic.woff2 deleted file mode 100644 index 4dbf778..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_4_medium_italic.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_6_semibold.woff2 b/fonts/ConcourseOT/concourse_ot_6_semibold.woff2 deleted file mode 100644 index e533c34..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_6_semibold.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_6_semibold_italic.woff2 b/fonts/ConcourseOT/concourse_ot_6_semibold_italic.woff2 deleted file mode 100644 index a75a34c..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_6_semibold_italic.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_7_bold.woff2 b/fonts/ConcourseOT/concourse_ot_7_bold.woff2 deleted file mode 100644 index e2fcad0..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_7_bold.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_7_bold_italic.woff2 b/fonts/ConcourseOT/concourse_ot_7_bold_italic.woff2 deleted file mode 100644 index afc6c8a..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_7_bold_italic.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_8_black.woff2 b/fonts/ConcourseOT/concourse_ot_8_black.woff2 deleted file mode 100644 index 603b3eb..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_8_black.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/concourse_ot_8_black_italic.woff2 b/fonts/ConcourseOT/concourse_ot_8_black_italic.woff2 deleted file mode 100644 index 17f2c1e..0000000 Binary files a/fonts/ConcourseOT/concourse_ot_8_black_italic.woff2 and /dev/null differ diff --git a/fonts/ConcourseOT/sample.css b/fonts/ConcourseOT/sample.css deleted file mode 100644 index 828d582..0000000 --- a/fonts/ConcourseOT/sample.css +++ /dev/null @@ -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'); -} \ No newline at end of file diff --git a/fonts/ConcourseOT/sample.html b/fonts/ConcourseOT/sample.html deleted file mode 100644 index e6a58f7..0000000 --- a/fonts/ConcourseOT/sample.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - - -

concourse_ot_2_thin.woff2

-

concourse_ot_2_thin_italic.woff2

-

concourse_ot_2_thin_italic.woff2

-

concourse_ot_3_book.woff2

-

concourse_ot_3_book_italic.woff2

-

concourse_ot_3_book_italic.woff2

-

concourse_ot_4_medium.woff2

-

concourse_ot_4_medium_italic.woff2

-

concourse_ot_4_medium_italic.woff2

-

concourse_ot_6_semibold.woff2

-

concourse_ot_6_semibold_italic.woff2

-

concourse_ot_6_semibold_italic.woff2

-

concourse_ot_7_bold.woff2

-

concourse_ot_7_bold_italic.woff2

-

concourse_ot_7_bold_italic.woff2

-

concourse_ot_8_black.woff2

-

concourse_ot_8_black_italic.woff2

-

concourse_ot_8_black_italic.woff2

- - \ No newline at end of file diff --git a/functions.php b/functions.php index 4a387a7..e2cf226 100644 --- a/functions.php +++ b/functions.php @@ -1,8 +1,9 @@ get( 'Version' ) ); // 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' ); diff --git a/style.css b/style.css index 257b5ea..99b2c34 100644 --- a/style.css +++ b/style.css @@ -11,129 +11,3 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: accessibility-ready 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); - } - -}