瀏覽代碼

fix(welcome): Add extra variables

master
Mihai Uscat 6 年之前
父節點
當前提交
02fb37189b
共有 2 個檔案被更改,包括 22 行新增8 行删除
  1. 11
    0
      css/_variables.scss
  2. 11
    8
      css/_welcome_page.scss

+ 11
- 0
css/_variables.scss 查看文件

180
 $welcomePageHeaderTextMarginBottom: 35px;
180
 $welcomePageHeaderTextMarginBottom: 35px;
181
 
181
 
182
 $welcomePageHeaderTextTitleMarginBottom: 16px;
182
 $welcomePageHeaderTextTitleMarginBottom: 16px;
183
+$welcomePageHeaderTextTitleFontSize: 2.5rem;
184
+$welcomePageHeaderTextTitleFontWeight: 500;
185
+$welcomePageHeaderTextTitleLineHeight: 1.18;
186
+$welcomePageHeaderTextTitleOpacity: 1;
183
 
187
 
184
 $welcomePageHeaderTextDescriptionDisplay: inherit;
188
 $welcomePageHeaderTextDescriptionDisplay: inherit;
189
+$welcomePageHeaderTextDescriptionFontSize: 1rem;
190
+$welcomePageHeaderTextDescriptionFontWeight: 400;
191
+$welcomePageHeaderTextDescriptionLineHeight: 24px;
192
+$welcomePageHeaderTextDescriptionMarginBottom: 20px;
193
+$welcomePageHeaderTextDescriptionAlignSelf: inherit;
185
 
194
 
186
 $welcomePageEnterRoomWidth: 680px;
195
 $welcomePageEnterRoomWidth: 680px;
187
 $welcomePageEnterRoomPadding: 25px 30px;
196
 $welcomePageEnterRoomPadding: 25px 30px;
200
 $welcomePageTabDisplay: block;
209
 $welcomePageTabDisplay: block;
201
 
210
 
202
 $welcomePageButtonWidth: 51px;
211
 $welcomePageButtonWidth: 51px;
212
+$welcomePageButtonMinWidth: inherit;
213
+$welcomePageButtonFontSize: 14px;
203
 $welcomePageButtonHeight: 35px;
214
 $welcomePageButtonHeight: 35px;
204
 $welcomePageButtonFontWeight: inherit;
215
 $welcomePageButtonFontWeight: inherit;
205
 $welcomePageButtonBorderRadius: 4px;
216
 $welcomePageButtonBorderRadius: 4px;

+ 11
- 8
css/_welcome_page.scss 查看文件

38
 
38
 
39
         .header-text-title {
39
         .header-text-title {
40
             color: $welcomePageTitleColor;
40
             color: $welcomePageTitleColor;
41
-            font-size: 2.5rem;
42
-            font-weight: 500;
43
-            line-height: 1.18;
41
+            font-size: $welcomePageHeaderTextTitleFontSize;
42
+            font-weight: $welcomePageHeaderTextTitleFontWeight;
43
+            line-height: $welcomePageHeaderTextTitleLineHeight;
44
             margin-bottom: $welcomePageHeaderTextTitleMarginBottom;
44
             margin-bottom: $welcomePageHeaderTextTitleMarginBottom;
45
+            opacity: $welcomePageHeaderTextTitleOpacity;
45
         }
46
         }
46
 
47
 
47
         .header-text-description {
48
         .header-text-description {
48
             display: $welcomePageHeaderTextDescriptionDisplay;
49
             display: $welcomePageHeaderTextDescriptionDisplay;
49
             color: $welcomePageDescriptionColor;
50
             color: $welcomePageDescriptionColor;
50
-            font-size: 1rem;
51
-            font-weight: 400;
52
-            line-height: 24px;
53
-            margin-bottom: 20px;
51
+            font-size: $welcomePageHeaderTextDescriptionFontSize;
52
+            font-weight: $welcomePageHeaderTextDescriptionFontWeight;
53
+            line-height: $welcomePageHeaderTextDescriptionLineHeight;
54
+            margin-bottom: $welcomePageHeaderTextDescriptionMarginBottom;
55
+            align-self: $welcomePageHeaderTextDescriptionAlignSelf;
54
         }
56
         }
55
 
57
 
56
         #enter_room {
58
         #enter_room {
148
 
150
 
149
     .welcome-page-button {
151
     .welcome-page-button {
150
         width: $welcomePageButtonWidth;
152
         width: $welcomePageButtonWidth;
153
+        min-width: $welcomePageButtonMinWidth;
151
         height: $welcomePageButtonHeight;
154
         height: $welcomePageButtonHeight;
152
-        font-size: 14px;
155
+        font-size: $welcomePageButtonFontSize;
153
         font-weight: $welcomePageButtonFontWeight;
156
         font-weight: $welcomePageButtonFontWeight;
154
         background: #0074E0;
157
         background: #0074E0;
155
         border-radius: $welcomePageButtonBorderRadius;
158
         border-radius: $welcomePageButtonBorderRadius;

Loading…
取消
儲存