Changeset 10451

Timestamp:

01/16/2016 01:31:44 PM (9 years ago)

Author:

hnla

Message:

Update twenty* companion scss files
Commit addresses visual formatting errors highlighted by new scss-lint version.

See #6825 Props netweb

Location:

trunk/src/bp-templates/bp-legacy/css

Files:

• twentyfifteen.scss (modified) (14 diffs)
• twentyfourteen.scss (modified) (6 diffs)
• twentysixteen.scss (modified) (9 diffs)
• twentythirteen.scss (modified) (18 diffs)
• twentytwelve.scss (modified) (8 diffs)

trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

@@ -230 +230 @@
     main {
         padding-top: 4%;
+
         @media screen and (min-width: 59.6875em) {
             padding-top: 0;
@@ -237 +238 @@
             margin: 0 4%;
             padding-top: 8.3333%;
+
             @media screen and (min-width: 59.6875em) {
                 margin: 0 0 0 1px;
             }
+
             @media screen and (min-width: 87.6875em) {
                 margin: 0 4.3333% 0 8.3333%;
@@ -257 +260 @@
     .site-footer {
         margin: 0 4%;
+
         @media screen and (min-width: 59.6875em) {
             margin: 0 0 0 35.2941%;
@@ -591 +595 @@
                     padding: 0;
                 }
+
                 position: relative;
                 text-align: left;
@@ -831 +836 @@
                     display: block;
                     margin: 0 0 $spacing-val-xs;
+
                     @media screen and (min-width: 38.75em) {
                         display: inline-block;
@@ -877 +883 @@
                         @include font-size(20);
                     }
+
                     margin-bottom: $spacing-val-lg;
                     p {padding: $spacing-val-md;}
@@ -907 +914 @@
                 background: rgba($light-background, 0.6);
                 margin: 15px 0 0 2px;
+
                 @media screen and (min-width: 38.75em) {
                     margin-left: 70px;
@@ -1148 +1156 @@
                         @include font-size(16);
                     }
+
                     padding: 0.2em;
                 }
@@ -1407 +1416 @@
                         @include font-size(16);
                     }
+
                     margin: 0;
 
@@ -1432 +1442 @@
                 padding: $spacing-val-md 0;
             }
+
             width: 100%;
 
@@ -1555 +1566 @@
             float: left;
             width: 100%;
+
             @media screen and (min-width: 30em) {
                 width: 50%;
@@ -1806 +1818 @@
                 td.thread-from {
                     height: 2.6em;
+
                     @media screen and (max-width: 38.75em) {
                         height: 5.2em;
@@ -1845 +1858 @@
                     float: right;
                     line-height: 2;
+
                     @media screen and (max-width: 38.75em) {
                         clear: both;
@@ -2249 +2263 @@
         div#message {
             margin-top: $spacing-val-md;
+
             @media screen and (min-width: 55em) {
                 margin-right: $spacing-val-md;

trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

@@ -280 +280 @@
                 }
             }
+
             @media screen and (min-width: 594px) {
                 li {
@@ -1253 +1254 @@
                 @include box-model(border-box);
                 float: left;
+
                 @media screen and (max-width: 400px) {
                     margin: 0;
@@ -1261 +1263 @@
                     }
                 }
+
                 @media screen and (min-width: 783px) {
                     margin-left: 3px;
@@ -1456 +1459 @@
                 border-left: 0;
                 height: 2.6em;
+
                 @media screen and (max-width: 320px) {
                     height: 5.2em;
@@ -1496 +1500 @@
                 float: right;
                 line-height: 2;
+
                 @media screen and (max-width: 320px) {
                     clear: both;
@@ -1851 +1856 @@
     }
 }
-

trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

@@ -727 +727 @@
             .item-avatar {
                 margin-bottom: $spacing-val-sm;
+
                 @media screen and (min-width: 38.75em) {
                     margin-bottom: 0;
                 }
+
                 text-align: center;
 
@@ -749 +751 @@
             .item {
                 overflow: hidden;
+
                 @media screen and (min-width: 46.25em) {
                     margin-left: 15%;
@@ -1043 +1046 @@
                     display: block;
                     margin-bottom: $spacing-val-xs;
+
                     @media screen and (min-width: 38.75em) {
                         display: inline-block;
@@ -1088 +1092 @@
                         @include font-size(20);
                     }
+
                     margin-bottom: $spacing-val-lg;
                     p {padding: $spacing-val-md;}
@@ -1359 +1364 @@
                         @include font-size(16);
                     }
+
                     padding: 0.2em;
                 }
@@ -1570 +1576 @@
                 padding: $spacing-val-md 0;
             }
+
             width: 100%;
 
@@ -1632 +1639 @@
             float: left;
             width: 100%;
+
             @media screen and (min-width: 38.75em) {
                 width: 300px;
@@ -1875 +1883 @@
                 td.thread-from {
                     height: 3em;
+
                     @media screen and (max-width: 38.75em) {
                         height: 5.2em;
@@ -1914 +1923 @@
                     float: right;
                     line-height: 2;
+
                     @media screen and (max-width: 38.75em) {
                         clear: both;

trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

@@ -226 +226 @@
         #content {padding: 0 $spacing-val-md;}
     }
+
     @media (max-width: 643px) {
         #content {padding: 0;}
@@ -636 +637 @@
             .item-avatar {
                 margin-bottom: $spacing-val-sm;
+
                 @media screen and (min-width: 38.75em) {
                     margin-bottom: 0;
                 }
+
                 text-align: center;
 
@@ -657 +660 @@
             .item {
                 overflow: hidden;
+
                 @media screen and (min-width: 46.25em) {
                     margin-left: 15%;
@@ -679 +683 @@
                         text-align: left;
                     }
+
                     width: 100%;
 
@@ -688 +693 @@
                             @include font-size(14);
                         }
+
                         padding: $spacing-val-sm 0;
                         text-align: left;
@@ -951 +957 @@
                     display: block;
                     margin-bottom: $spacing-val-xs;
+
                     @media screen and (min-width: 38.75em) {
                         display: inline-block;
@@ -996 +1003 @@
                         @include font-size(20);
                     }
+
                     margin-bottom: $spacing-val-lg;
                     p {padding: $spacing-val-md;}
@@ -1136 +1144 @@
             margin-bottom: $spacing-val-sm;
             text-align: center;
+
             @media screen and (min-width: 46.25em) {
                 text-align: left;
@@ -1280 +1289 @@
                         @include font-size(16);
                     }
+
                     padding: 0.2em;
                 }
@@ -1318 +1328 @@
                 #item-actions {
                     border: 0;
+
                     @media screen and (max-width: 46.25em) {
                         clear: both !important;
                     }
+
                     float: none;
                     width: auto;
@@ -1561 +1573 @@
                 padding: $spacing-val-md 0;
             }
+
             width: 100%;
 
@@ -1591 +1604 @@
         .left-menu {
             float: none;
+
             @media screen and (min-width: 46.25em) {
                 float: left;
@@ -1602 +1616 @@
             padding: 0 0.3em 0.5em;
             width: auto;
+
             @media screen and (min-width: 46.25em) {
                 width: 220px;
@@ -1613 +1628 @@
         .main-column {
             margin-left: 0;
+
             @media screen and (min-width: 46.25em) {
                 margin-left: 235px;
@@ -1664 +1680 @@
             float: left;
             width: 100%;
+
             @media screen and (min-width: 38.75em) {
                 width: 300px;
@@ -1901 +1918 @@
                 td.thread-from {
                     height: 3em;
+
                     @media screen and (max-width: 38.75em) {
                         height: 5.2em;
@@ -1944 +1962 @@
                     float: right;
                     line-height: 2;
+
                     @media screen and (max-width: 38.75em) {
                         clear: both;
@@ -2155 +2174 @@
                 float: left;
                 width: 60%;
+
                 @media screen and (min-width: 46.25em) {
                     width: 80%;

trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss

@@ -650 +650 @@
             .item-avatar {
                 margin-bottom: $spacing-val-sm;
+
                 @media screen and (min-width: 37.500em) {
                     margin-bottom: 0;
                 }
+
                 text-align: center;
 
@@ -678 +680 @@
                     margin-left: 15%;
                 }
+
                 overflow: hidden;
 
@@ -1005 +1008 @@
                     @include font-size(14);
                     margin-bottom: $spacing-val-xs;
+
                     @media screen and (min-width: 37.500em) {
                         float: left;
                         margin-bottom: 0;
                     }
+
                     padding: 0.2em 0.5em;
                 }
@@ -1050 +1055 @@
                         @include font-size(20);
                     }
+
                     margin-bottom: $spacing-val-lg;
                     p {padding: $spacing-val-md;}
@@ -1602 +1608 @@
                 padding: $spacing-val-md 0;
             }
+
             width: 100%;
 
@@ -1659 +1666 @@
             float: left;
             width: 100%;
+
             @media screen and (min-width: 37.500em) {
                 width: 40%;
@@ -1936 +1944 @@
                 td.thread-from {
                     height: 3em;
+
                     @media screen and (max-width: 37.500em) {
                         height: 5.2em;
@@ -1975 +1984 @@
                     float: right;
                     line-height: 2;
+
                     @media screen and (max-width: 37.500em) {
                         clear: both;