refactor(eww): clean up scss and add color variables
This commit is contained in:
		
							parent
							
								
									3e893367ed
								
							
						
					
					
						commit
						7175f2c628
					
				
					 1 changed files with 27 additions and 27 deletions
				
			
		| 
						 | 
				
			
			@ -1,63 +1,63 @@
 | 
			
		|||
$color-primary: #c6a0f6;
 | 
			
		||||
$color-sec: #f5bde6;
 | 
			
		||||
$color-bg: #24273a;
 | 
			
		||||
$color-plane: #5a2d85;
 | 
			
		||||
$color-light: #5b6078;
 | 
			
		||||
 | 
			
		||||
.bar {
 | 
			
		||||
  background-color: $color-bg;
 | 
			
		||||
  border-radius: 12px;
 | 
			
		||||
 | 
			
		||||
  border: 3px solid $color-light;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.bat {
 | 
			
		||||
  color: #cac;
 | 
			
		||||
 | 
			
		||||
  color: $color-primary;
 | 
			
		||||
}
 | 
			
		||||
.circle {
 | 
			
		||||
  margin-top: -2.5rem;
 | 
			
		||||
  color: #cac;
 | 
			
		||||
  color: $color-primary;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.workspace-entry {
 | 
			
		||||
  border: 2px solid $color-primary;
 | 
			
		||||
  border-radius: 20px;
 | 
			
		||||
  border-width: 2px;
 | 
			
		||||
  border-style: solid;
 | 
			
		||||
  border-color: #cac;
 | 
			
		||||
  margin: 2px;
 | 
			
		||||
 | 
			
		||||
  &.empty {
 | 
			
		||||
 | 
			
		||||
  }
 | 
			
		||||
  &.empty {}
 | 
			
		||||
 | 
			
		||||
  &.occupied{
 | 
			
		||||
    background-color: $color-light;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &.current {
 | 
			
		||||
    background-color: #536;
 | 
			
		||||
    background-color: $color-plane;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.power {
 | 
			
		||||
  color: #cac;
 | 
			
		||||
  font-size: 20;
 | 
			
		||||
  padding-top: 2px;
 | 
			
		||||
  padding-right: 4px;
 | 
			
		||||
  padding-left: 0px;
 | 
			
		||||
  padding-bottom: 4px;
 | 
			
		||||
  color: $color-primary;
 | 
			
		||||
  font-size: 18;
 | 
			
		||||
  padding-right: 3px;
 | 
			
		||||
  padding-bottom: 2px;
 | 
			
		||||
  margin-bottom: 5px;
 | 
			
		||||
  margin-left: 1px;
 | 
			
		||||
  background-color: #515;
 | 
			
		||||
  // margin-left: 1px;
 | 
			
		||||
  margin: 5px 2px;
 | 
			
		||||
  background-color: $color-plane;
 | 
			
		||||
  border: 2px solid;
 | 
			
		||||
  border-radius: 15px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.cal {
 | 
			
		||||
  background-color: $color-primary;
 | 
			
		||||
  border-radius: 8px;
 | 
			
		||||
  padding: 5px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.clock {
 | 
			
		||||
  background-color: #536;
 | 
			
		||||
  border-width: 2px;
 | 
			
		||||
  border-style: solid;
 | 
			
		||||
  border-color: #cac;
 | 
			
		||||
  border-radius: 5px;
 | 
			
		||||
  color: #cac;
 | 
			
		||||
  color: $color-primary;
 | 
			
		||||
  background-color: $color-plane;
 | 
			
		||||
  border: 2px solid $color-primary;
 | 
			
		||||
  border-radius: 3px;
 | 
			
		||||
  padding: 2px;
 | 
			
		||||
  margin: 2px;
 | 
			
		||||
  border-radius: 3px;
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue