Theme: Initial commit.

This was forked from `pub/wporg-main` and `pub/wporg-plugins`, and then customized.
This commit is contained in:
Ian Dunn 2019-09-24 14:37:41 -07:00
commit de191e098b
No known key found for this signature in database
GPG key ID: 99B971B50343CBCB
38 changed files with 4532 additions and 0 deletions

View file

@ -0,0 +1,7 @@
@import "../../../wporg/css/base/copy";
@import "../../../wporg/css/base/elements";
@import "../../../wporg/css/base/headings";
@import "../../../wporg/css/base/links";
@import "../../../wporg/css/base/lists";
@import "../../../wporg/css/base/tables";
@import "../../../wporg/css/base/typography";

View file

@ -0,0 +1,150 @@
body.page-about {
overflow-x: hidden;
.entry-header {
padding: ms( 4 ) ms( 1 );
text-align: center;
.entry-title {
font-size: ms( 12 );
line-height: 1;
margin: 2rem auto 1rem;
@include breakpoint( 0, 480px ) {
font-size: ms( 10 );
}
}
.entry-description {
color: rgba( 255, 255, 255, 0.8 );
font-size: ms( 2 );
font-weight: 300;
margin: -.4rem auto 2rem;
}
}
.shapes {
height: 480px;
margin: 4rem 0;
position: relative;
.parallelogram {
height: 260px;
width: 310px;
&:hover,
&:focus,
&:active {
text-decoration: none;
}
&.technology {
background-color: darken( #0073aa, 2% );
top: 0;
left: 0;
z-index: 1;
&:hover,
&:focus,
&:active {
background-color: darken( #0073aa, 12% );;
}
}
&.community {
background-color: #67598e;
right: 0;
bottom: 0;
&:hover,
&:focus,
&:active {
background-color: darken( #67598e, 10% );
}
}
h3, p {
margin: 0;
transform: skew( 15deg );
}
}
@include breakpoint( 480px ) {
height: 610px;
.parallelogram {
height: 336px;
padding: 7rem 0;
width: 400px;
}
}
@include breakpoint( 640px ) {
height: 580px;
.parallelogram {
height: 315px;
padding: 5rem 0;
width: 480px;
&:before {
font-size: ms( 14 );
height: 84px;
width: 84px;
}
}
}
@include breakpoint( 768px ) {
height: 323px;
margin: 4rem 0;
.parallelogram {
height: 282px;
padding: 4rem 0;
width: 430px;
&.technology {
left: auto;
right: 45%;
top: 40px;
}
&.community {
bottom: auto;
left: 45%;
}
}
}
@include breakpoint( 1024px ) {
height: 420px;
.parallelogram {
height: 380px;
padding: 6rem 0;
width: 580px;
&.technology {
right: 43%;
}
&.community {
left: 43%;
}
&:before {
font-size: ms( 16 );
height: 108px;
width: 108px;
}
}
}
}
.areas {
h3 {
@extend h4;
}
}
}

View file

@ -0,0 +1,35 @@
// Styles for child pages.
body.page-child {
.site-title a {
color: #fff;
text-decoration: none;
&:hover,
&:active {
color: #fff;
}
}
.entry-header {
background: none;
margin: 0 auto;
max-width: 960px;
padding: 0 ms( 4 );
.entry-title {
color: inherit;
font-size: ms( 8 );
font-weight: 400;
line-height: 1.5;
margin: 2rem auto 1rem;
@include breakpoint( 0, $ms-breakpoint ) {
padding: 0;
}
}
}
.entry-content {
padding-top: 0;
}
}

View file

@ -0,0 +1,25 @@
@import "../../../wporg/css/components/404";
@import "../../../wporg/css/components/comments";
@import "../../../wporg/css/components/entry-content";
@import "../../../wporg/css/components/entry-header";
@import "../../../wporg/css/components/entry-meta";
@import "../../../wporg/css/components/entry-summary";
@import "../../../wporg/css/components/entry";
@import "../../../wporg/css/components/gallery";
@import "../../../wporg/css/components/main-navigation";
@import "../../../wporg/css/components/page";
@import "../../../wporg/css/components/post-navigation";
@import "../../../wporg/css/components/posts-navigation";
@import "../../../wporg/css/components/search-form";
@import "../../../wporg/css/components/search";
@import "../../../wporg/css/components/site-content";
@import "../../../wporg/css/components/site-description";
@import "../../../wporg/css/components/site-header";
@import "../../../wporg/css/components/site-title";
@import "../../../wporg/css/components/widget-area";
@import "../../../wporg/css/components/wporg-footer";
@import "../../../wporg/css/components/wporg-header";
@import "about";
@import "child-pages";
@import "entry-content";
@import "wporg-header";

View file

@ -0,0 +1,3 @@
.entry-content {
hyphens: none;
}

View file

@ -0,0 +1,14 @@
#wporg-header {
@include breakpoint( $sm ) {
ul li.current-menu-item:after,
ul li.current_page_parent:after,
ul li a.current ~ .uparrow {
body.blog &,
body.search &,
body.single &,
body.archive & {
border-bottom-color: #f7f7f7;
}
}
}
}

View file

@ -0,0 +1,2 @@
@import "../../../wporg/css/generic/kube";
@import "../../../wporg/css/generic/normalize";

View file

@ -0,0 +1,3 @@
input[type="submit"] {
@extend .button;
}

View file

@ -0,0 +1,11 @@
@import "../../../wporg/css/objects/accessibility";
@import "../../../wporg/css/objects/alignments";
@import "../../../wporg/css/objects/buttons";
@import "../../../wporg/css/objects/clearings";
@import "../../../wporg/css/objects/copy";
@import "../../../wporg/css/objects/inputs";
@import "../../../wporg/css/objects/links";
@import "../../../wporg/css/objects/notices";
@import "buttons";
@import "parallelogram";
@import "site-header";

View file

@ -0,0 +1,23 @@
.parallelogram {
color: #fff;
display: block;
margin: 0 auto;
opacity: 0.9;
padding: 4.7rem 0;
position: absolute;
text-align: center;
transform: skew( -15deg) ;
&:before {
font-size: ms( 12 );
height: 64px;
position: relative;
right: 1rem;
transform: skew( 15deg );
width: 64px;
}
> * {
transform: skew( 15deg );
}
}

View file

@ -0,0 +1,29 @@
.site-header {
.home & {
background: #0073aa;
@include breakpoint( $ms-breakpoint ) {
padding: ms( 10 ) ms( 4 );
}
.site-title {
color: #fff;
display: block;
font-size: ms( 10 );
font-weight: 300;
line-height: 1;
margin: 2rem 0 1rem;
text-align: center;
@include breakpoint( $ms-breakpoint ) {
font-size: ms( 12 );
}
}
.site-description {
color: #fff;
max-width: ms( 32 );
padding: 11px 0;
}
}
}

View file

@ -0,0 +1,4 @@
@import "../../../wporg/css/settings/colors";
@import "../../../wporg/css/settings/modular-scale";
@import "../../../wporg/css/settings/structure";
@import "../../../wporg/css/settings/typography";

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,29 @@
//--------------------------------------------------------------
// 01 Settings
//------------------------------------------------------------*/
@import "settings/settings";
//--------------------------------------------------------------
// 02 Tools
//------------------------------------------------------------*/
@import "tools/tools";
//--------------------------------------------------------------
// 03 Generic
//------------------------------------------------------------*/
@import "generic/generic";
//--------------------------------------------------------------
// 04 Base
//------------------------------------------------------------*/
@import "base/base";
//--------------------------------------------------------------
// 05 Objects
//------------------------------------------------------------*/
@import "objects/objects";
//--------------------------------------------------------------
// 06 Components
//------------------------------------------------------------*/
@import "components/components";

View file

@ -0,0 +1,3 @@
@import "../../../wporg/css/tools/breakpoint";
@import "../../../wporg/css/tools/kube";
@import "../../../wporg/css/tools/modular-scale";