ui-experiments

Files snapshot from main
./scss/custom.scss

              
              Show last line change
            

            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
          

            582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
582eae Tucker McKnight
          

            
              @use 'sass:color';

$body-color: #262626;

$font-family-base: serif;

$border-radius: 0;
$border-radius-sm: 0;
$border-radius-lg: 0;

$enable-transitions: false;

$gray: #EFF2E4;
$blue: #7388FA;
$lightblue: #73B2FA;
$purple: #B673FA;
$magenta: #E273FA;
$teal: #80F8D4;

$body-bg: $gray;
$primary: $blue;
$info: $teal;
$warning: $magenta;

$body-tertiary-bg: color.adjust($gray, $lightness: -5%);

$border-color: $lightblue;
$border-width: 2px;

@import "../node_modules/bootstrap/scss/bootstrap";


.bezel {
  background-color: $blue;
  border-top: 6px solid color.adjust($blue, $lightness: 15%);
  border-left: 6px solid color.adjust($blue, $lightness: 13%);
  border-bottom: 6px solid color.adjust($blue, $lightness: -10%);
  border-right: 6px solid color.adjust($blue, $lightness: -13%);
}

.bezel-purple {
  background-color: $purple;
  border-top: 6px solid color.adjust($purple, $lightness: 15%);
  border-left: 6px solid color.adjust($purple, $lightness: 13%);
  border-bottom: 6px solid color.adjust($purple, $lightness: -10%);
  border-right: 6px solid color.adjust($purple, $lightness: -13%);
}

.bezel-gray {
  background-color: $gray;
  border-top: 6px solid color.adjust($gray, $lightness: 15%);
  border-left: 6px solid color.adjust($gray, $lightness: 13%);
  border-bottom: 6px solid color.adjust($gray, $lightness: -10%);
  border-right: 6px solid color.adjust($gray, $lightness: -13%);
}

.bezel-inset {
  background-color: $gray;
  border-bottom: 6px solid color.adjust($gray, $lightness: 15%);
  border-right: 6px solid color.adjust($gray, $lightness: 13%);
  border-top: 6px solid color.adjust($gray, $lightness: -10%);
  border-left: 6px solid color.adjust($gray, $lightness: -13%);
}

.bezel-inset-purple {
  background-color: $purple;
  border-bottom: 6px solid color.adjust($purple, $lightness: 15%);
  border-right: 6px solid color.adjust($purple, $lightness: 13%);
  border-top: 6px solid color.adjust($purple, $lightness: -10%);
  border-left: 6px solid color.adjust($purple, $lightness: -13%);
}

.no-right {
  border-right: none !important;
}

.no-left {
  border-left: none !important;
}

a {
  color: $teal;
}
.btn {
  font-family: sans-serif;
  box-shadow: rgba(0, 0, 0, .6) 4px 6px;
}

.btn:hover:not(.shadow-none) {
  transform: translateX(2px) translateY(4px);
  box-shadow: rgba(0, 0, 0, 1) 2px 2px;
}

.btn:active:not(.shadow-none) {
  transform: translateX(3px) translateY(5px);
  box-shadow: rgba(0, 0, 0, 1) 1px 1px;
}

h1.blue {
  color: $blue;
}

nav a, nav span {
  font-family: sans-serif;
}
.nav-item a {
  color: $purple;
}

.navbar-nav .nav-link.active {
  background-color: $purple;
  color: white;
}
            
          