Mauricio Cattafi / wrapper-demo

Authored by Marcelo Puebla 2019-10-02 14:42:29 -0300

1 parent 5b7ae9477f

Exists in master

Showing 1 changed file with 12 additions and 62 deletions Show diff stats

src/sass/_login.scss

1		-.login {
2		- background: linear-gradient(0 ,#ffffff, #e6e6e6);
3		- border: 1px solid #000000;
4		- border-radius: 3px;
5		- height: calc(280px + 1em);
6		- left: calc(50% - 130px);
7		- opacity: 0.7;
8		- position: absolute;
9		- text-align: center;
10		- top: 190px;
11		- width: 260px;
12		- &-titulo {
13		- border-bottom: 1px solid #ffffff;
14		- padding: 5px 0;
15		- }
16		- &-campo {
17		- label {
18		- display: block;
19		- font-size: 12px;
20		- margin: 5px 0 0;
21		- }
22		- input {
23		- -moz-border-radius: 10px;
24		- -khtml-border-radius: 10px;
25		- -webkit-border-radius: 10px;
26		- -webkit-appearance: none;
27		- padding-right: 5%;
28		- padding-left: 5%;
29		- border-radius: 10px;
30		- outline: 0;
31		- border-color: transparent;
32		- text-transform: none !important;
33		- &:focus {
34		- border-color: #ff9900;
35		- }
36		- }
37		- }
38		- &-button {
39		- width: 80%;
40		- background-color: #cd9035;
41		- color: white;
42		- &:hover {
43		- background-color: #a7743d;
44		- color: white
45		- }
46		- &:focus {
47		- color: white;
48		- }
49		- }
50		- &-alerta-error {
51		- width: 260px;
52		- left: calc(50% - 130px);
53		- top: calc(383px + 1.5em);
54		- }
	1	+.bg-gradient-login {
	2	+ background: linear-gradient(0, #ffffff, #e6e6e6);
	3	+}
	4	+
	5	+.login-small-text {
	6	+ font-size: 12px;
55	7	}
56	8
57	9	@media (min-width: 768px) {
58		- .img-login{
59		- height: 190px;
60		- width: 211px;
61		- }
	10	+ .img-login {
	11	+ width: 211px;
	12	+ }
62	13	}
63	14
64	15	@media (max-width: 768px) {
65		- .img-login{
66		- height: 150px;
67		- width: 158px;
68		- }
	16	+ .img-login {
	17	+ width: 158px;
	18	+ }
69	19	}