jekyll-theme-pirati 8.0.0.pre.beta2 → 8.0.0

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.
Files changed (69) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +139 -3
  3. data/_includes/header.html +1 -1
  4. metadata +4 -69
  5. data/_sass/_base.scss +0 -23
  6. data/_sass/_fonts.scss +0 -42
  7. data/_sass/_settings.scss +0 -688
  8. data/_sass/_sprites.scss +0 -0
  9. data/_sass/components/Slider.scss +0 -0
  10. data/_sass/components/academic-title.scss +0 -7
  11. data/_sass/components/article-card.scss +0 -41
  12. data/_sass/components/article-infobox.scss +0 -9
  13. data/_sass/components/article-listing.scss +0 -95
  14. data/_sass/components/banner.scss +0 -75
  15. data/_sass/components/blockquote.scss +0 -83
  16. data/_sass/components/card.scss +0 -154
  17. data/_sass/components/contact-bar.scss +0 -93
  18. data/_sass/components/content-block.scss +0 -24
  19. data/_sass/components/content-card.scss +0 -31
  20. data/_sass/components/corner-ribbon.scss +0 -25
  21. data/_sass/components/cta-button.scss +0 -54
  22. data/_sass/components/footer.scss +0 -5
  23. data/_sass/components/header-bar.scss +0 -118
  24. data/_sass/components/headline-media.scss +0 -42
  25. data/_sass/components/hero.scss +0 -164
  26. data/_sass/components/highlight.scss +0 -60
  27. data/_sass/components/hp-banner.scss +0 -21
  28. data/_sass/components/icon.scss +0 -33
  29. data/_sass/components/intention-map.scss +0 -23
  30. data/_sass/components/member-list.scss +0 -7
  31. data/_sass/components/metadata-block.scss +0 -29
  32. data/_sass/components/multicolumn.scss +0 -25
  33. data/_sass/components/pagination.scss +0 -44
  34. data/_sass/components/person.scss +0 -9
  35. data/_sass/components/profile-badge.scss +0 -74
  36. data/_sass/components/program.scss +0 -150
  37. data/_sass/components/region.scss +0 -83
  38. data/_sass/components/simple-accordion.scss +0 -80
  39. data/_sass/components/suggest-improvement.scss +0 -10
  40. data/_sass/components/tag.scss +0 -29
  41. data/_sass/components/tile.scss +0 -20
  42. data/_sass/components/top-bar.scss +0 -202
  43. data/_sass/components/top-sub-nav.scss +0 -81
  44. data/_sass/components/typography.scss +0 -85
  45. data/_sass/components/vertical-navigation.scss +0 -67
  46. data/_sass/components/widget-accordion.scss +0 -109
  47. data/_sass/components/widget-share-box.scss +0 -117
  48. data/_sass/components/widget-simple-text.scss +0 -15
  49. data/_sass/layouts/_cast.scss +0 -262
  50. data/_sass/layouts/_kandidatka.scss +0 -78
  51. data/_sass/objects/media.scss +0 -35
  52. data/_sass/objects/section.scss +0 -211
  53. data/_sass/objects/space.scss +0 -7
  54. data/_sass/pirati.scss +0 -58
  55. data/_sass/utilities/header-styles.scss +0 -16
  56. data/_sass/utilities/utilities.scss +0 -139
  57. data/assets/css/main.scss +0 -3
  58. data/assets/fonts/BebasNeue-Thin.ttf +0 -0
  59. data/assets/fonts/BebasNeue-Thin.woff +0 -0
  60. data/assets/fonts/BebasNeueBold.ttf +0 -0
  61. data/assets/fonts/BebasNeueBold.woff +0 -0
  62. data/assets/fonts/BebasNeueBook.ttf +0 -0
  63. data/assets/fonts/BebasNeueBook.woff +0 -0
  64. data/assets/fonts/BebasNeueLight.ttf +0 -0
  65. data/assets/fonts/BebasNeueLight.woff +0 -0
  66. data/assets/fonts/BebasNeueRegular.ttf +0 -0
  67. data/assets/fonts/BebasNeueRegular.woff +0 -0
  68. data/assets/fonts/demo.html +0 -311
  69. data/assets/fonts/stylesheet.css +0 -40
@@ -1,93 +0,0 @@
1
- $cb-ns: '';
2
-
3
- .#{$cb-ns}c-contact-bar {
4
- background: $primary-color;
5
- }
6
-
7
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar-header {
8
- float: left;
9
- background: $primary-color;
10
-
11
- @include breakpoint(medium down) {
12
- float: none;
13
- }
14
- }
15
-
16
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__heading {
17
- @include headerStyle('h5', sub);
18
-
19
- margin: 0;
20
- display: inline-block;
21
- text-transform: uppercase;
22
- }
23
-
24
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar-items {
25
- float: left;
26
- list-style-type: none;
27
- margin-left: 0;
28
- margin-bottom: 0;
29
-
30
- @include breakpoint(medium down) {
31
- float: none;
32
- }
33
-
34
- }
35
-
36
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__item {
37
- display: block;
38
- margin-left: 0;
39
-
40
- @include breakpoint(medium) {
41
- display: inline-block;
42
- }
43
-
44
- @include breakpoint(large) {
45
- margin-left: 50px;
46
- }
47
-
48
- a:hover {
49
- text-decoration: underline;
50
- }
51
-
52
- }
53
-
54
- .#{$cb-ns}c-contact-bar {
55
-
56
- @include breakpoint(medium) {
57
-
58
- .#{$cb-ns}c-contact-bar__item +
59
- .#{$cb-ns}c-contact-bar__item {
60
- margin-left: 50px;
61
- }
62
-
63
- }
64
-
65
- @include breakpoint(820px down) {
66
-
67
- .#{$cb-ns}c-contact-bar__item +
68
- .#{$cb-ns}c-contact-bar__item {
69
- margin-left: 10px;
70
- }
71
-
72
- }
73
-
74
- }
75
-
76
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__section {
77
- display: inline-block;
78
- font-weight: bold;
79
-
80
- @include breakpoint(mobile down) {
81
- display: block;
82
- }
83
-
84
- }
85
-
86
- .#{$cb-ns}c-contact-bar .#{$cb-ns}c-contact-bar__description {
87
- display: inline-block;
88
-
89
- @include breakpoint(large) {
90
- margin-left: 10px;
91
- }
92
-
93
- }
@@ -1,24 +0,0 @@
1
- /**
2
- * Represents a content block with default visual style. This comes handy when
3
- * we cannot attach proper classes, like when HTML is automatically created
4
- * from Markdown writeup.
5
- */
6
-
7
- .c-content-block {
8
- h1:not(:first-child),
9
- h2:not(:first-child),
10
- h3:not(:first-child),
11
- h4:not(:first-child),
12
- h5:not(:first-child),
13
- h6:not(:first-child) {
14
- margin-top: 1.333em;
15
- }
16
-
17
- a {
18
- @include emphasizedAnchor();
19
- }
20
-
21
- p {
22
- @include fontFeatures();
23
- }
24
- }
@@ -1,31 +0,0 @@
1
- .c-content-card {
2
- background: #f3f3f3;
3
-
4
- &-content-box {
5
- padding: 1.75rem 2.15rem;
6
-
7
- p {
8
- margin-bottom: 0.75em;
9
- }
10
- }
11
-
12
- &-img img {
13
- max-width: 100%;
14
- width: 100%;
15
- height: auto;
16
- }
17
-
18
- .c-content-card-title {
19
- font-size: 1.45rem;
20
- font-family: $body-font-family;
21
- margin-bottom: 0.95rem;
22
- }
23
-
24
- .c-content-card-title a {
25
- text-decoration: underline;
26
-
27
- &:hover {
28
- text-decoration: none;
29
- }
30
- }
31
- }
@@ -1,25 +0,0 @@
1
- .c-corner-ribbon-container {
2
- position: relative;
3
- overflow: hidden;
4
- }
5
-
6
- .c-corner-ribbon {
7
- width: 200px;
8
- background: $primary-color;
9
- position: absolute;
10
- top: 25px;
11
- left: -55px;
12
- text-align: center;
13
- line-height: 40px;
14
- color: $secondary-color;
15
- transform: rotate(-45deg);
16
-
17
- @include headerStyle('h5', main);
18
- }
19
-
20
- .c-corner-ribbon--top-right {
21
- top: 25px;
22
- right: -55px;
23
- left: auto;
24
- transform: rotate(45deg);
25
- }
@@ -1,54 +0,0 @@
1
- .c-cta-button {
2
- padding: 0.75rem 1rem;
3
- color: #fff;
4
- background: #5d5d5d;
5
- font-size: 1.3rem;
6
- border-radius: 1px;
7
- display: inline-block;
8
- /* offset-x | offset-y | blur-radius | spread-radius | color */
9
- box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.15);
10
-
11
- text-decoration: none !important;
12
- &:hover {
13
- text-decoration: none !important;
14
- }
15
- i {
16
- margin-left: 0.5rem;
17
- }
18
- transition: ease-out background 0.25s;
19
- }
20
-
21
- .c-cta-button.c-cta-button--primary {
22
- background: #2785ce;
23
- &:hover {
24
- background: darken(#2785ce, 5%);
25
- }
26
- }
27
-
28
- .c-cta-button.c-cta-button--secondary {
29
- background: #f3c289;
30
- &:hover {
31
- background: darken(#f3c289, 5%);
32
- }
33
- }
34
-
35
- .c-cta-button-group {
36
- margin: 0.2rem 0;
37
- @include clearfix;
38
-
39
- > .c-cta-button + .c-cta-button {
40
- margin-left: 0.65rem;
41
- }
42
-
43
- @include breakpoint(medium down) {
44
- .c-cta-button {
45
- float: left;
46
- clear: left;
47
- }
48
-
49
- > .c-cta-button + .c-cta-button {
50
- margin-left: 0;
51
- margin-top: 0.5rem;
52
- }
53
- }
54
- }
@@ -1,5 +0,0 @@
1
- footer {
2
- .logo {
3
- max-width: 170px;
4
- }
5
- }
@@ -1,118 +0,0 @@
1
- $hb-ns: '';
2
-
3
- .#{$hb-ns}c-header-bar {
4
- background: $ternary-color;
5
- }
6
-
7
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-divider {
8
- width: 100%;
9
- height: 1px;
10
- margin: 10px auto;
11
- background: $dark-gray;
12
-
13
- @include breakpoint(860px) {
14
- display: inline-block;
15
- width: 1px;
16
- height: 22px;
17
- margin: auto 30px;
18
- vertical-align: middle;
19
- }
20
- }
21
-
22
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-items {
23
- display: inline-block;
24
- list-style-type: none;
25
- margin-left: 0;
26
- margin-bottom: 0;
27
-
28
- @include breakpoint(800px down) {
29
- display: block;
30
- }
31
-
32
- }
33
-
34
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar-items.#{$hb-ns}c-header-bar-items--bigLh {
35
-
36
- @include breakpoint(mobile down) {
37
- line-height: 2;
38
- }
39
-
40
- }
41
-
42
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__item {
43
- display: inline-block;
44
- margin-left: 0;
45
-
46
- a {
47
- color: $dark-gray;
48
-
49
- &:hover {
50
- color: $white;
51
- text-decoration: underline;
52
- }
53
- }
54
- }
55
-
56
- .#{$hb-ns}c-header-bar {
57
-
58
- @include breakpoint(medium) {
59
-
60
- .#{$hb-ns}c-header-bar__item +
61
- .#{$hb-ns}c-header-bar__item {
62
- margin-left: 40px;
63
- }
64
-
65
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace +
66
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace {
67
- margin-left: 12px;
68
- }
69
-
70
- }
71
-
72
- @include breakpoint(860px down) {
73
-
74
- .#{$hb-ns}c-header-bar__item +
75
- .#{$hb-ns}c-header-bar__item {
76
- margin-left: 20px;
77
- }
78
-
79
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace +
80
- .#{$hb-ns}c-header-bar__item.#{$hb-ns}c-header-bar__item--smallerSpace {
81
- margin-left: 10px;
82
- }
83
-
84
- }
85
-
86
- }
87
-
88
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__section {
89
- display: inline-block;
90
- font-weight: bold;
91
- vertical-align: middle;
92
-
93
- @include breakpoint(mobile down) {
94
- display: block;
95
- }
96
-
97
- }
98
-
99
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__item {
100
-
101
- a:hover {
102
- text-decoration: none;
103
- }
104
-
105
- a:hover .#{$hb-ns}c-header-bar__itemDescription {
106
- text-decoration: underline;
107
- }
108
-
109
- .#{$hb-ns}c-header-bar__itemDescription {
110
- margin-left: 5px;
111
- }
112
- }
113
-
114
- .#{$hb-ns}c-header-bar .#{$hb-ns}c-header-bar__title {
115
- color: $white;
116
- font-weight: bold;
117
- display: inline-block;
118
- }
@@ -1,42 +0,0 @@
1
- /**
2
- * This component implements a headline image. that fills whole page width
3
- * with a stretched image. Over that the image in normal dimensions is shown.
4
- */
5
-
6
- .c-headline-media {
7
- position: relative;
8
- min-height: 420px;
9
- background: $secondary-color;
10
- z-index: 1;
11
-
12
- @include breakpoint(medium down) {
13
- min-height: 250px;
14
- }
15
-
16
- @include breakpoint(mobile down) {
17
- min-height: auto;
18
- min-height: fit-content;
19
- }
20
- }
21
-
22
- .c-headline-media__background {
23
- z-index: -1;
24
- width: 100%;
25
- height: 100%;
26
- min-height: 100%;
27
- position: absolute;
28
- background-position: center;
29
- background-repeat: no-repeat;
30
- background-size: cover;
31
- opacity: .15;
32
- }
33
-
34
- .c-headline-media__body {
35
- z-index: 1;
36
-
37
- // fixes overflow
38
- iframe {
39
- float: left;
40
- max-width: 100%;
41
- }
42
- }
@@ -1,164 +0,0 @@
1
- .c-hero {
2
- // background: url('../img/miscellaneous/slider-bg.png');
3
- background-size: cover;
4
- background-position: top center;
5
- background-repeat: no-repeat;
6
- color: #ffffff;
7
-
8
- &--plainbg {
9
- background: #343434;
10
- }
11
-
12
- overflow: hidden;
13
- }
14
-
15
- .c-hero-container {
16
- @include clearfix;
17
- position: relative;
18
- z-index: 2;
19
- padding: 45px 10px;
20
- &.c-hero-img-join-us {
21
- position: relative;
22
- &:before {
23
- z-index: -1;
24
- left: 100%;
25
- top: 50%;
26
- transform: translate(-85%, -50%);
27
- content: '';
28
- position: absolute;
29
- width: 452px;
30
- height: 413px;
31
- // background: url('../img/miscellaneous/header.png');
32
- background-repeat: no-repeat;
33
- background-position: right center;
34
- }
35
-
36
- @include breakpoint(large down) {
37
-
38
- &:before {
39
- opacity: 0.25;
40
- transform: translate(-85%, -50%) scale(0.75);
41
- }
42
- }
43
-
44
- @include breakpoint(medium down) {
45
-
46
- &:before {
47
- opacity: 0.15;
48
- transform: translate(-85%, -50%) scale(0.75);
49
- }
50
- }
51
- }
52
- }
53
-
54
- .c-hero-block + .c-hero-block {
55
- margin-top: 40px;
56
- }
57
-
58
- .c-hero__title {
59
- font-size: 2.575rem;
60
- }
61
-
62
- .c-hero .c-hero-content {
63
-
64
- .c-hero__subtitle {
65
- font-size: 2rem;
66
- }
67
-
68
- h2 {
69
- color: #ffffff;
70
- }
71
-
72
- p {
73
- line-height: 1.2;
74
- }
75
-
76
- a {
77
- color: #ffffff;
78
- text-decoration: underline;
79
- }
80
-
81
- a:hover {
82
- text-decoration: none;
83
- }
84
-
85
- &.c-hero-content-accent p {
86
- font-size: 1.75rem;
87
- line-height: 1.4;
88
-
89
- @include breakpoint(medium down) {
90
- font-size: 1.45rem;
91
- }
92
- }
93
-
94
- @include breakpoint(medium down) {
95
- &.c-hero-content-accent br {
96
- display: none;
97
- }
98
- }
99
- }
100
-
101
- .c-hero-slider {
102
- .orbit-next {
103
- padding-right: 10px;
104
- right: -100px;
105
- }
106
- .orbit-previous {
107
- padding-left: 10px;
108
- left: -100px;
109
- }
110
- .orbit-next,
111
- .orbit-previous {
112
- transition: 0.25s all;
113
- i {
114
- font-size: 3rem;
115
- }
116
- &:focus {
117
- outline: none;
118
- }
119
- }
120
- .orbit-container {
121
- overflow: visible;
122
- height: auto !important;
123
- outline: none;
124
- }
125
-
126
- &:focus,
127
- .orbit-slide:focus {
128
- outline: 0 !important;
129
- }
130
-
131
- .orbit-slide {
132
- max-height: none !important;
133
- list-style-type: none;
134
- }
135
-
136
- @include breakpoint(1400px down) {
137
- .orbit-next {
138
- top: -65px;
139
- right: 0;
140
- padding-right: 1rem;
141
- }
142
- .orbit-previous {
143
- top: -65px;
144
- left: auto;
145
- right: 75px;
146
- padding-left: 1rem;
147
- }
148
-
149
- .orbit-next i,
150
- .orbit-previous i {
151
- font-size: 2rem;
152
- }
153
- }
154
-
155
- @include breakpoint(mobile down) {
156
- .orbit-previous {
157
- right: 60px;
158
- }
159
- .orbit-next i,
160
- .orbit-previous i {
161
- font-size: 1.5rem;
162
- }
163
- }
164
- }