Skip to content

Commit dec3385

Browse files
YamiOdymelYamiOdymel
committed
background-color -> background, reduce 2KB
1 parent c28844a commit dec3385

33 files changed

Lines changed: 202 additions & 202 deletions

‎src/modules/_normalize.sass‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ pre
4545
//-------------------//
4646
4747
a
48-
background-color: transparent
48+
background: transparent
4949
-webkit-text-decoration-skip: objects
5050

5151
&:active, &:hover
@@ -94,7 +94,7 @@ dfn
9494
//-------------------//
9595
9696
mark
97-
//background-color: #ff0
97+
//background: #ff0
9898
//color: #000
9999
100100
//-------------------//

‎src/partials/collections/_form.sass‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@
186186
content : ''
187187
top : 0%
188188
left : 0%
189-
background-color: $form_loaderDimmerBackgroundColor
189+
background: $form_loaderDimmerBackgroundColor
190190
width : 100%
191191
height : 100%
192192
z-index : $z_form_loaderDimmer
@@ -392,12 +392,12 @@
392392
//-------------------//
393393
394394
.ts.form fieldset.secondary
395-
background-color: $form_fieldsetSecondaryBackgroundColor
395+
background: $form_fieldsetSecondaryBackgroundColor
396396
.ts.form fieldset.secondary legend
397397
color: $form_legendSecondaryTextColor
398398

399399
.ts.form fieldset.tertiary
400-
background-color: $form_fieldsetTertiaryBackgroundColor
400+
background: $form_fieldsetTertiaryBackgroundColor
401401
.ts.form fieldset.tertiary legend
402402
color: $form_legendTertiaryTextColor
403403

‎src/partials/collections/_menu.sass‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
$hoverColor : nth($colors, 2)
1515
$disabledColor : nth($colors, 8)
1616

17-
background-color: $backgroundColor
17+
background: $backgroundColor
1818
border-color : $borderColor
1919

2020
.item.item,
@@ -31,14 +31,14 @@
3131
a.item.item:active:not(.disabled),
3232
.item.item.active:not(.disabled),
3333
&:not(.link) .item.dropdown.visible
34-
background-color: $backgroundActiveColor
34+
background: $backgroundActiveColor
3535

3636
.item.unread:after
37-
background-color: $color
37+
background: $color
3838

3939
a.item.item:hover:not(.active):not(:active):not(.disabled),
4040
.item .menu a.item:hover:not(.active):not(:active):not(.disabled)
41-
background-color: $backgroundHoverColor
41+
background: $backgroundHoverColor
4242
color : $hoverColor
4343

4444
.item.disabled,
@@ -57,7 +57,7 @@
5757
$hoverColor : nth($colors, 2)
5858
$disabledColor : nth($colors, 8)
5959

60-
background-color: $backgroundColor
60+
background: $backgroundColor
6161
border-color : $borderColor
6262

6363
.item,
@@ -66,7 +66,7 @@
6666
border-color: $borderColor
6767

6868
.item.unread:after
69-
background-color: $color
69+
background: $color
7070

7171
a.item:hover:not(.active),
7272
a.item .menu .item:hover:not(.active),
@@ -89,7 +89,7 @@
8989
display : flex
9090
font-size : $medium
9191
margin : $menu_margin
92-
background-color: $menu_backgroundColor
92+
background: $menu_backgroundColor
9393
border-radius : $menu_borderRadius
9494
border : $menu_border
9595
box-shadow : $menu_boxShadow
@@ -162,7 +162,7 @@
162162
color : $menu_itemHoverTextColor
163163

164164
.ts.menu:not(.fitted) a.item:hover
165-
background-color: $menu_itemHoverBackgroundColor
165+
background: $menu_itemHoverBackgroundColor
166166

167167
//-------------------//
168168
// Relaxed
@@ -205,7 +205,7 @@
205205
.ts.menu:not(.link):not(.fitted) a.item:active,
206206
.ts.menu:not(.link):not(.fitted) .item.active,
207207
.ts.menu:not(.link):not(.fitted) .item.dropdown.visible
208-
background-color: $menu_itemActiveBackgroundColor
208+
background: $menu_itemActiveBackgroundColor
209209

210210
.ts.menu:not(.link) a.item:active,
211211
.ts.menu:not(.link) .item.active,
@@ -450,7 +450,7 @@
450450
//-------------------//
451451
452452
.ts.menu.secondary
453-
background-color: $menu_secondaryBackgroundColor
453+
background: $menu_secondaryBackgroundColor
454454
//margin-left : -$menu_secondaryItemSpacing
455455
//margin-right : -$menu_secondaryItemSpacing
456456
border-radius : 0
@@ -504,22 +504,22 @@
504504
z-index: 1
505505

506506
.ts.menu.pointing.secondary a.item:not(.active):hover:before
507-
background-color: $menu_secondaryPointingHoverBorderColor
507+
background: $menu_secondaryPointingHoverBorderColor
508508

509509
.ts.menu.pointing.secondary a.item:not(.active):active:before
510-
background-color: $menu_secondaryPointingPressedBorderColor
510+
background: $menu_secondaryPointingPressedBorderColor
511511

512512
.ts.menu.pointing.secondary .item.active,
513513
.ts.menu.pointing.secondary a.item:hover,
514514
.ts.menu.pointing.secondary a.item:active
515-
background-color: transparent
515+
background: transparent
516516

517517
.ts.menu.pointing.secondary .item.active
518518
color : $menu_secondaryPointingActiveTextColor
519519
font-weight: $menu_secondaryPointingActiveFontWeight
520520

521521
.ts.menu.pointing.secondary .item.active:before
522-
background-color: $menu_secondaryPointingActiveBorderColor
522+
background: $menu_secondaryPointingActiveBorderColor
523523

524524
//-------------------//
525525
// Vertical Secondary Pointing
@@ -551,7 +551,7 @@
551551
box-shadow : none
552552
border : none
553553
border-radius : 0
554-
background-color: $menu_tabbedMenuBackgroundColor
554+
background: $menu_tabbedMenuBackgroundColor
555555
border-bottom : $menu_tabbedMenuBorderWidth solid $menu_tabbedMenuBorderColor
556556

557557
.ts.menu.tabbed .item
@@ -565,19 +565,19 @@
565565
display: none
566566

567567
.ts.menu.tabbed .item.active.active.active.active
568-
background-color: $menu_tabbedMenuActiveBackgroundColor
568+
background: $menu_tabbedMenuActiveBackgroundColor
569569
border-color : $menu_tabbedMenuActiveBorderColor
570570
margin-bottom : -$menu_tabbedMenuBorderWidth
571571
font-weight : $menu_tabbedMenuActiveFontWeight
572572
color : $menu_tabbedMenuActiveTextColor
573573

574574
.ts.menu.tabbed a.item:not(.active):hover
575575
cursor : pointer
576-
background-color: $menu_tabbedItemHoverBackgroundColor
576+
background: $menu_tabbedItemHoverBackgroundColor
577577
color : $menu_tabbedItemHoverTextColor
578578

579579
.ts.menu.tabbed a.item:not(.active):active
580-
background-color: $menu_tabbedItemActiveBackgroundColor
580+
background: $menu_tabbedItemActiveBackgroundColor
581581
color : $menu_tabbedItemActiveTextColor
582582

583583
//-------------------//
@@ -680,7 +680,7 @@
680680
.ts.menu.link a.item.header:active,
681681
.ts.menu.link .item:not(.header).active,
682682
.ts.menu.link a.item.header.active
683-
background-color: initial !important
683+
background: initial !important
684684

685685
.ts.menu.link .item.active,
686686
.ts.menu.link .item.dropdown.visible
@@ -805,15 +805,15 @@
805805
opacity: $menu_invertedSubMenuItemOpacity
806806

807807
.ts.vertical.menu .item > .menu .item:hover:hover:hover:hover:hover:hover
808-
background-color: transparent
808+
background: transparent
809809
opacity : 1
810810

811811
.ts.vertical.menu:not(.inverted) .item > .menu .item:hover
812812
color: $darkTextColor
813813

814814
.ts.vertical.menu .item > .menu .item:active:active,
815815
.ts.vertical.menu .item > .menu .item.active.active
816-
background-color: transparent
816+
background: transparent
817817

818818
.ts.vertical.menu .item > .menu .item.active.active
819819
font-weight : $menu_subMenuActiveFontWeight
@@ -905,7 +905,7 @@
905905
border: none
906906

907907
.ts.menu .list a.item:active
908-
background-color: transparent
908+
background: transparent
909909

910910
//-------------------//
911911
// Container
@@ -991,7 +991,7 @@
991991
.ts.menu:not(.icon) .item.unread:after,
992992
.ts.menu.icon .item.unread .icon:after
993993
content : ''
994-
background-color: $menu_unreadBackgroundColor
994+
background: $menu_unreadBackgroundColor
995995
border-radius : 50%
996996
font-size : 0
997997
height : $menu_unreadIconSize

‎src/partials/collections/_message.sass‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
88
@mixin message-variant($color, $backgroundColor, $borderColor)
99
color : $color
10-
background-color: $backgroundColor
10+
background: $backgroundColor
1111
border-color : $borderColor
1212

1313
&:not(.inverted) .header:not(.ts)
@@ -30,7 +30,7 @@
3030
padding : $message_padding
3131
margin : $message_margin
3232
border : $message_border
33-
background-color: $message_backgroundColor
33+
background: $message_backgroundColor
3434
border-radius : $message_borderRadius
3535
color : $message_textColor
3636
word-wrap : break-word
@@ -197,7 +197,7 @@
197197
.ts.message.secondary
198198
border-left-width: $message_secondaryBorderWidth
199199
.ts.message.secondary:not(.inverted)
200-
background-color: transparent
200+
background: transparent
201201

202202
.ts.message.inverted.secondary.primary
203203
border-left: $message_secondaryBorderWidth solid $message_primarySecondaryBorderColor
@@ -243,7 +243,7 @@
243243
//-------------------//
244244
245245
.ts.message.basic
246-
background-color: transparent
246+
background: transparent
247247
border : none
248248

249249
//-------------------//
@@ -339,7 +339,7 @@
339339
//-------------------//
340340
341341
.ts.outlined.message
342-
background-color: transparent
342+
background: transparent
343343

344344
//-------------------//
345345
// Typography
@@ -401,13 +401,13 @@
401401
font-size : $message_structuredIconSize
402402
border-radius: $message_structuredAvatarBorderRadius
403403

404-
background-color: $message_structuredIconBackgroundColor
404+
background: $message_structuredIconBackgroundColor
405405

406406
.ts.structured.message:not(.inverted) > .icon > i.icon
407-
background-color: $message_structuredIconNotInvertedBackgroundColor
407+
background: $message_structuredIconNotInvertedBackgroundColor
408408

409409
.ts.structured.message:not(.inverted):not(.primary):not(.info):not(.warning):not(.positive):not(.negative) > .icon > i.icon
410-
background-color: $message_structuredIconNoEmphasisBackgroundColor
410+
background: $message_structuredIconNoEmphasisBackgroundColor
411411

412412
//-------------------//
413413
// Content
@@ -443,7 +443,7 @@
443443
height : $message_structuredActionBorderWidth
444444
content : ''
445445

446-
background-color: $message_structuredDividerColor
446+
background: $message_structuredDividerColor
447447

448448
//-------------------//
449449
// Actions
@@ -463,18 +463,18 @@
463463
height : $message_structuredActionBorderWidth
464464
content : ''
465465

466-
background-color: $message_structuredDividerColor
466+
background: $message_structuredDividerColor
467467

468468
.ts.structured.message.primary > .content > .actions:before
469-
background-color: $message_structuredPrimaryDividerColor
469+
background: $message_structuredPrimaryDividerColor
470470
.ts.structured.message.info > .content > .actions:before
471-
background-color: $message_structuredInfoDividerColor
471+
background: $message_structuredInfoDividerColor
472472
.ts.structured.message.warning > .content > .actions:before
473-
background-color: $message_structuredWarningDividerColor
473+
background: $message_structuredWarningDividerColor
474474
.ts.structured.message.positive > .content > .actions:before
475-
background-color: $message_structuredPositiveDividerColor
475+
background: $message_structuredPositiveDividerColor
476476
.ts.structured.message.negative > .content > .actions:before
477-
background-color: $message_structuredNegativeDividerColor
477+
background: $message_structuredNegativeDividerColor
478478

479479
.ts.structured.message:not(.inverted).primary > .content > .actions:before,
480480
.ts.structured.message:not(.inverted).info > .content > .actions:before,

‎src/partials/collections/_table.sass‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
88
@mixin column-variant($color, $backgroundColor)
99
color : $color !important
10-
background-color: $backgroundColor !important
10+
background: $backgroundColor !important
1111

1212
//*******************************//
1313
// Main
@@ -507,12 +507,12 @@
507507
/* Table Striping */
508508
.ts.striped.table > tr:nth-child(2n),
509509
.ts.striped.table tbody tr:nth-child(2n)
510-
background-color: $table_stripedBackground
510+
background: $table_stripedBackground
511511

512512
/* Stripes */
513513
.ts.inverted.striped.table > tr:nth-child(2n):nth-child(2n),
514514
.ts.inverted.striped.table tbody tr:nth-child(2n):nth-child(2n)
515-
background-color: $table_invertedStripedBackground
515+
background: $table_invertedStripedBackground
516516

517517
/* Allow striped active hover */
518518
.ts.striped.selectable.selectable.selectable.table tbody tr.active:hover
@@ -746,7 +746,7 @@
746746
border : $table_invertedBorder
747747

748748
.ts.inverted.table th
749-
background-color: $table_invertedHeaderBackground
749+
background: $table_invertedHeaderBackground
750750
border-color : $table_invertedHeaderBorderColor !important
751751
color : $table_invertedHeaderColor
752752

@@ -803,7 +803,7 @@
803803
background: $table_basicTableCellBackground
804804

805805
.ts.basic.striped.table tbody tr:nth-child(2n)
806-
background-color: $table_stripedBackground
806+
background: $table_stripedBackground
807807

808808
/* Very Basic */
809809
.ts[class*="very basic"].table

0 commit comments

Comments
 (0)