Fix barrra-brasil

Leonardo Merlin
1 parent c17b8344
Showing 2 changed files with 55 additions and 0 deletions Show diff stats
src/app/index.scss
src/app/partials/login/login.scss
@@ -25,6 +25,17 @@ $icon-font-path: &quot;../../bower_components/bootstrap-sass-official/assets/fonts/bo
   padding: 0.2em 0;
 }
+// Hack to fix "Barra do Brasil"
+#barra-brasil .brasil-flag {
+  height: 33px !important;
+}
+
+@media only screen and (max-width: 959px){
+  #barra-brasil ul.list {
+    z-index: 9999;
+  }
+}
+
 /**
  *  Do not remove this comments bellow. It's the markers used by gulp-inject to inject
  *  all your sass files automatically
@@ -0,0 +1,44 @@
+.btn-social {
+  color: #fff;
+  font-weight: bold;
+
+  &:hover,
+  &:focus {color: #fff;}
+
+  &.btn-facebook {
+    background-color: #33477a;
+    &:hover,
+    &:focus {background-color: #304373; }
+    &:active {background-color: #33477a; }
+  }
+  &.btn-google-plus {
+    background-color: #b92d25;
+    &:hover,
+    &:focus {background-color: #b12b23; }
+    &:active {background-color: #b92d25; }
+  }
+}
+
+.glyphicon {
+  &.icon-white {
+    fill: white;
+  }
+}
+
+.separator-or {
+  border-top: 2px solid #d8d8d8;
+  text-align: center;
+  font-weight: bold;
+
+  &:after {
+    content: "ou";
+    position: absolute;
+    top: 4px;
+    left: 50%;
+    margin-left: -26px;
+    font-size: 30px;
+    line-height: 30px;
+    padding: 0 0.25em;
+    background: $gray;
+  }
+}
	@@ -25,6 +25,17 @@ $icon-font-path: "../../bower_components/bootstrap-sass-official/assets/fonts/bo		@@ -25,6 +25,17 @@ $icon-font-path: "../../bower_components/bootstrap-sass-official/assets/fonts/bo
25	padding: 0.2em 0;	25	padding: 0.2em 0;
26	}	26	}
27		27
		28	+// Hack to fix "Barra do Brasil"
		29	+#barra-brasil .brasil-flag {
		30	+ height: 33px !important;
		31	+}
		32	+
		33	+@media only screen and (max-width: 959px){
		34	+ #barra-brasil ul.list {
		35	+ z-index: 9999;
		36	+ }
		37	+}
		38	+
28	/**	39	/**
29	* Do not remove this comments bellow. It's the markers used by gulp-inject to inject	40	* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
30	* all your sass files automatically	41	* all your sass files automatically
@@ -0,0 +1,44 @@		@@ -0,0 +1,44 @@
	1	+.btn-social {
	2	+ color: #fff;
	3	+ font-weight: bold;
	4	+
	5	+ &:hover,
	6	+ &:focus {color: #fff;}
	7	+
	8	+ &.btn-facebook {
	9	+ background-color: #33477a;
	10	+ &:hover,
	11	+ &:focus {background-color: #304373; }
	12	+ &:active {background-color: #33477a; }
	13	+ }
	14	+ &.btn-google-plus {
	15	+ background-color: #b92d25;
	16	+ &:hover,
	17	+ &:focus {background-color: #b12b23; }
	18	+ &:active {background-color: #b92d25; }
	19	+ }
	20	+}
	21	+
	22	+.glyphicon {
	23	+ &.icon-white {
	24	+ fill: white;
	25	+ }
	26	+}
	27	+
	28	+.separator-or {
	29	+ border-top: 2px solid #d8d8d8;
	30	+ text-align: center;
	31	+ font-weight: bold;
	32	+
	33	+ &:after {
	34	+ content: "ou";
	35	+ position: absolute;
	36	+ top: 4px;
	37	+ left: 50%;
	38	+ margin-left: -26px;
	39	+ font-size: 30px;
	40	+ line-height: 30px;
	41	+ padding: 0 0.25em;
	42	+ background: $gray;
	43	+ }
	44	+}