Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
06/13/2017 04:38:30 AM (9 years ago)
Author:
netweb
Message:

Build Tools: Use stylelint to lint CSS and SCSS files.

  • Switches to using ​https://stylelint.io/ for CSS and SCSS linting
  • Removes the Ruby SCSS lint tool configuration and Grunt tasks
  • One less dependency platform for which BuddyPress repo tool chain.

Props netweb, hnla, DJPaul.
Fixes #7028.

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r11586 r11587  
    2121// These differ from other WP themes in using fewer breakpoints
    2222// and in using max-width rather than min-width
    23 // In addition BP will use the em breakpoints as used for twentyfifteen referenced below.
     23// In addition BP will use the em breakpoints as used for twentyfifteen
     24// referenced below.
    2425// @media screen and (max-width: 22em) // Additional for xtra small mobile only
    2526// @media screen and (max-width: 30em) // Additional small only
    … …  
    167168in your child themes root & either start over or modify the rulesets.
    168169
    169 If you do not require the styles you can dequeue them from the themes functions file.
     170If you do not require the styles you can dequeue them from the themes
     171functions file.
    170172
    171173Please see this codex article for more information:
    … …  
    221223
    222224.buddypress {
    223         div.clear {display: none;}
     225
     226        div.clear {
     227                display: none;
     228        }
    224229
    225230        // re-factor main themes primary elements widths for BP screens
    226231        @media (max-width: 999px) {
    227                 #content {padding: 0 $spacing-val-md;}
     232
     233                #content {
     234                        padding: 0 $spacing-val-md;
     235                }
    228236        }
    229237
    230238        @media (max-width: 643px) {
    231                 #content {padding: 0;}
     239
     240                #content {
     241                        padding: 0;
     242                }
    232243        }
    233244
    … …  
    246257*-------------------------------------------------------------------------------
    247258*/
    248 
    249259
    250260
    … …  
    264274        // Global Nav Styles
    265275        div.item-list-tabs {
     276
    266277                ul {
    267278                        background-color: $cream-background;
    … …  
    272283
    273284                        li {
     285
    274286                                a {
    275                                         span {border-radius: 25%;}
     287
     288                                        span {
     289                                                border-radius: 25%;
     290                                        }
    276291                                }
    277292                        }
    … …  
    282297
    283298.bp-user {
     299
    284300        #buddypress {
     301
    285302                @media screen and (max-width: 38.75em) {
    286303
    … …  
    307324                                &:hover,
    308325                                &:focus {
    309                                         &:before {content: "Menu \021E7";}
     326
     327                                        &:before {
     328                                                content: "Menu \021E7";
     329                                        }
    310330
    311331                                        ul {
    … …  
    318338                        }
    319339
    320                         #subnav {clear: both;}
     340                        #subnav {
     341                                clear: both;
     342                        }
    321343
    322344                } // close @media
    323345        }
    324346}
     347
    325348/*__ Horizontal menus & small screen __*/
    326349
    … …  
    333356
    334357                        li {
     358
    335359                                @media screen and (max-width: 38.75em) {
     360
    336361                                        &:focus,
    337362                                        &:hover {
    … …  
    344369
    345370                        @media screen and (max-width: 38.75em) {
     371
    346372                                li:not(:last-child) {
    347373                                        border-bottom: 1px solid $border-light;
    … …  
    350376
    351377                        @media screen and (min-width: 38.75em) {
     378
    352379                                li {
    353380                                        float: left;
    … …  
    382409                                label,
    383410                                option {
     411
    384412                                        @include font-size(14);
    385413                                }
    … …  
    391419
    392420                        @media screen and (min-width: 38.75em) {
     421
    393422                                li.last {
    394423                                        text-align: right;
    … …  
    400429        // active/current states all navs
    401430        div.item-list-tabs {
     431
    402432                ul {
     433
    403434                        li.selected,
    404435                        li.current {
     436
    405437                                a {
    406438                                        background: none;
    … …  
    417449// This block contains rules to re-factor the item-body structural element
    418450// to sit alongside the vert menu
    419 // As 2013 has an inner sidebar which if active can narrow screen too far
    420 // for a columner nav we'll only use these rules if no sidebar 'body:not(.sidebar)'.
     451// As 2013 has an inner sidebar which if active can narrow screen too far for
     452// a columner nav we'll only use these rules if no sidebar 'body:not(.sidebar)'.
    421453
    422454@media screen and (min-width: 55em) {
    423455
    424456        body:not(.sidebar) {
     457
    425458                #buddypress {
    426459
    … …  
    464497                                        margin: 0 0 0 (-$spacing-val-md);
    465498
    466                                         ul {margin-top: 0;}
     499                                        ul {
     500                                                margin-top: 0;
     501                                        }
    467502                                }
    468503                        }
    … …  
    477512
    478513@media screen and (min-width: 46.25em) {
     514
    479515        #main {
     516
    480517                #buddypress {
    481518
    … …  
    508545                                                border: 1px solid $border-med;
    509546                                                border-bottom-color: $content-background;
     547
    510548                                                @include border-top-radius(4px);
    511549                                                margin-bottom: -1px;
    … …  
    522560
    523561                        #subnav {
     562
    524563                                ul {
    525564                                        border-bottom: 0;
    … …  
    538577
    539578#buddypress {
     579
    540580        div.pagination {
    541581                box-shadow: none;
    542                 .pag-count {margin-left: 0;}
     582
     583                .pag-count {
     584                        margin-left: 0;
     585                }
     586
    543587                .pagination-links {
    544588                        margin-right: 0;
    … …  
    557601                                overflow: visible;
    558602                                width: auto;
    559                                 &:before {display: none;}
     603
     604                                &:before {
     605                                        display: none;
     606                                }
    560607                        }
    561608
    … …  
    581628// Adjusts Meta items and various elements to match 2013 font-family
    582629#buddypress {
     630
    583631        .item-list {
     632
    584633                .activity-header,
    585634                .activity-meta {
     635
    586636                        @include default-font-sans();
    587637                }
    … …  
    590640
    591641#buddypress {
     642
    592643        .activity-meta {
     644
    593645                .button {
     646
    594647                        &:focus,
    595648                        &:hover {
    … …  
    601654
    602655        .action {
     656
    603657                .generic-button {
     658
    604659                        a {
     660
    605661                                &:focus,
    606662                                &:hover {
    … …  
    622678
    623679#buddypress {
     680
    624681        ul.item-list {
     682
    625683                li {
    626684                        overflow: hidden !important;
    … …  
    636694                                text-align: center;
    637695
    638                                 a {border-bottom: 0;}
     696                                a {
     697                                        border-bottom: 0;
     698                                }
    639699
    640700                                img.avatar {
    … …  
    667727
    668728                                .item-title {
     729
    669730                                        @include font-size(18);
    670731                                        line-height: 1.2;
    … …  
    679740
    680741                                        .update {
     742
    681743                                                @include font-size(12);
    682744                                                display: block;
    683745
    684746                                                @media screen and (min-width: 59.6875em) {
     747
    685748                                                        @include font-size(14);
    686749                                                }
    … …  
    695758
    696759                        @media screen and (min-width: 59.6875em) {
     760
    697761                                .item-avatar,
    698762                                .item,
    … …  
    708772
    709773                                        .item-title {
    710                                                 @include font-size(22)
     774
     775                                                @include font-size(22);
    711776                                        }
    712777                                }
    … …  
    784849
    785850#buddypress {
     851
    786852        form#whats-new-form {
    787853
    … …  
    794860
    795861                @media screen and (max-width: 46.25em) {
     862
    796863                        #whats-new-content {
    797864                                clear: left;
    … …  
    802869
    803870                #whats-new-content.active {
     871
    804872                        #whats-new-options[style] {
     873
    805874                                #whats-new-post-in-box {
    806875                                        border: 1px solid rgba($border-color, 0.5);
    807876                                        float: left;
    808                                         line-height: 1.5em;
     877                                        line-height: 1.5;
    809878                                        margin-top: 12px;
    810879                                        padding-left: 0.2em;
    … …  
    822891
    823892                                @media screen and (min-width: 30em) {
     893
    824894                                        #whats-new-post-in-box {
    825895                                                width: auto;
    … …  
    838908        // User account form requires matching bp default specificity
    839909        #item-body {
     910
    840911                form#whats-new-form {
    841912                        margin: $spacing-val-lg 0;
    … …  
    881952
    882953                                .activity-header {
     954
    883955                                        @include font-size(14);
    884956                                }
    … …  
    891963                                        margin-right: $spacing-val-sm;
    892964                                        text-align: left;
    893                                         a {border-bottom: 0;}
     965
     966                                        a {
     967                                                border-bottom: 0;
     968                                        }
    894969                                }
    895970
    … …  
    899974
    900975                                        .activity-header {
     976
    901977                                                @include font-size(16);
    902978                                        }
    … …  
    908984
    909985                li.mini {
     986
    910987                        .activity-avatar {
     988
    911989                                a {
     990
    912991                                        img.avatar {
    913992                                                height: 30px;
    … …  
    919998
    920999                        .activity-content {
     1000
    9211001                                .activity-header {
     1002
    9221003                                        @include font-size(14);
    9231004                                }
    … …  
    9511032
    9521033                        .activity-meta {
     1034
    9531035                                a {
    9541036                                        display: block;
    … …  
    9731055                                background: darken($light-background, 1%);
    9741056                                border: 1px solid rgba(#9fd1e2, 0.3);
    975                                 a { font-style: italic; }
     1057
     1058                                a {
     1059                                        font-style: italic;
     1060                                }
    9761061                        }
    9771062
    … …  
    9871072
    9881073.activity-permalink {
     1074
    9891075        #buddypress {
     1076
    9901077                #activity-stream {
    9911078
    … …  
    9951082
    9961083                        li.mini {
     1084
    9971085                                .activity-header {
     1086
    9981087                                        @include font-size(16);
     1088
    9991089                                        @media screen and (min-width: 46.25em) {
     1090
    10001091                                                @include font-size(20);
    10011092                                        }
    10021093
    10031094                                        margin-bottom: $spacing-val-lg;
    1004                                         p {padding: $spacing-val-md;}
     1095
     1096                                        p {
     1097                                                padding: $spacing-val-md;
     1098                                        }
    10051099                                }
    10061100                        }
    … …  
    10171111
    10181112        #activity-stream {
     1113
    10191114                .activity-comments {
    10201115                        border-left: 1px solid $border-light;
    … …  
    10411136                                        display: inline-block;
    10421137                                        font-family: inherit;
     1138
    10431139                                        @include font-size(12);
    1044                                         font-weight: normal;
     1140                                        font-weight: 400;
    10451141                                        line-height: 1.2;
    10461142                                        padding: 4px 10px;
    … …  
    10731169
    10741170#buddypress {
     1171
    10751172        #members-list {
    10761173
    10771174                @media screen and (min-width: 59.6875em) {
     1175
    10781176                        li {
     1177
    10791178                                .item-avatar,
    10801179                                .item {
    … …  
    11041203
    11051204#buddypress {
     1205
    11061206        #signup_form.standard-form {
    11071207
    … …  
    11181218
    11191219                @media screen and (min-width: 38.75em) {
    1120                         #profile-details-section {float: right;}
    1121                         #basic-details-section {float: left;}
     1220
     1221                        #profile-details-section {
     1222                                float: right;
     1223                        }
     1224
     1225                        #basic-details-section {
     1226                                float: left;
     1227                        }
    11221228                }
    11231229
    … …  
    11461252                .entry-title {
    11471253                        color: $light-body;
     1254
    11481255                        @include font-size(32);
    11491256                        margin-bottom: $spacing-val-sm;
    … …  
    11571264
    11581265        #buddypress {
     1266
    11591267                #item-header-content {
     1268
    11601269                        #item-meta {
     1270
    11611271                                @include font-size(14);
    11621272                                text-align: left;
    11631273
    1164                                 p {margin-bottom: 0.5em;}
     1274                                p {
     1275                                        margin-bottom: 0.5em;
     1276                                }
    11651277                        }
    11661278                }
    … …  
    11681280
    11691281        @media screen and (max-width: 46.25em) {
     1282
    11701283                main {
     1284
    11711285                        header.entry-header {
    11721286                                padding-bottom: 1rem;
    … …  
    11761290
    11771291        @media screen and (max-width: 38.75em) {
     1292
    11781293                h1,
    11791294                #item-header-content {
    … …  
    11831298
    11841299        #buddypress {
     1300
    11851301                @media screen and (max-width: 46.25em) {
     1302
    11861303                        #item-header {
     1304
    11871305                                .generic-button {
    11881306                                        float: none;
    1189                                         margin: 1.5em 0 0 0;
     1307                                        margin: 1.5em 0 0;
    11901308                                }
    11911309                        }
    … …  
    11931311
    11941312                @media screen and (max-width: 38.75em) {
     1313
    11951314                        h1 {
    11961315                                margin-bottom: 0;
    … …  
    11981317
    11991318                        #item-header-avatar {
     1319
    12001320                                img.avatar {
    12011321                                        margin-right: 0;
    … …  
    12191339
    12201340.single-item.groups {
     1341
    12211342        #buddypress {
     1343
    12221344                @media screen and (max-width: 46.25em) {
     1345
    12231346                        #item-header {
     1347
    12241348                                #item-meta {
    12251349                                        margin-bottom: $spacing-val-md;
    … …  
    12311355                // avatar first after group title
    12321356                @media screen and (max-width: 38.75em) {
     1357
    12331358                        div#item-header {
    12341359                                display: flex;
    … …  
    12891414
    12901415                                h2 {
     1416
    12911417                                        @include font-size(14);
    12921418
    12931419                                        @media screen and (min-width: 46.25em) {
     1420
    12941421                                                @include font-size(16);
    12951422                                        }
    … …  
    13211448
    13221449                                        h2 {
     1450
    13231451                                                @include font-size(14);
    13241452                                        }
    … …  
    13411469
    13421470                                @media screen and (min-width: 46.25em) {
     1471
    13431472                                        #item-header-content {
    13441473                                                padding-left: $spacing-val-sm;
    … …  
    13751504
    13761505        #buddypress {
     1506
    13771507                #item-header {
    13781508                        padding: $spacing-val-md 0;
    … …  
    13911521
    13921522                        #item-header-content {
     1523
    13931524                                .user-nicename,
    13941525                                span.activity {
    … …  
    13991530
    14001531                        @media screen and (min-width: 46.25em) {
     1532
    14011533                                #item-header-avatar {
    14021534                                        float: left;
    … …  
    14291561
    14301562                        #item-header-content {
     1563
    14311564                                @media screen and (min-width: 46.25em) {
     1565
    14321566                                        .user-nicename {
    14331567                                                margin-bottom: $spacing-val-md;
    … …  
    14661600// headings settings screens & general global settings styles
    14671601.groups {
     1602
    14681603        #group-settings-form {
     1604
    14691605                h3 {
    14701606                        background: $dark-background;
    … …  
    14761612
    14771613.groups.edit-details {
     1614
    14781615        #group-settings-form {
    14791616
    … …  
    14871624                        background: none;
    14881625                        color: inherit;
     1626
    14891627                        @include font-size(14);
    14901628                        width: auto;
    … …  
    15001638
    15011639.groups.group-settings {
     1640
    15021641        #group-settings-form {
    15031642
    … …  
    15081647                        ul {
    15091648                                color: rgba($body-text, 0.6);
     1649
    15101650                                @include font-size(14);
    15111651                        }
    … …  
    15241664
    15251665.groups.manage-members {
     1666
    15261667        #group-settings-form {
     1668
    15271669                .item-list {
     1670
    15281671                        li {
    15291672                                border-bottom: 1px solid $border-light;
    … …  
    15331676                                        float: left;
    15341677
    1535                                         > a {border-bottom: 0;}
     1678                                        > a {
     1679                                                border-bottom: 0;
     1680                                        }
    15361681                                }
    15371682
    … …  
    15701715// Massage the members search for groups nav specifically.
    15711716.groups.group-members {
     1717
    15721718        #subnav {
     1719
    15731720                li {
     1721
    15741722                        @media screen and (max-width: 38.75em) {
    15751723                                background: $content-background;
    … …  
    15871735
    15881736                                        label {
    1589                                                 input[type="text"] {width: 100%;}
     1737
     1738                                                input[type="text"] {
     1739                                                        width: 100%;
     1740                                                }
    15901741                                        }
    15911742                                }
    … …  
    16051756
    16061757        div.invite {
     1758
    16071759                .left-menu {
    16081760                        float: none;
    … …  
    16491801
    16501802.bp-user {
    1651         .entry-title {margin-bottom: 0.5em;}
     1803
     1804        .entry-title {
     1805                margin-bottom: 0.5em;
     1806        }
    16521807}
    16531808
    … …  
    16631818
    16641819                table {
    1665                         th {@include font-size(14)}
    1666                         td {@include font-size(13)}
     1820
     1821                        th {
     1822
     1823                                @include font-size(14);
     1824                        }
     1825
     1826                        td {
     1827
     1828                                @include font-size(13);
     1829                        }
    16671830
    16681831                        @media screen and (min-width: 46.25em) {
    1669                                 th {@include font-size(16)}
    1670                                 td {@include font-size(14)}
     1832
     1833                                th {
     1834
     1835                                        @include font-size(16);
     1836                                }
     1837
     1838                                td {
     1839
     1840                                        @include font-size(14);
     1841                                }
    16711842                        }
    16721843
    16731844                        @media screen and (min-width: 77.5em) {
    1674                                 th {@include font-size(18)}
    1675                                 td {@include font-size(16)}
    1676                         }
    1677                 }
    1678 
    1679                 .pag-count {font-style: italic;}
     1845
     1846                                th {
     1847
     1848                                        @include font-size(18);
     1849                                }
     1850
     1851                                td {
     1852
     1853                                        @include font-size(16);
     1854                                }
     1855                        }
     1856                }
     1857
     1858                .pag-count {
     1859                        font-style: italic;
     1860                }
    16801861
    16811862                .notifications-options-nav {
    … …  
    16911872                        input {
    16921873                                border: 0;
     1874
    16931875                                @include font-size(14);
    16941876                                outline: 0;
    … …  
    17241906
    17251907                .profile {
     1908
    17261909                        .bp-widget {
     1910
    17271911                                h2 {
    17281912                                        background: lighten($dark-background, 10%);
    … …  
    17321916                                }
    17331917
    1734                                 table {margin-top: 0;}
     1918                                table {
     1919                                        margin-top: 0;
     1920                                }
    17351921                        }
    17361922
    … …  
    17661952                                                background: none;
    17671953                                                border: 0;
    1768                                                 @include font-size(18)
     1954
     1955                                                @include font-size(18);
    17691956                                        }
    17701957                                } //.button-nav
    … …  
    17721959                                .field-visibility-settings-toggle,
    17731960                                .field-visibility-settings {
     1961
    17741962                                        @include font-size(14);
    17751963                                }
    … …  
    17841972
    17851973                        .bp-avatar {
     1974
    17861975                                #bp-delete-avatar {
    1787                                         a {font-size: inherit; }
     1976
     1977                                        a {
     1978                                                font-size: inherit;
     1979                                        }
    17881980                                }
    17891981                        }
    … …  
    18031995
    18041996                #groups-list {
     1997
    18051998                        li {
     1999
    18062000                                .item {
     2001
    18072002                                        @media screen and (min-width: 77.5em) {
    18082003                                                left: 5%;
    … …  
    18482043                        .message-metadata {
    18492044
    1850                                 &::after {
     2045                                &:after {
    18512046                                        clear: both;
    18522047                                        content: "";
    … …  
    18592054
    18602055                                @media screen and (min-width: 46.25em) {
     2056
    18612057                                        img.avatar {
    18622058                                                float: left;
    … …  
    18792075
    18802076                        #send-reply {
     2077
    18812078                                .message-content {
    18822079                                        background: $content-background;
    … …  
    18892086                        }
    18902087
    1891                         .bp-tooltip:hover::after,
    1892                         .bp-tooltip:active::after,
    1893                         .bp-tooltip:focus::after {
     2088                        .bp-tooltip:hover:after,
     2089                        .bp-tooltip:active:after,
     2090                        .bp-tooltip:focus:after {
    18942091                                right: 40px;
    18952092                                text-align: right;
    … …  
    18992096
    19002097                #message-threads {
     2098
    19012099                        thead {
     2100
    19022101                                tr {
    19032102                                        background: lighten($dark-background, 10%);
    … …  
    19062105
    19072106                        tr {
     2107
    19082108                                td {
    19092109                                        background: $content-background;
    … …  
    19222122                                        @media screen and (max-width: 46.25em) {
    19232123                                                padding-top: 0;
    1924                                                 span.icon:before {font-size: 14px;}
     2124
     2125                                                span.icon:before {
     2126                                                        font-size: 14px;
     2127                                                }
    19252128                                        }
    19262129                                }
    … …  
    19422145                                td.thread-options {
    19432146                                        border-left: 0 !important;
     2147
    19442148                                        @include calc(width, "100% - 30px");
    19452149                                        margin-left: 0;
    … …  
    19512155
    19522156                                        .thread-excerpt {
     2157
    19532158                                                @include font-size(14);
    19542159                                        }
    … …  
    19592164
    19602165                                        a {
     2166
    19612167                                                @include font-size(12);
    19622168                                                line-height: 2.2;
    … …  
    19752181                                        @media screen and (max-width: 38.75em) {
    19762182                                                clear: both;
     2183
    19772184                                                @include font-size(12);
    19782185                                                width: 100%;
    … …  
    19822189
    19832190                        tr.unread {
     2191
    19842192                                td {
    19852193                                        background: $unread;
    … …  
    20112219                        padding: 0;
    20122220
    2013                         li {margin-left: 0;}
     2221                        li {
     2222                                margin-left: 0;
     2223                        }
    20142224
    20152225                        li.friend-tab {
    … …  
    20462256
    20472257                .sitewide-notices {
     2258
    20482259                        tr {
     2260
    20492261                                td:first-child {
    20502262                                        display: none;
    … …  
    20532265
    20542266                        td {
     2267
    20552268                                strong {
    20562269                                        background: lighten($dark-background, 10%);
    … …  
    21002313                        // 'p' = email notification screen sub heading
    21012314                        > p {
     2315
    21022316                                @include font-size(20);
    21032317                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    21062320
    21072321                table.notification-settings {
     2322
    21082323                        td.yes,
    21092324                        td.no {
    … …  
    21212336
    21222337                        @media screen and (min-width: 46.25em) {
     2338
    21232339                                th.field-group-name,
    21242340                                td.field-name {
    … …  
    21332349
    21342350                        td.field-visibility {
    2135                                 select {width: 100%;}
     2351
     2352                                select {
     2353                                        width: 100%;
     2354                                }
    21362355                        }
    21372356                }
    … …  
    21482367// Attempt to reset form control widths
    21492368#main {
     2369
    21502370        #buddypress {
     2371
    21512372                .standard-form {
    21522373
    2153                         li {float: none;}
    2154                         input[type='text'],
    2155                         input[type='email'],
    2156                         input[type='password'],
     2374                        li {
     2375                                float: none;
     2376                        }
     2377
     2378                        input[type="text"],
     2379                        input[type="email"],
     2380                        input[type="password"],
    21572381                        textarea {
    21582382                                width: 100%;
    … …  
    21702394
    21712395                form {
     2396
    21722397                        .ac-textarea {
    21732398                                background: $light-background;
    … …  
    21982423
    21992424        #signup_form.standard-form {
     2425
    22002426                div.submit {
    22012427                        float: none;
    22022428
    2203                         input {margin-right: 0;}
     2429                        input {
     2430                                margin-right: 0;
     2431                        }
    22042432                }
    22052433        }
    … …  
    22082436
    22092437#buddypress {
     2438
    22102439        div.dir-search,
    22112440        div.message-search,
    … …  
    22302459                        }
    22312460
    2232                         input[type='text'] {
     2461                        input[type="text"] {
    22332462                                float: left;
    22342463                                margin: 0;
    … …  
    22362465                        }
    22372466
    2238                         input[type='text'],
    2239                         input[type='submit'] {
     2467                        input[type="text"],
     2468                        input[type="submit"] {
     2469
    22402470                                @include font-size(14);
    22412471                                border: 0;
    … …  
    22432473                        }
    22442474
    2245                         input[type='text'] {
     2475                        input[type="text"] {
    22462476                                border-right: 1px solid rgba($border-color, 0.6);
    22472477                                padding: 0.2em 0 0.2em 0.2em;
    22482478                        }
    22492479
    2250                         input[type='submit'] {
     2480                        input[type="submit"] {
    22512481                                float: right;
    2252                                 font-weight: normal;
     2482                                font-weight: 400;
    22532483                                padding: 0.2em 1em;
    22542484                                text-align: center;
    … …  
    22672497        // Shift the search parent to the right and allow to shrinkwrap
    22682498        @media screen and (min-width: 38.75em) {
     2499
    22692500                div.dir-search,
    22702501                div.message-search,
    … …  
    22742505
    22752506                        form {
     2507
    22762508                                label,
    2277                                 input[type='text'],
    2278                                 input[type='submit'] {
     2509                                input[type="text"],
     2510                                input[type="submit"] {
    22792511                                        width: auto;
    22802512                                }
    … …  
    22892521                .dir-search,
    22902522                .message-search {
     2523
    22912524                        form {
    2292                                 input[type='text'] { @include font-size(16) ;}
    2293                                 input[type='submit'] { @include font-size(16) ;}
     2525
     2526                                input[type="text"] {
     2527
     2528                                        @include font-size(16);
     2529                                }
     2530
     2531                                input[type="submit"] {
     2532
     2533                                        @include font-size(16);
     2534                                }
    22942535                        }
    22952536                }
    … …  
    23122553
    23132554        table {
     2555
    23142556                @include font-size(14);
    23152557                margin: $spacing-val-md 0;
    … …  
    23282570
    23292571                // Reduce the themes inherited paragraph margins in tables
    2330                 p {margin-bottom: 0.5em;}
     2572                p {
     2573                        margin-bottom: 0.5em;
     2574                }
    23312575        }
    23322576
    23332577        @media screen and (min-width: 55em) {
    2334                 table {@include font-size(16);}
     2578
     2579                table {
     2580
     2581                        @include font-size(16);
     2582                }
    23352583        }
    23362584}
    … …  
    23432591        .notifications,
    23442592        .messages-notices {
     2593
    23452594                th {
    23462595                        width: 30%;
    … …  
    23712620                // styling issues - this will need styling ideas
    23722621                td {
     2622
    23732623                        .button {
    23742624                                border: 0;
    … …  
    23832633        .messages-notices {
    23842634
    2385                 .bp-tooltip:hover::after,
    2386                 .bp-tooltip:active::after,
    2387                 .bp-tooltip:focus::after {
     2635                .bp-tooltip:hover:after,
     2636                .bp-tooltip:active:after,
     2637                .bp-tooltip:focus:after {
    23882638                        left: 0;
    23892639                        margin-top: 10px;
    … …  
    24082658
    24092659#buddypress {
     2660
    24102661        div#message {
     2662
    24112663                p {
     2664
    24122665                        @include font-size(18);
    2413                         font-weight: bold;
     2666                        font-weight: 700;
    24142667                }
    24152668
    24162669                &.info {
     2670
    24172671                        p {
     2672
    24182673                                @include message-box($notice-info);
    24192674                        }
    … …  
    24212676
    24222677                &.updated {
     2678
    24232679                        p {
     2680
    24242681                                @include message-box($notice-update);
    24252682                        }
    … …  
    24322689// Without direct classes on our mesages ( 'warning' )
    24332690// we need to use the body classes
    2434 // todo: If this is class .warning is included in main BP styles remove from here
     2691// @todo If this class .warning is included in main BP styles remove from here
    24352692.delete-group {
     2693
    24362694        #buddypress {
     2695
    24372696                div#message.info {
     2697
    24382698                        p {
     2699
    24392700                                @include message-box($notice-warning);
    24402701                        }
Note: See TracChangeset for help on using the changeset viewer.