@@ -16,32 +16,32 @@ $mono-dark: #454545;
16
16
17
17
18
18
.fade-out {
19
- background : none !important ;
20
- margin-left : 100% ;
21
- position : fixed ;
22
- left : -35px !important ;
23
-
24
- .octicon {
25
- font-size : 14px !important ;
26
- }
27
-
28
- & .timer-wrapper {
29
- background-color : none !important ;
30
- }
31
-
32
- .timer {
33
- margin : 0 0 !important ;
34
- }
35
-
36
- .timer-toggle {
37
- padding-left : 0px !important ;
38
- opacity : .3 ;
39
- text-align : left !important ;
40
- }
41
-
42
- .timer-amount {
43
- visibility : hidden ;
44
- }
19
+ background : none !important ;
20
+ margin-left : 100% ;
21
+ position : fixed ;
22
+ left : -35px !important ;
23
+
24
+ .octicon {
25
+ font-size : 14px !important ;
26
+ }
27
+
28
+ & .timer-wrapper {
29
+ background-color : none !important ;
30
+ }
31
+
32
+ .timer {
33
+ margin : 0 0 !important ;
34
+ }
35
+
36
+ .timer-toggle {
37
+ padding-left : 0px !important ;
38
+ opacity : .3 ;
39
+ text-align : left !important ;
40
+ }
41
+
42
+ .timer-amount {
43
+ visibility : hidden ;
44
+ }
45
45
}
46
46
47
47
.display-controls {
@@ -51,119 +51,119 @@ $mono-dark: #454545;
51
51
}
52
52
53
53
.timer-check {
54
- visibility : hidden ;
55
- height : 0 ;
56
- width : 0 ;
57
-
58
- & :checked + label {
59
- color : $color-dark ;
60
-
61
- & :before {
62
- content : ' \f046 ' ;
63
- color : rgba ($mono-bright , 1 );
64
- background-color : $color-dark ;
65
- box-shadow : 0 0 0 2px $color-dark ;
66
- padding-left : 0px ;
67
- line-height : 1em ;
68
- }
69
- }
54
+ visibility : hidden ;
55
+ height : 0 ;
56
+ width : 0 ;
57
+
58
+ & :checked + label {
59
+ color : $color-dark ;
60
+
61
+ & :before {
62
+ content : ' \f046 ' ;
63
+ color : rgba ($mono-bright , 1 );
64
+ background-color : $color-dark ;
65
+ box-shadow : 0 0 0 2px $color-dark ;
66
+ padding-left : 0px ;
67
+ line-height : 1em ;
68
+ }
69
+ }
70
70
}
71
71
.timer-label {
72
- line-height : 18px ;
73
- padding-left : 25px ;
74
-
75
- & :before {
76
- content : ' \f046 ' ;
77
- font : normal normal normal 16px / 1 octicons;
78
- text-align : center ;
79
- position : absolute ;
80
- left : 0 ;
81
- display : inline-block ;
82
- border-radius : 50% ;
83
- color : rgba ($mono-dark , 0 );
84
- -webkit-transition : all 180ms ;
85
- width : 18px ;
86
- height : 18px ;
87
- box-shadow : 0 0 0 2px $mono-dark ;
88
- padding-top : 1px ;
89
- }
72
+ line-height : 18px ;
73
+ padding-left : 25px ;
74
+
75
+ & :before {
76
+ content : ' \f046 ' ;
77
+ font : normal normal normal 16px / 1 octicons;
78
+ text-align : center ;
79
+ position : absolute ;
80
+ left : 0 ;
81
+ display : inline-block ;
82
+ border-radius : 50% ;
83
+ color : rgba ($mono-dark , 0 );
84
+ -webkit-transition : all 180ms ;
85
+ width : 18px ;
86
+ height : 18px ;
87
+ box-shadow : 0 0 0 2px $mono-dark ;
88
+ padding-top : 1px ;
89
+ }
90
90
}
91
91
92
92
.slide-only-check {
93
- visibility : hidden ;
94
- height : 0 ;
95
- width : 0 ;
96
-
97
- & :checked + label {
98
- color : $color-dark ;
99
-
100
- & :before {
101
- content : ' \f03a ' ;
102
- color : rgba ($mono-bright , 1 );
103
- background-color : $color-dark ;
104
- box-shadow : 0 0 0 2px $color-dark ;
105
- padding-left : 0px ;
106
- line-height : 1em ;
107
- }
108
- }
93
+ visibility : hidden ;
94
+ height : 0 ;
95
+ width : 0 ;
96
+
97
+ & :checked + label {
98
+ color : $color-dark ;
99
+
100
+ & :before {
101
+ content : ' \f03a ' ;
102
+ color : rgba ($mono-bright , 1 );
103
+ background-color : $color-dark ;
104
+ box-shadow : 0 0 0 2px $color-dark ;
105
+ padding-left : 0px ;
106
+ line-height : 1em ;
107
+ }
108
+ }
109
109
}
110
110
.slides-only-label {
111
- line-height : 18px ;
112
- padding-left : 25px ;
113
-
114
- & :before {
115
- content : ' \f03a ' ;
116
- font : normal normal normal 16px / 1 octicons;
117
- text-align : center ;
118
- position : absolute ;
119
- left : 0 ;
120
- display : inline-block ;
121
- border-radius : 50% ;
122
- color : rgba ($mono-dark , 0 );
123
- -webkit-transition : all 180ms ;
124
- padding-left : 5px ;
125
- width : 18px ;
126
- height : 18px ;
127
- box-shadow : 0 0 0 2px $mono-dark ;
128
- line-height : .2em ;
129
- }
111
+ line-height : 18px ;
112
+ padding-left : 25px ;
113
+
114
+ & :before {
115
+ content : ' \f03a ' ;
116
+ font : normal normal normal 16px / 1 octicons;
117
+ text-align : center ;
118
+ position : absolute ;
119
+ left : 0 ;
120
+ display : inline-block ;
121
+ border-radius : 50% ;
122
+ color : rgba ($mono-dark , 0 );
123
+ -webkit-transition : all 180ms ;
124
+ padding-left : 5px ;
125
+ width : 18px ;
126
+ height : 18px ;
127
+ box-shadow : 0 0 0 2px $mono-dark ;
128
+ line-height : .2em ;
129
+ }
130
130
}
131
131
132
132
.timer-wrapper {
133
- background : rgba (255 ,255 ,255 ,.93 );
134
- height : 100% ;
135
- width : 100% ;
136
- position : fixed ;
137
- z-index : 1000 ;
138
- top : 0 ;
139
- left : 0 ;
140
-
141
- .timer {
142
- transition : all 300ms ;
143
- position : relative ;
144
- margin : 10% auto ;
145
- border-radius : 10px ;
146
- height : 150px ;
147
- width : 300px ;
148
- display : block ;
149
- text-align : center ;
150
-
151
- .timer-toggle {
152
- width : 100% ;
153
- border-top-left-radius : 5px ;
154
- border-bottom-left-radius : 5px ;
155
- text-align : center ;
156
- }
157
-
158
- .timer-content {
159
- text-align : center ;
160
- }
161
-
162
- .time-left {
163
- font-size : 150px ;
164
- display : block ;
165
- }
166
- }
133
+ background : rgba (255 ,255 ,255 ,.93 );
134
+ height : 100% ;
135
+ width : 100% ;
136
+ position : fixed ;
137
+ z-index : 1000 ;
138
+ top : 0 ;
139
+ left : 0 ;
140
+
141
+ .timer {
142
+ transition : all 300ms ;
143
+ position : relative ;
144
+ margin : 10% auto ;
145
+ border-radius : 10px ;
146
+ height : 150px ;
147
+ width : 300px ;
148
+ display : block ;
149
+ text-align : center ;
150
+
151
+ .timer-toggle {
152
+ width : 100% ;
153
+ border-top-left-radius : 5px ;
154
+ border-bottom-left-radius : 5px ;
155
+ text-align : center ;
156
+ }
157
+
158
+ .timer-content {
159
+ text-align : center ;
160
+ }
161
+
162
+ .time-left {
163
+ font-size : 150px ;
164
+ display : block ;
165
+ }
166
+ }
167
167
}
168
168
169
169
.nav-list >li >a {
0 commit comments