Changeset 10309 for trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

Timestamp:

10/25/2015 12:18:39 PM (10 years ago)

Author:

hnla

Message:

Twentythirteen Companion styles updates.

• Updates list elements for groups & member screens, improves item-desc & .update elements for small screens, centres blocks and titles.

• Adjust bp search box for label input widths ,wider for small screens & correct input text width to 100% of it's parent label.

See #6533

File:

• trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss (modified) (6 diffs)

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

@@ -666 +666 @@
 
                 .item-desc {
-                    margin-left: 0;
-                    width: 94%;
+                    margin: 0 auto;
+                    width: 100%;
                 }
 
@@ -673 +673 @@
                     @include font-size(18);
                     line-height: 1.2;
+                    margin: 0 auto;
+                    text-align: center;
+
+                    @media screen and (min-width: 38.75em) {
+                        text-align: left;
+                    }
+                    width: 100%;
 
                     .update {
                         @include font-size(12);
+                        display: block;
 
                         @media screen and (min-width: 59.6875em) {
                             @include font-size(14);
                         }
-                    }
-                }
+                        padding: $spacing-val-sm 0;
+                        text-align: left;
+                    }
+
+                } // .item-title
 
             }
@@ -693 +704 @@
 
                 .item {
-                    left: 10%;
+                    left: 5%;
                     margin-left: 0;
                     position: relative;
@@ -2143 +2154 @@
             label {
                 float: left;
-                width: 80%;
+                width: 60%;
+                @media screen and (min-width: 46.25em) {
+                    width: 80%;
+                }
             }
 
@@ -2149 +2163 @@
                 float: left;
                 margin: 0;
-                width: 80%;
+                width: 100%;
             }
 
@@ -2170 +2184 @@
                 text-align: center;
                 text-transform: none;
-                width: 20%;
+                width: 40%;
+
+                @media screen and (min-width: 46.25em) {
+                    width: 20%;
+                }
+
             }
         } // close form