Browse Source

Removed default .is-success background-color from Bulma

theflametrooper 7 years ago
parent
commit
7a9ca07cf5
1 changed files with 53 additions and 51 deletions
  1. 53 51
      frontend/App.vue

+ 53 - 51
frontend/App.vue

@@ -175,71 +175,71 @@
 	.tooltip {
 		position: relative;
 
-	&:after {
-		 position: absolute;
-		 min-width: 80px;
-		 margin-left: -75%;
-		 text-align: center;
-		 padding: 7.5px 6px;
-		 border-radius: 2px;
-		 background-color: #323232;
-		 font-size: .9em;
-		 color: #fff;
-		 content: attr(data-tooltip);
-		 opacity: 0;
-		 transition: all .2s ease-in-out .1s;
-		 visibility: hidden;
-	 }
-
-	&:hover:after {
-		 opacity: 1;
-		 visibility: visible;
-	 }
+		&:after {
+			 position: absolute;
+			 min-width: 80px;
+			 margin-left: -75%;
+			 text-align: center;
+			 padding: 7.5px 6px;
+			 border-radius: 2px;
+			 background-color: #323232;
+			 font-size: .9em;
+			 color: #fff;
+			 content: attr(data-tooltip);
+			 opacity: 0;
+			 transition: all .2s ease-in-out .1s;
+			 visibility: hidden;
+		}
+
+		&:hover:after {
+			 opacity: 1;
+			 visibility: visible;
+		}
 	}
 
 	.tooltip-top {
-	&:after {
-		 bottom: 150%;
-	 }
+		&:after {
+			 bottom: 150%;
+		}
 
-	&:hover {
-	&:after { bottom: 120%; }
-	}
+		&:hover {
+			&:after { bottom: 120%; }
+		}
 	}
 
 
 	.tooltip-bottom {
-	&:after {
-		 top: 155%;
-	 }
+		&:after {
+			 top: 155%;
+		}
 
-	&:hover {
-	&:after { top: 125%; }
-	}
+		&:hover {
+			&:after { top: 125%; }
+		}
 	}
 
 	.tooltip-left {
-	&:after {
-		 bottom: -10px;
-		 right: 130%;
-		 min-width: 100px;
-	 }
-
-	&:hover {
-	&:after { right: 110%; }
-	}
+		&:after {
+			 bottom: -10px;
+			 right: 130%;
+			 min-width: 100px;
+		}
+
+		&:hover {
+			&:after { right: 110%; }
+		}
 	}
 
 	.tooltip-right {
-	&:after {
-		 bottom: -10px;
-		 left: 190%;
-		 min-width: 100px;
-	 }
-
-	&:hover {
-	&:after { left: 200%; }
-	}
+		&:after {
+			 bottom: -10px;
+			 left: 190%;
+			 min-width: 100px;
+		}
+
+		&:hover {
+			 &:after { left: 200%; }
+		}
 	}
 
 	.button:focus, .button:active { border-color: #dbdbdb !important; }
@@ -247,4 +247,6 @@
 	button.delete:focus { background-color: rgba(10, 10, 10, 0.3); }
 
 	.tag { padding-right: 6px !important; }
-</style>
+
+	.button.is-success { background-color: #00B16A !important; }
+</style>