aboutsummaryrefslogtreecommitdiffstats
path: root/scss/pysite/_uikit_shim.scss
blob: 38e58abc9ceaf2ed66b39f3d180051b913c85f7c (plain) (blame)
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
// Styling that modifies things that are already provided
// by UIKit. This file is intended to be imported from the
// main `style.scss`.


@import "variables";

$button_dark_background_colour: rgba(0, 0, 0, .95);
$button_dark_border_colour: rgba(34, 34, 34, .93);
$button_dark_hover_background_colour: rgba(0, 0, 0, .70);

$button_darkish_background_colour: rgba(0, 0, 0, .11);
$button_darkish_border_colour: rgba(34, 34, 34, .09);
$button_darkish_hover_background_colour: rgba(0, 0, 0, .22);

$dropbar_background_colour: #222222;
$nav_header_colour: #666666;

.uk-offcanvas-content {
  flex: 1 0 auto;
}

.uk-background-secondary .uk-navbar-dropdown-nav {
  .uk-active a {
    color: $white;
  }

  .uk-nav-header {
    color: $nav_header_colour;
    font-size: 120%;
    font-weight: bold;
    padding: 0;
    text-transform: none;

    &.uk-active {
      color: $white;
    }
  }

  .uk-navbar-dropbar {
    background: $dropbar_background_colour;
  }
}

.uk-navbar-container,
.uk-sticky-placeholder,
.uk-navbar-nav > li > a,
.uk-navbar-left > a {
  height: 70px;
}

.uk-navbar-dropdown {
  overflow-y: auto;
  top: 45px !important;
}

.uk-article-title {
  margin-bottom: 0 !important;
}

.uk-article-meta {
  margin-left: 2px;
  margin-top: 0 !important;
}

.uk-section {
  padding-bottom: 30px;
  padding-top: 20px;
}

.uk-heading-divider .uk-article-meta {
  margin-bottom: 0;
}

footer {
  // scss-lint:disable QualifyingElement
  flex-shrink: 0;

  div.uk-section {
    padding: 0;

    div.uk-text-center {
      margin-top: 20px;
    }
  }
}

.uk-button-dark {
  background: $button_dark_background_colour;
  border: 1px solid $button_dark_border_colour;
  color: $white;

  :hover {
    background: $button_dark_hover_background_colour;
  }
}

.uk-button-darkish {  // Technically our own style, but uses the uk prefix
  background: $button_darkish_background_colour;
  border: 1px solid $button_darkish_border_colour;

  :hover {
    background: $button_darkish_hover_background_colour;
  }
}

.uk-navbar-container {
  padding-left: 40px;
  padding-right: 40px;
}