mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-07-19 08:25:44 +03:00
Theme: Initial commit.
This was forked from `pub/wporg-main` and `pub/wporg-plugins`, and then customized.
This commit is contained in:
commit
de191e098b
38 changed files with 4532 additions and 0 deletions
7
themes/wporg-5ftf/css/base/_base.scss
Normal file
7
themes/wporg-5ftf/css/base/_base.scss
Normal 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";
|
150
themes/wporg-5ftf/css/components/_about.scss
Normal file
150
themes/wporg-5ftf/css/components/_about.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
35
themes/wporg-5ftf/css/components/_child-pages.scss
Normal file
35
themes/wporg-5ftf/css/components/_child-pages.scss
Normal 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;
|
||||
}
|
||||
}
|
25
themes/wporg-5ftf/css/components/_components.scss
Normal file
25
themes/wporg-5ftf/css/components/_components.scss
Normal 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";
|
3
themes/wporg-5ftf/css/components/_entry-content.scss
Normal file
3
themes/wporg-5ftf/css/components/_entry-content.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
.entry-content {
|
||||
hyphens: none;
|
||||
}
|
14
themes/wporg-5ftf/css/components/_wporg-header.scss
Normal file
14
themes/wporg-5ftf/css/components/_wporg-header.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
2
themes/wporg-5ftf/css/generic/_generic.scss
Normal file
2
themes/wporg-5ftf/css/generic/_generic.scss
Normal file
|
@ -0,0 +1,2 @@
|
|||
@import "../../../wporg/css/generic/kube";
|
||||
@import "../../../wporg/css/generic/normalize";
|
3
themes/wporg-5ftf/css/objects/_buttons.scss
Normal file
3
themes/wporg-5ftf/css/objects/_buttons.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
input[type="submit"] {
|
||||
@extend .button;
|
||||
}
|
11
themes/wporg-5ftf/css/objects/_objects.scss
Normal file
11
themes/wporg-5ftf/css/objects/_objects.scss
Normal 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";
|
23
themes/wporg-5ftf/css/objects/_parallelogram.scss
Normal file
23
themes/wporg-5ftf/css/objects/_parallelogram.scss
Normal 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 );
|
||||
}
|
||||
}
|
29
themes/wporg-5ftf/css/objects/_site-header.scss
Normal file
29
themes/wporg-5ftf/css/objects/_site-header.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
4
themes/wporg-5ftf/css/settings/_settings.scss
Normal file
4
themes/wporg-5ftf/css/settings/_settings.scss
Normal 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";
|
1
themes/wporg-5ftf/css/style-rtl.css
Normal file
1
themes/wporg-5ftf/css/style-rtl.css
Normal file
File diff suppressed because one or more lines are too long
1
themes/wporg-5ftf/css/style.css
Normal file
1
themes/wporg-5ftf/css/style.css
Normal file
File diff suppressed because one or more lines are too long
29
themes/wporg-5ftf/css/style.scss
Normal file
29
themes/wporg-5ftf/css/style.scss
Normal 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";
|
3
themes/wporg-5ftf/css/tools/_tools.scss
Normal file
3
themes/wporg-5ftf/css/tools/_tools.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
@import "../../../wporg/css/tools/breakpoint";
|
||||
@import "../../../wporg/css/tools/kube";
|
||||
@import "../../../wporg/css/tools/modular-scale";
|
0
themes/wporg-5ftf/css/trumps/_trumps.scss
Normal file
0
themes/wporg-5ftf/css/trumps/_trumps.scss
Normal file
Loading…
Add table
Add a link
Reference in a new issue