init

liuxiaolong

2019-05-06 2ab7a76a38fbf8fa107bf6371f5410ba54e1d394

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
@import '../_custom-variables/uikit';
 
$ui-statistics-icon-size: 2.875rem !default;
$ui-statistics-icon-font-size: 1.125rem !default;
$ui-feed-icon-size: 1.25rem !default;
$ui-feed-icon-font-size: .75rem !default;
$ui-activity-icon-size: 2.5rem !default;
$ui-activity-icon-font-size: .875rem !default;
 
// *******************************************************************************
// * Statistics icons
 
.ui-statistics-icon {
  width: $ui-statistics-icon-size;
  height: $ui-statistics-icon-size;
  font-size: $ui-statistics-icon-font-size;
  line-height: calc(#{$ui-statistics-icon-size} - #{$ui-icon-border-width * 2});
 
  &.border-0 {
    line-height: $ui-statistics-icon-size;
  }
}
 
// *******************************************************************************
// * Feed icons
 
.ui-feed-icon-container {
  position: relative;
}
 
.ui-feed-icon {
  position: absolute;
  top: 0;
  right: -$ui-feed-icon-size / 2;
  width: $ui-feed-icon-size;
  height: $ui-feed-icon-size;
  border: 0;
  font-size: $ui-feed-icon-font-size;
  line-height: $ui-feed-icon-size;
 
  [dir=rtl] & {
    right: auto;
    left: -$ui-feed-icon-size / 2;
  }
}
 
// *******************************************************************************
// * Todo items
 
.ui-todo-item .custom-control-input:checked {
   ~ .custom-control-label {
    text-decoration: line-through;
  }
 
   ~ .ui-todo-badge,
   ~ .custom-control-label .ui-todo-badge {
    display: none;
  }
}
 
// *******************************************************************************
// * Activity icons
 
.ui-activity-icon {
  width: $ui-activity-icon-size;
  height: $ui-activity-icon-size;
  font-size: $ui-activity-icon-font-size;
  line-height: calc(#{$ui-activity-icon-size} - #{$ui-icon-border-width * 2});
 
  &.border-0 {
    line-height: $ui-activity-icon-size;
  }
}
 
.default-style {
  @import "../_appwork/include";
 
  .ui-todo-item .custom-control-input:checked ~ .custom-control-label {
    color: $text-muted;
  }
}
 
.material-style {
  @import "../_appwork/include-material";
 
  .ui-todo-item .custom-control-input:checked ~ .custom-control-label {
    color: $text-muted;
  }
}