fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added font "Roboto" and indented breadcrumbs slightly

Browse Source
This commit is contained in:
Felix Hamann 2018-06-09 20:20:18 +02:00
parent 033117adf4
commit 6c03063029
2 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Foundation.hs
View File

@ -465,7 +465,7 @@ instance Yesod UniWorX where
hasPageActions = any isPageActionPrime menuTypes
pc <- widgetToPageContent $ do
addStylesheetRemote "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,800,900"
addStylesheetRemote "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,800,900|Roboto:300,400,600"
addScript $ StaticR js_zepto_js
addScript $ StaticR js_fetchPolyfill_js
addScript $ StaticR js_urlPolyfill_js

27
templates/widgets/breadcrumbs.lucius
View File

@ -1,13 +1,14 @@
.breadcrumbs__container {
position: relative;
color: white;
z-index: 10;
align-self: flex-end;
margin-bottom: 10px;
transition: margin-bottom .2s ease;
background-color: var(--color-dark);
color: white;
margin-left: -40px;
margin-right: -40px;
background-color: var(--color-dark);
margin-bottom: 10px;
padding-left: 30px;
transition: margin-bottom .2s ease;
z-index: 10;
}
.breadcrumbs__container--animated {
transition: left .2s ease;
@ -22,9 +23,11 @@
padding-right: 4px;
position: relative;
line-height: 28px;
--color-bg-odd: var(--color-dark);
--color-bg-even: var(--color-primary);
&:nth-child(even) {
background-color: var(--color-light);
background-color: var(--color-bg-even);
}
&:first-child {
@ -32,26 +35,26 @@
}
&:nth-child(even) {
background-color: var(--color-light);
background-color: var(--color-bg-even);
&::before {
border-left-color: var(--color-primary) !important;
border-left-color: var(--color-bg-odd) !important;
}
&::after {
border-left-color: var(--color-light) !important;
border-left-color: var(--color-bg-even) !important;
}
}
&:nth-child(odd) {
background-color: var(--color-primary);
background-color: var(--color-bg-odd);
&::before {
border-left-color: var(--color-light) !important;
border-left-color: var(--color-bg-even) !important;
}
&::after {
border-left-color: var(--color-primary) !important;
border-left-color: var(--color-bg-odd) !important;
}
}