73 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			SCSS
		
	
	
			
		
		
	
	
			73 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			SCSS
		
	
	
/*
 | 
						|
Copyright 2020 The Matrix.org Foundation C.I.C.
 | 
						|
 | 
						|
Licensed under the Apache License, Version 2.0 (the "License");
 | 
						|
you may not use this file except in compliance with the License.
 | 
						|
You may obtain a copy of the License at
 | 
						|
 | 
						|
    http://www.apache.org/licenses/LICENSE-2.0
 | 
						|
 | 
						|
Unless required by applicable law or agreed to in writing, software
 | 
						|
distributed under the License is distributed on an "AS IS" BASIS,
 | 
						|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | 
						|
See the License for the specific language governing permissions and
 | 
						|
limitations under the License.
 | 
						|
*/
 | 
						|
 | 
						|
.mx_NewRoomIntro {
 | 
						|
    margin: 40px 0 48px 64px;
 | 
						|
 | 
						|
    .mx_MiniAvatarUploader_hasAvatar:not(.mx_MiniAvatarUploader_busy):not(:hover) {
 | 
						|
        .mx_MiniAvatarUploader_indicator {
 | 
						|
            display: none;
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    .mx_AccessibleButton_kind_link {
 | 
						|
        padding: 0;
 | 
						|
        font-size: inherit;
 | 
						|
    }
 | 
						|
 | 
						|
    .mx_NewRoomIntro_buttons {
 | 
						|
        margin-top: 28px;
 | 
						|
 | 
						|
        .mx_AccessibleButton {
 | 
						|
            line-height: $font-24px;
 | 
						|
            display: inline-block;
 | 
						|
 | 
						|
            & + .mx_AccessibleButton {
 | 
						|
                margin-left: 12px;
 | 
						|
            }
 | 
						|
 | 
						|
            &:not(.mx_AccessibleButton_kind_primary_outline)::before {
 | 
						|
                content: '';
 | 
						|
                display: inline-block;
 | 
						|
                background-color: $button-fg-color;
 | 
						|
                mask-position: center;
 | 
						|
                mask-repeat: no-repeat;
 | 
						|
                mask-size: 20px;
 | 
						|
                width: 20px;
 | 
						|
                height: 20px;
 | 
						|
                margin-right: 5px;
 | 
						|
                vertical-align: text-bottom;
 | 
						|
            }
 | 
						|
        }
 | 
						|
 | 
						|
        .mx_NewRoomIntro_inviteButton::before {
 | 
						|
            mask-image: url('$(res)/img/element-icons/room/invite.svg');
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    > h2 {
 | 
						|
        margin-top: 24px;
 | 
						|
        font-size: $font-24px;
 | 
						|
        font-weight: 600;
 | 
						|
    }
 | 
						|
 | 
						|
    > p {
 | 
						|
        margin: 0;
 | 
						|
        font-size: $font-15px;
 | 
						|
        color: $secondary-fg-color;
 | 
						|
    }
 | 
						|
}
 |