Changeset 43860 for branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

Timestamp:

11/02/2018 11:52:16 PM (8 years ago)

Author:

allancole

Message:

Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.

Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: ​https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa.

File:

• branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss (modified) (7 diffs)

branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

@@ -123 +123 @@
                 margin-top: 0;
         }
+
+        .pingback {
+
+                .comment-body {
+                        color: $color__text-light;
+                        font-family: $font__heading;
+                        font-size: $font__size-xs;
+                        font-weight: 500;
+                        margin-bottom: $size__spacing-unit;
+
+                        a:not(.comment-edit-link) {
+                                font-weight: bold;
+                                font-size: $font__size-base / (1 * $font__size-ratio);
+                                line-height: 1.5;
+                                padding-right: #{0.5 * $size__spacing-unit};
+                                display: block;
+                        }
+
+                        .comment-edit-link {
+                                color: $color__text-light;
+                                font-family: $font__heading;
+                                font-weight: 500;
+                        }
+                }
+        }
 }
 
@@ -151 +176 @@
         }
 
-        &:hover > .comment-body > .comment-meta > .comment-metadata {
-                > .edit-link-sep,
-                > .edit-link {
-                        opacity: 1;
-                }
-        }
-
         .comment-body {
                 margin: calc(2 * #{$size__spacing-unit}) 0;
@@ -164 +182 @@
         .comment-meta {
                 position: relative;
+
+                @include media(tablet) {
+                        display: flex;
+                }
         }
 
@@ -169 +191 @@
 
                 @include media(tablet) {
-                        display: inline-block;
+                        flex: 0 0 auto;
                         vertical-align: baseline;
                 }
@@ -232 +254 @@
 
                 @include media(tablet) {
-                        display: inline-block;
+                        flex: 1 0 auto;
                         margin-left: $size__spacing-unit;
                         position: relative;
@@ -262 +284 @@
                         color: $color__text-light;
                         margin: 0 0.2em;
-                        opacity: 0;
-                        transition: opacity 200ms ease-in-out;
                         vertical-align: baseline;
                 }
@@ -269 +289 @@
                 .edit-link {
                         color: $color__text-light;
-                        transition: opacity 200ms ease-in-out;
-                        opacity: 0;
 
                         svg {