Changeset 3825 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_single.scss

Timestamp:

08/18/2016 01:17:38 AM (9 years ago)

Author:

obenland

Message:

Plugin Directory: Accordion view for plugin FAQs

Includes a refactoring of plugin sections to be more modular.

See #1810.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin

Files:

• . (added)
• _single.scss (moved) (moved from sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_single.scss

@@ -1 @@
-@import "../../variables-site/variables-site";
+@import "../../../variables-site/variables-site";
 
 .single .type-plugin {
@@ -89 +89 @@
         }
 
-        .plugin-favorite{
+        .plugin-favorite {
             display: inline-block;
             height: 36px;
@@ -162 +162 @@
         }
 
-        .read-more {
-            border-bottom: 2px solid #eee;
-            max-height: 200px;
-            overflow: hidden;
-            padding-bottom: 1px;
-
-            &#reviews {
-                max-height: none;
-                overflow: auto;
-            }
-
-            h1, h2, h3 {
-                @include font-size( ms-unitless( ms(0) ) );
-                font-weight: 600;
-                letter-spacing: 0.16px;
-                letter-spacing: 0.01rem;
-                text-transform: uppercase;
-
-                &:nth-child(2) {
-                    margin-top: 0;
-                }
-            }
-
-            h4, h5, h6 {
-                @include font-size( ms-unitless( ms(-2) ) );
-                font-weight: 600;
-                letter-spacing: 0.8px;
-                letter-spacing: 0.05rem;
-                text-transform: uppercase;
-
-                &:nth-child(2) {
-                    margin-top: 0;
-                }
-            }
-
-            h2:first-of-type {
-                @include font-size( ms-unitless( ms(2) ) );
-
-                // Override wp4.css.
-                border: none;
-                color: $color__text-main;
-                font-weight: 600;
-                padding: 0;
-                text-transform: inherit;
-            }
-
-            p:first-child {
-                margin-top: 0;
-            }
-
-            &.toggled {
-                max-height: none;
-            }
-        }
-
-        .section-toggle {
-            color: $color__link;
-            cursor: pointer;
-            @include font-size( ms-unitless( ms(-2) ) );
-            margin-top: 8px;
-            margin-top: 0.5rem;
-            position: relative;
-
-            &:after {
-                content: "\f347";
-                font-family: dashicons;
-                padding-left: 5px;
-                vertical-align: text-top;
-            }
-        }
-
-        .toggled + .section-toggle:after {
-            content: "\f343";
-        }
-
-        .reviews-link {
-            display: inline-block;
-            @include font-size( ms-unitless( ms(-2) ) );
-            margin-top: 8px;
-            margin-top: 0.5rem;
-
-            &:after {
-                content: "\f345";
-                font-family: dashicons;
-                vertical-align: text-top;
-            }
-        }
-
-        .plugin-screenshots {
-            list-style-type: none;
-            margin: 0;
-            padding: 0;
-
-            figcaption {
-                font-style: italic;
-            }
-        }
-
-        .plugin-reviews {
-            list-style-type: none;
-            margin: 0;
-            padding: 0;
-
-            .plugin-review + .plugin-review {
-                margin: 32px 0 16px;
-                margin: 2rem 0 1rem;
-            }
-
-            .review-avatar {
-                display: none;
-            }
-
-            .review,
-            .wporg-ratings,
-            .review-author {
-                display: inline-block;
-                vertical-align: top;
-            }
-
-            .review-header {
-                margin: 0 0 8px;
-                margin: 0 0 0.5rem;
-            }
-
-            .review-title {
-                @include font-size( ms-unitless( ms(0) ) );
-                font-weight: 600;
-                letter-spacing: 0.16px;
-                letter-spacing: 0.01rem;
-                margin: 0 0 8px;
-                margin: 0 0 0.5rem;
-                text-transform: inherit;
-            }
-
-            .review-author {
-                line-height: 1.25;
-                margin-left: 10px;
-            }
-
-            @media screen and ( min-width: $ms-breakpoint ) {
-                .review-avatar {
-                    display: inline-block;
-                    vertical-align: top;
-
-                    .avatar {
-                        margin-right: 16px;
-                        margin-right: 1rem;
-                    }
-                }
-
-                .review {
-                    width: calc(100% - 60px - 1rem);
-                }
-
-                .review-header {
-                    margin: 0;
-                }
-
-                .review-author {
-                    line-height: 1;
-                }
-            }
-        }
-
-        .plugin-developers {
-            list-style-type: none;
-            margin: 0;
-
-            li {
-                display: inline-block;
-                margin: 0 4% 16px 0;
-                margin: 0 4% 1rem 0;
-                vertical-align: top;
-                width: 48%;
-
-                &:nth-of-type( even ) {
-                    margin-right: 0;
-                }
-            }
-        }
-
-        .avatar {
-            border-radius: 50%;
-            margin-right: 10px;
-            vertical-align: middle;
-        }
+        @import 'section/index';
+        @import 'section/screenshots';
+        @import 'section/faq';
+        @import 'section/reviews';
+        @import 'section/developers';
     }