codeblock copy
This commit is contained in:
		@@ -1,45 +0,0 @@
 | 
			
		||||
.darkmode {
 | 
			
		||||
  float: right;
 | 
			
		||||
  padding: 1rem;
 | 
			
		||||
  min-width: 30px;
 | 
			
		||||
  position: relative;
 | 
			
		||||
 | 
			
		||||
  @media all and (max-width: 450px) {
 | 
			
		||||
    padding: 1rem;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  & > .toggle {
 | 
			
		||||
    display: none;
 | 
			
		||||
    box-sizing: border-box;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  & svg {
 | 
			
		||||
    cursor: pointer;
 | 
			
		||||
    opacity: 0;
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    width: 20px;
 | 
			
		||||
    height: 20px;
 | 
			
		||||
    top: calc(50% - 10px);
 | 
			
		||||
    margin: 0 7px;
 | 
			
		||||
    fill: var(--darkgray);
 | 
			
		||||
    transition: opacity 0.1s ease;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:root[saved-theme="dark"] .toggle ~ label {
 | 
			
		||||
  & > #dayIcon {
 | 
			
		||||
    opacity: 0;
 | 
			
		||||
  }
 | 
			
		||||
  & > #nightIcon {
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
:root .toggle ~ label {
 | 
			
		||||
  & > #dayIcon {
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
  }
 | 
			
		||||
  & > #nightIcon {
 | 
			
		||||
    opacity: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@@ -1,10 +0,0 @@
 | 
			
		||||
header {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: row;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  margin: 1em 0 2em 0;
 | 
			
		||||
  & > h1 {
 | 
			
		||||
    margin: 0;
 | 
			
		||||
    flex: auto;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user