38 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			SCSS
		
	
	
			
		
		
	
	
			38 lines
		
	
	
		
			1.1 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.
 | |
| */
 | |
| 
 | |
| $PassphraseStrengthHigh: $accent-color;
 | |
| $PassphraseStrengthMedium: $username-variant5-color;
 | |
| $PassphraseStrengthLow: $notice-primary-color;
 | |
| 
 | |
| progress.mx_PassphraseField_progress {
 | |
|     appearance: none;
 | |
|     width: 100%;
 | |
|     border: 0;
 | |
|     height: 4px;
 | |
|     position: absolute;
 | |
|     top: -12px;
 | |
| 
 | |
|     @mixin ProgressBarBorderRadius "2px";
 | |
|     @mixin ProgressBarColour $PassphraseStrengthLow;
 | |
|     &[value="2"], &[value="3"] {
 | |
|         @mixin ProgressBarColour $PassphraseStrengthMedium;
 | |
|     }
 | |
|     &[value="4"] {
 | |
|         @mixin ProgressBarColour $PassphraseStrengthHigh;
 | |
|     }
 | |
| }
 |