Skip to content

Commit 6888943

Browse files
conacelelenaconacelelena
committed
- added all scss files.
1 parent a6aa65e commit 6888943

28 files changed

+1731
-0
lines changed

‎assets/scss/custom/_alerts.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
.alert {
2+
@each $color, $value in $bg-colors {
3+
&.alert-#{$color} {
4+
background-color: $value;
5+
color: $white;
6+
border: none;
7+
}
8+
}
9+
a {
10+
color: $white !important;
11+
border-bottom: 1px solid $white !important;
12+
&:hover,
13+
&:focus,
14+
&:active {
15+
border-bottom: 2px solid $white !important;
16+
}
17+
}
18+
}

‎assets/scss/custom/_background.scss

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
@each $color,$value in $bg-colors {
2+
.bg-#{$color} {
3+
@include background-color($value);
4+
}
5+
}
6+
7+
.filter {
8+
display: block;
9+
content: "";
10+
position: absolute;
11+
top: 0;
12+
bottom: 0;
13+
left: 0;
14+
right: 0;
15+
background-color: $dark;
16+
opacity: .45;
17+
18+
19+
@each $color,$value in $theme-colors {
20+
&.filter-#{$color} {
21+
@include filter-color($value);
22+
}
23+
}
24+
}

‎assets/scss/custom/_badges.scss

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
.badge {
2+
border-radius: .5rem;
3+
padding: .2rem .4rem;
4+
@each $color, $value in $theme-colors {
5+
&.badge-#{$color} {
6+
background-color: transparent;
7+
color: $value;
8+
border: 1px solid rgba($value, 0.4);
9+
}
10+
}
11+
12+
13+
&.badge-pill {
14+
@each $color, $value in $theme-colors {
15+
&.badge-#{$color} {
16+
background-color: $value;
17+
color: $white;
18+
}
19+
}
20+
&.badge-light {
21+
color: $dark;
22+
}
23+
}
24+
}

‎assets/scss/custom/_buttons.scss

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
.btn,
2+
.navbar .navbar-nav > a.btn{
3+
font-weight: $font-weight-bold;
4+
@include input-size($input-btn-padding-y, $input-btn-padding-x, $input-btn-font-size, $input-btn-border-radius);
5+
6+
@include transition($fast-transition-time, linear);
7+
8+
&:hover,
9+
&:focus{
10+
outline: 0 !important;
11+
}
12+
&:active,
13+
&.active,
14+
.open > &.dropdown-toggle {
15+
@include box-shadow(none);
16+
outline: 0 !important;
17+
}
18+
19+
.badge{
20+
margin: 0;
21+
}
22+
23+
&.btn-link {
24+
background-color: transparent;
25+
&:hover,
26+
&:focus,
27+
&:active,
28+
&:active:focus {
29+
background-color: transparent;
30+
text-decoration: none;
31+
}
32+
}
33+
34+
&.btn-lg {
35+
@include input-size($input-btn-padding-lg-y, $input-btn-padding-lg-x, $input-btn-font-size-lg, $input-btn-border-radius-lg);
36+
}
37+
38+
&.btn-sm {
39+
@include input-size($input-btn-padding-sm-y, $input-btn-padding-sm-x, $input-btn-font-size-sm, $input-btn-border-radius-sm);
40+
}
41+
42+
&.btn-pill {
43+
border-radius: 4rem;
44+
}
45+
&.btn-icon {
46+
padding: .5rem .8rem ;
47+
border-radius: 4rem;
48+
&.btn-sm {
49+
padding: .3rem .55rem ;
50+
}
51+
&.btn-lg {
52+
padding: .65rem 1rem;
53+
}
54+
}
55+
}
56+
57+
// Apply the mixin to the buttons
58+
@each $color, $value in $theme-colors {
59+
.btn-#{$color} {
60+
@include btn-style($value);
61+
}
62+
}
63+
64+
@each $color,
65+
$value in $theme-colors {
66+
.btn-outline-#{$color} {
67+
@include btn-outline-style($value);
68+
/*
69+
&.btn-icon {
70+
@include hover-padding(.4rem, .7rem);
71+
&.btn-sm {
72+
padding: .2rem .45rem ;
73+
}
74+
&.btn-lg {
75+
padding: .5rem .9rem;
76+
}
77+
}
78+
*/
79+
}
80+
}
81+
//links
82+
a:not(.nav-link):not(.navbar-brand):not(.btn) {
83+
color: $info;
84+
font-weight: 600;
85+
border-bottom: 1px solid $info;
86+
font-weight: 500;
87+
text-decoration: none;
88+
89+
&:hover {
90+
color: $info;
91+
border-bottom: 1.5px solid $info;
92+
}
93+
}
94+
95+
a.text-primary {
96+
color: $primary;
97+
&:hover {
98+
color: darken($primary, 6%) !important;
99+
}
100+
}

‎assets/scss/custom/_cards.scss

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
.card {
2+
border-radius: 0;
3+
border: none;
4+
box-shadow: 0 0 2rem rgba(0,0,0,.1);
5+
transition: transform 800ms cubic-bezier(.165,.84,.44,1);
6+
.card-header,
7+
.card-footer {
8+
background-color: transparent;
9+
border: none;
10+
padding: 1rem;
11+
border-radius: 0rem;
12+
}
13+
14+
.card-body {
15+
padding: 1rem;
16+
}
17+
18+
.card-img {
19+
border-radius: 0;
20+
}
21+
22+
&:not(.no-hover){
23+
&:hover {
24+
box-shadow: 0 0 2rem rgba(0,0,0,.19);
25+
transform: scale(1.03);
26+
}
27+
}
28+
}

‎assets/scss/custom/_checkbox-radio-toggle.scss

Lines changed: 193 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,193 @@
1+
.custom-control-label {
2+
cursor: pointer;
3+
font-size: 0.9rem;
4+
padding-top: .2rem;
5+
padding-left: 0.2rem;
6+
7+
&::before,
8+
&::after {
9+
width: 1.2rem;
10+
height: 1.2rem;
11+
}
12+
}
13+
// Checkboxes
14+
.custom-checkbox {
15+
.custom-control-input {
16+
&:checked {
17+
~ .custom-control-label {
18+
&::before {
19+
background-color: $primary;
20+
border-color: $primary;
21+
color: $primary;
22+
}
23+
}
24+
}
25+
26+
&:disabled {
27+
~ .custom-control-label {
28+
&::before {
29+
border-color: rgba($primary, .45);
30+
}
31+
}
32+
33+
&:checked {
34+
~ .custom-control-label {
35+
&::before {
36+
background-color: rgba($primary, .45);
37+
border-color: rgba($primary, .45);
38+
}
39+
}
40+
}
41+
}
42+
}
43+
}
44+
45+
// Radios
46+
.custom-radio {
47+
.custom-control-input {
48+
&:checked {
49+
~ .custom-control-label {
50+
&::before {
51+
background-color: $primary;
52+
border-color: $primary;
53+
}
54+
}
55+
}
56+
57+
&:disabled {
58+
~ .custom-control-label {
59+
&::before {
60+
border-color: rgba($primary, .45);
61+
}
62+
}
63+
64+
&:checked {
65+
~ .custom-control-label {
66+
&::before {
67+
background-color: rgba($primary, .45);
68+
border-color: rgba($primary, .45);
69+
}
70+
}
71+
}
72+
}
73+
}
74+
75+
}
76+
77+
// Toggles
78+
.custom-switch {
79+
.custom-control-label {
80+
padding-left: 1.3rem;
81+
82+
&::before{
83+
width: 3rem;
84+
height: 1.5rem;
85+
border-radius: 1rem;
86+
}
87+
88+
&::after {
89+
height: 1.25rem;
90+
width: 1.25rem;
91+
border-radius: 50%;
92+
}
93+
}
94+
.custom-control-input {
95+
&:checked {
96+
~ .custom-control-label {
97+
&::before {
98+
background-color: $primary;
99+
border-color: $primary;
100+
101+
}
102+
&::after {
103+
transform: translateX(1.5rem);
104+
}
105+
}
106+
}
107+
108+
&:disabled {
109+
~ .custom-control-label {
110+
&::before {
111+
border-color: rgba($primary, .45);
112+
}
113+
}
114+
115+
&:checked {
116+
~ .custom-control-label {
117+
&::before {
118+
background-color: rgba($primary, .45);
119+
border-color: rgba($primary, .45);
120+
}
121+
}
122+
}
123+
}
124+
}
125+
}
126+
127+
// Toggles
128+
/*
129+
.custom-toggle {
130+
position: relative;
131+
display: inline-block;
132+
width: 50px;
133+
height: 1.5rem;
134+
135+
input {
136+
display: none;
137+
138+
&:checked {
139+
+ .custom-toggle-slider {
140+
border: 1px solid $primary;
141+
142+
&:before {
143+
background: $grey-200;
144+
transform: translateX(1.625rem);
145+
}
146+
}
147+
}
148+
149+
&:disabled {
150+
+ .custom-toggle-slider {
151+
border: 1px solid $primary;
152+
}
153+
154+
&:checked {
155+
+ .custom-toggle-slider {
156+
border: lighten($primary, 45%);
157+
158+
&:before {
159+
background-color: lighten($primary, 45%);
160+
}
161+
}
162+
}
163+
}
164+
}
165+
}
166+
*/
167+
168+
/*
169+
.custom-toggle-slider {
170+
position: absolute;
171+
cursor: pointer;
172+
top: 0;
173+
left: 0;
174+
right: 0;
175+
bottom: 0;
176+
border: $custom-control-indicator-border-width solid $input-border-color;
177+
border-radius: 34px !important;
178+
background-color: transparent;
179+
180+
181+
&:before {
182+
position: absolute;
183+
content: "";
184+
height: 18px;
185+
width: 18px;
186+
left: 2px;
187+
bottom: 2px;
188+
border-radius: 50% !important;
189+
background-color: $custom-toggle-slider-bg;
190+
transition: $input-transition;
191+
}
192+
}
193+
*/

0 commit comments

Comments
 (0)