Boton login - botones transparentes

Luigi
1 parent 485d8b1e22
Showing 3 changed files with 27 additions and 2 deletions Show diff stats
src/sass/_bootstrap.scss
src/sass/_constants.scss
src/sass/general.scss
@@ -13,6 +13,7 @@ button.active{
     line-height: 1.5;
     border-radius: .2rem;
 }
+
 .no-border-bottom {
     border-bottom: 0 !important;
 }
 $primary: #cd9035;
-$primaryTransparency: #cd9137cc;
+$primaryTransparency: #d6a55bcc;
 $highlightedArea: #df9424;
 $default: #6c757d;
-$defaultTransparency: #6c757dcc;
 \ No newline at end of file
+$defaultTransparency: #6c757dcc;
+$danger: #dc3545;
+$dangerTransparency: #e98a94;
 \ No newline at end of file
@@ -57,6 +57,20 @@ input::-webkit-inner-spin-button {
     }
 }
  
+.btn-login {
+    box-shadow: none !important;
+}
+
+input[type="file"] {
+    display: none;
+}
+ .custom-file-upload {
+    border: 1px solid #ccc;
+    display: inline-block;
+    padding: 6px 12px;
+    cursor: pointer;
+ }
+ 
 .btn-brown {
     background-color:$primary;
     -webkit-appearance: none;
@@ -131,6 +145,14 @@ input::-webkit-inner-spin-button {
     }
 }
  
+.btn-danger {
+    &:hover {
+        color: #FFF;
+        border-color: $dangerTransparency !important;
+        background-color: $dangerTransparency !important;
+    }
+}
+
 .table-celda-total {
    background-color: $highlightedArea;
 }
...	...	@@ -13,6 +13,7 @@ button.active{
13	13	line-height: 1.5;
14	14	border-radius: .2rem;
15	15	}
	16	+
16	17	.no-border-bottom {
17	18	border-bottom: 0 !important;
18	19	}
1	1	$primary: #cd9035;
2		-$primaryTransparency: #cd9137cc;
	2	+$primaryTransparency: #d6a55bcc;
3	3	$highlightedArea: #df9424;
4	4	$default: #6c757d;
5		-$defaultTransparency: #6c757dcc;
6	5	\ No newline at end of file
	6	+$defaultTransparency: #6c757dcc;
	7	+$danger: #dc3545;
	8	+$dangerTransparency: #e98a94;
7	9	\ No newline at end of file
...	...	@@ -57,6 +57,20 @@ input::-webkit-inner-spin-button {
57	57	}
58	58	}
59	59
	60	+.btn-login {
	61	+ box-shadow: none !important;
	62	+}
	63	+
	64	+input[type="file"] {
	65	+ display: none;
	66	+}
	67	+ .custom-file-upload {
	68	+ border: 1px solid #ccc;
	69	+ display: inline-block;
	70	+ padding: 6px 12px;
	71	+ cursor: pointer;
	72	+ }
	73	+
60	74	.btn-brown {
61	75	background-color:$primary;
62	76	-webkit-appearance: none;
...	...	@@ -131,6 +145,14 @@ input::-webkit-inner-spin-button {
131	145	}
132	146	}
133	147
	148	+.btn-danger {
	149	+ &:hover {
	150	+ color: #FFF;
	151	+ border-color: $dangerTransparency !important;
	152	+ background-color: $dangerTransparency !important;
	153	+ }
	154	+}
	155	+
134	156	.table-celda-total {
135	157	background-color: $highlightedArea;
136	158	}