equal
deleted
inserted
replaced
|
1 |
|
2 .session-count { |
|
3 font-size: 2rem; |
|
4 z-index: -1; |
|
5 } |
|
6 |
1 a.sessions{ |
7 a.sessions{ |
2 cursor: pointer; |
8 cursor: pointer; |
3 } |
9 } |
4 |
10 |
5 #delete { |
11 #delete { |
13 -ms-transition-delay: 5s; |
19 -ms-transition-delay: 5s; |
14 -o-transition: .5s all; |
20 -o-transition: .5s all; |
15 -o-transition-delay: 5s; |
21 -o-transition-delay: 5s; |
16 transition: .5s all; |
22 transition: .5s all; |
17 transition-delay: 5s; |
23 transition-delay: 5s; |
18 } |
|
19 |
24 |
20 #delete:hover { |
25 &:hover { |
21 // opacity: 1; |
26 // opacity: 1; |
22 display: inline-block; |
27 display: inline-block; |
23 -webkit-transition-delay: 0s; |
28 -webkit-transition-delay: 0s; |
24 -moz-transition-delay: 0s; |
29 -moz-transition-delay: 0s; |
25 -ms-transition-delay: 0s; |
30 -ms-transition-delay: 0s; |
26 -o-transition-delay: 0s; |
31 -o-transition-delay: 0s; |
27 transition-delay: 0s; |
32 transition-delay: 0s; |
|
33 } |
28 } |
34 } |
29 |
35 |
30 .sessions:hover ~ #delete { |
36 .sessions:hover ~ #delete { |
31 // opacity: 1; |
37 // opacity: 1; |
32 display: inline-block; |
38 display: inline-block; |
40 .sessions:hover { |
46 .sessions:hover { |
41 opacity: .7; |
47 opacity: .7; |
42 } |
48 } |
43 |
49 |
44 |
50 |
45 span.session-title { |
51 span.session { |
46 font-size: 20px; |
|
47 } |
|
48 |
52 |
49 span.session-description { |
53 &-title { |
50 font-size: 12px; |
54 font-size: 1.3rem; |
51 } |
55 white-space: pre-wrap; |
52 span.session-date { |
56 overflow-wrap: break-word; |
53 font-size: 13px; |
57 } |
54 } |
|
55 |
58 |
56 .edit{ |
59 &-date { |
57 font-size: 17px; |
60 font-size: .9rem; |
|
61 } |
|
62 |
|
63 &-description { |
|
64 font-size: .9rem; |
|
65 white-space: pre-wrap; |
|
66 overflow-wrap: break-word; |
|
67 } |
58 } |
68 } |
59 |
69 |
60 .delete{ |
70 .delete{ |
61 font-size: 16px; |
71 font-size: 1rem; |
62 } |
72 } |
63 |
73 |
64 #delete-session-modal{ |
74 #delete-session-modal{ |
65 -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */ |
75 -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */ |
66 -moz-animation: fadein 0.5s; /* Firefox < 16 */ |
76 -moz-animation: fadein 0.5s; /* Firefox < 16 */ |
96 @-o-keyframes fadein { |
106 @-o-keyframes fadein { |
97 from { opacity: 0; } |
107 from { opacity: 0; } |
98 to { opacity: 1; } |
108 to { opacity: 1; } |
99 } |
109 } |
100 |
110 |
101 #delete-session-close-modal-button{ |
111 #delete-session { |
102 background-color: transparent; |
112 |
103 border: transparent; |
113 &-modal-button { |
104 color: rgba(#769FED, .4); |
114 font-size: .9rem; |
105 cursor: pointer; |
115 } |
|
116 |
|
117 &-close-modal-button { |
|
118 background-color: transparent; |
|
119 border: transparent; |
|
120 color: rgba(#769FED, .4); |
|
121 cursor: pointer; |
|
122 } |
|
123 |
|
124 &-close-modal-button:hover { |
|
125 background-color: transparent; |
|
126 border: transparent; |
|
127 color:black; |
|
128 } |
106 } |
129 } |
107 |
130 |
108 #delete-session-close-modal-button:hover{ |
131 .modal-text { |
109 background-color: transparent; |
132 font-size: 1rem; |
110 border: transparent; |
|
111 color:black; |
|
112 } |
133 } |
113 |
134 |
114 .modal-text{ |
|
115 font-size: 16px; |
|
116 } |
|
117 |
|
118 #delete-session-modal-button { |
|
119 font-size: 14px; |
|
120 } |
|