scss_ninja 0.1.3 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,72 +0,0 @@
1
- .btn {
2
- font-size: 17px;
3
- padding: 2% 5% 2% 5%;
4
- margin: 4px 0 4px 0;
5
- border-radius: 12px;
6
- text-align: center;
7
- text-decoration: none;
8
- }
9
-
10
- .btn-warning {
11
- background-color: orange;
12
- color: gray;
13
- }
14
-
15
- .warning-outline {
16
- border: 1px solid orange;
17
- }
18
-
19
- .btn-success {
20
- background-color: green;
21
- color: white;
22
- }
23
-
24
- .success-outline {
25
- border: 1px solid green;
26
- }
27
-
28
- .btn-primary {
29
- background-color: #08c9eb;
30
- color: white;
31
- }
32
-
33
- .primary-outline {
34
- border: 1px solid #08c9eb;
35
- }
36
-
37
- .btn-light {
38
- background-color: #9e9a9a;
39
- color: white;
40
- }
41
-
42
- .light-outline {
43
- border: 1px solid #9e9a9a;
44
- }
45
-
46
- .btn-dark {
47
- background-color: #0d0d0e;
48
- color: white;
49
- }
50
-
51
- .dark-outline {
52
- border: 1px solid black;
53
- }
54
-
55
- .btn-danger {
56
- background-color: #f32207;
57
- color: white;
58
- }
59
-
60
- .danger-outline {
61
- border: 1px solid #f32207 !important;
62
- }
63
-
64
- .btn-pink {
65
- background-color: #d909f5;
66
- color: #0d0d0e;
67
- }
68
-
69
- .pink-outline {
70
- border: 1px solid #d909f5;
71
- }
72
- /*# sourceMappingURL=buttons.css.map */
@@ -1,157 +0,0 @@
1
- /* ####### Styles for card ######## */
2
- .card {
3
- width: 94%;
4
- display: -webkit-box;
5
- display: -ms-flexbox;
6
- display: flex;
7
- border: 1px solid #e2dede;
8
- border-radius: 20px;
9
- padding: 0 3% 3% 0;
10
- -webkit-box-shadow: 5px 10px #e9e8e8;
11
- box-shadow: 5px 10px #e9e8e8;
12
- }
13
-
14
- .card .aside {
15
- display: -webkit-box;
16
- display: -ms-flexbox;
17
- display: flex;
18
- -webkit-box-orient: vertical;
19
- -webkit-box-direction: normal;
20
- -ms-flex-direction: column;
21
- flex-direction: column;
22
- -webkit-box-align: center;
23
- -ms-flex-align: center;
24
- align-items: center;
25
- margin-left: 0;
26
- padding-left: 0;
27
- border: inherit;
28
- border-top-left-radius: inherit;
29
- font-family: 'Times New Roman', Times, serif;
30
- }
31
-
32
- .card .aside .aside-header {
33
- margin-top: 0%;
34
- }
35
-
36
- .card .aside .aside-body {
37
- width: 100%;
38
- display: -webkit-box;
39
- display: -ms-flexbox;
40
- display: flex;
41
- -webkit-box-orient: vertical;
42
- -webkit-box-direction: normal;
43
- -ms-flex-direction: column;
44
- flex-direction: column;
45
- -webkit-box-pack: space-evenly;
46
- -ms-flex-pack: space-evenly;
47
- justify-content: space-evenly;
48
- -webkit-box-align: center;
49
- -ms-flex-align: center;
50
- align-items: center;
51
- margin-left: 10px;
52
- padding-left: 0;
53
- }
54
-
55
- .card .body {
56
- display: -webkit-box;
57
- display: -ms-flexbox;
58
- display: flex;
59
- -webkit-box-orient: vertical;
60
- -webkit-box-direction: normal;
61
- -ms-flex-direction: column;
62
- flex-direction: column;
63
- }
64
-
65
- .card .body .card-header {
66
- font-weight: 900;
67
- text-align: center;
68
- }
69
-
70
- .card .body .card-content {
71
- width: 100%;
72
- margin-left: 0.9%;
73
- }
74
-
75
- .card .body .card-footer {
76
- display: -webkit-box;
77
- display: -ms-flexbox;
78
- display: flex;
79
- -webkit-box-pack: space-evenly;
80
- -ms-flex-pack: space-evenly;
81
- justify-content: space-evenly;
82
- }
83
-
84
- .cards {
85
- width: 100%;
86
- background-color: #f5eeee;
87
- color: black;
88
- border-radius: 10px;
89
- position: relative;
90
- height: 100%;
91
- }
92
-
93
- .cards .card-header {
94
- background-color: #bbb8b8;
95
- width: 100%;
96
- border-top-left-radius: inherit;
97
- border-top-right-radius: inherit;
98
- position: absolute;
99
- top: 0;
100
- left: auto;
101
- height: 20%;
102
- font-weight: 900;
103
- -webkit-box-shadow: 0 5px #e7e5e5;
104
- box-shadow: 0 5px #e7e5e5;
105
- }
106
-
107
- .cards .card-header .card-header-content {
108
- width: -webkit-fit-content;
109
- width: -moz-fit-content;
110
- width: fit-content;
111
- height: 70%;
112
- margin: auto auto auto auto;
113
- -webkit-transform: translateY(50%);
114
- transform: translateY(50%);
115
- }
116
-
117
- .cards .card-body {
118
- margin-left: 3%;
119
- margin-right: 3%;
120
- position: absolute;
121
- top: 22%;
122
- width: -webkit-fit-content;
123
- width: -moz-fit-content;
124
- width: fit-content;
125
- max-width: inherit;
126
- height: 63%;
127
- border-radius: inherit;
128
- }
129
-
130
- .cards .card-body .card-body-content {
131
- width: -webkit-fit-content;
132
- width: -moz-fit-content;
133
- width: fit-content;
134
- margin: auto auto auto auto;
135
- text-align: center;
136
- padding: 1%;
137
- }
138
-
139
- .cards .card-footer {
140
- position: absolute;
141
- bottom: 0;
142
- height: 13%;
143
- width: 100%;
144
- background-color: #e0dede;
145
- border-bottom-left-radius: inherit;
146
- border-bottom-right-radius: inherit;
147
- display: -webkit-box;
148
- display: -ms-flexbox;
149
- display: flex;
150
- }
151
-
152
- .cards .card-footer .card-footer-content {
153
- width: auto;
154
- margin: auto;
155
- padding: 2% 1% 2% 1%;
156
- }
157
- /*# sourceMappingURL=cards.css.map */