-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.scss
127 lines (122 loc) · 3.84 KB
/
style.scss
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
117
118
119
120
121
122
123
124
125
126
127
/*global specification*/
* {
font-family: "Roboto", sans-serif;
box-sizing: border-box;
scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6,.text-title {font-family: "Roboto Slab", serif;}
body {
overflow-x: hidden;
}
@font-face {
font-family: "Pagal";
src: url(/fonts/pagal.TTF);
}
#navbar-name {font-family: "Pagal", serif;}
/*-------------------------*/
/*bootstrap color adjusting*/
$primary: #1E90FF !important;
$primary-hover: #006BFF !important;
$dark: #1D1D1D !important;
$dark-transparent : rgba(29,29,29,0.75) !important;
$light: #FFFFFF !important;
$secondary: #DCDCDC !important;
$danger: #FF0000 !important;
@mixin color-primary {color: $primary;}
@mixin background-primary {background-color: $primary;}
@mixin border-primary{border-color: $primary;}
@mixin color-primary-hover {color: $primary-hover;}
@mixin background-primary-hover {background-color: $primary-hover;}
@mixin border-primary-hover{border-color: $primary-hover;}
@mixin color-dark {color: $dark;}
@mixin background-dark {background-color: $dark;}
@mixin background-dark-transparent {background-color: $dark-transparent;}
@mixin border-dark{border-color: $dark;}
@mixin color-light {color: $light;}
@mixin background-light {background-color: $light;}
@mixin border-light{border-color: $light;}
@mixin color-secondary {color: $secondary;}
@mixin background-secondary {background-color: $secondary;}
@mixin border-secondary{border-color: $secondary;}
@mixin color-danger {color: $danger;}
@mixin background-danger {background-color: $danger;}
@mixin border-danger {border-color: $danger;}
.btn-primary {
@include border-primary();
}
.btn-primary:hover {
@include background-primary-hover();
@include border-primary-hover();
}
.bg-primary, .btn-primary {@include background-primary();}
.border-primary {@include border-primary();}
.text-primary, a {@include color-primary();}
.bg-dark {@include background-dark();}
.bg-dark-transparent {@include background-dark-transparent();}
.text-dark, .btn-primary {@include color-dark();}
.btn-dark {@include background-dark();}
.border-dark {@include border-dark();}
.bg-light {@include background-light();}
.text-light, button > i, .nav-item:hover a {@include color-light();}
.border-light {@include border-light();}
.border-danger {@include border-danger();}
.text-danger {@include color-danger();}
.bg-secondary {@include background-secondary();}
.text-secondary {@include color-secondary();}
.border-secondary {@include border-secondary();}
a:hover {@include color-primary-hover();}
.nav-item a {
transition-duration: 0.25s;
border-radius: 5px;
}
a.navbar-brand {
transition-duration: 0.25s;
border-radius: 5px;
}
a.navbar-brand:hover {
@include background-primary-hover();
@include color-light();
padding-left: 15px;
padding-right: 15px;
}
/*-------------------------*/
/*scroll*/
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {@include background-secondary();}
::-webkit-scrollbar-thumb {@include background-primary();}
::-webkit-scrollbar-thumb:hover {@include background-primary-hover();}
/*-------------------------*/
/*specific*/
.help {
@include color-primary();
}
.help:hover {
@include color-primary-hover();
}
.row {margin: auto;}
.heir-title {
margin-bottom: 0;
border-radius: 5px 5px 0 0;
}
.heir-title:hover {@include background-primary-hover();}
.heir-container > div {display: none;}
.heir-title-icon {
position: absolute;
right: 25px;
top: 11px;
transition-duration: 0.25s;
}
.rotate-90-deg {
transform: rotate(90deg);
}
.text-title-big {
border-left: 5px solid $primary;
transition-duration: 0.25s;
}
.section-container:hover .text-title-big {
border-left: 10px solid $primary-hover;
}
/*-------------------------*/