-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathglobal.styl
116 lines (96 loc) · 2.92 KB
/
global.styl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
@import 'ext/node_modules/argob-poncho/dist/css/poncho.css'
// colores principales de textos y otras cositas
$main-color = #555
$main-color-resalted = #7868a6
// colores de links o textos tipo links
$main-link-color = #555
$main-link-color-hover = #257b6c
// otros colores de bootstrap
$primary-color = #E97B95
$primary-color-hover = #C86980
$secondary-color = #AADCED
$success-color = #50d021
$success-color-hover = #65e635
$danger-color = #e16a3c
$danger-color-hover = #ff9371
// Stylus mixins (funciones): http://stylus-lang.com/docs/mixins.html
// Para convertir fonts entre un formato y otro: https://onlinefontconverter.com/
include-font-files(path)
src: url(path + ".eot"); /* IE9 Compat Modes */
src: url(path + ".eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url(path + ".woff") format("woff"), /* Modern Browsers */
url(path + ".ttf") format("truetype"), /* Safari, Android, iOS */
url(path + ".svg#svgFontName") format("svg"); /* Legacy iOS */
a
color: $main-link-color
a:hover, a:focus, a:active
color: $main-link-color-hover
.text-primary
//en poncho le ponen !important así que hay que hacer lo mismo para pisarlo
color: $primary-color !important
.bg-primary
//en poncho le ponen !important así que hay que hacer lo mismo para pisarlo
background-color: $primary-color !important
// estos botones son los de fondo gris y texto de color
.btn-link
color: $main-color
.btn-link:hover,
.btn-link:focus
color: $main-color-resalted
// botones principales
.btn-primary
background-color: $primary-color
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.focus,
.btn-primary.active
background-color: $primary-color-hover
// on click
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover
background-color: $primary-color-hover
// botones de "borrar", "revocar", etc.
.btn-danger
background-color: $danger-color
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.focus,
.btn-danger.active
background-color: $danger-color-hover
// on click
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover
background-color: $danger-color-hover
//botones "guardar", "publicar", etc.
.btn-success
background-color: $success-color
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.focus,
.btn-success.active
background-color: $success-color-hover
// on click
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover
background-color: $success-color-hover
.btn-outline-success
color: $success-color
.btn-outline-success:hover
background-color: $success-color
.btn-rounded
border-radius: 50000px!important;