diff --git a/themes/datacoop2020/assets/static/css/style.scss b/themes/datacoop2020/assets/static/css/style.scss index 4adc5d3..c3ac1db 100644 --- a/themes/datacoop2020/assets/static/css/style.scss +++ b/themes/datacoop2020/assets/static/css/style.scss @@ -1,36 +1,36 @@ /* latin */ @font-face { - font-family: 'Space Grotesk'; - font-style: normal; - font-display: swap; - src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Regular.woff2) format('woff2'); + font-family: 'Space Grotesk'; + font-style: normal; + font-display: swap; + src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Regular.woff2) format('woff2'); } /* latin */ @font-face { - font-family: 'Space Grotesk'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Bold.woff2) format('woff2'); + font-family: 'Space Grotesk'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Bold.woff2) format('woff2'); } /* latin */ @font-face { - font-family: 'Space Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Space Mono'), local('SpaceMono-Regular'), url(/static/fonts/spacemono/spacemono-regular.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + font-family: 'Space Mono'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Space Mono'), local('SpaceMono-Regular'), url(/static/fonts/spacemono/spacemono-regular.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { - font-family: 'Space Mono'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(/static/fonts/spacemono/spacemono-bold.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + font-family: 'Space Mono'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(/static/fonts/spacemono/spacemono-bold.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @@ -52,7 +52,7 @@ --alt-bg-color : #a8f3f4; --bar-color : #f0dcac; - --burger_size : 56px; + --burger_size : 45px; } body { @@ -185,24 +185,23 @@ aside nav footer ol li a { } aside header a img { + display : block; width : 100%; height : 140px; } dl.dl-services { - - display: grid; - column-gap: 2rem; - dt { - grid-column-start: 1; - grid-column-end: 2; - font-weight: bold; - } - dd { - grid-column-start: 2; - grid-column-end: 3; - } - + display : grid; + column-gap : 2rem; + dt { + grid-column-start : 1; + grid-column-end : 2; + font-weight : bold; + } + dd { + grid-column-start : 2; + grid-column-end : 3; + } } @media(max-width:1000px) { @@ -226,14 +225,13 @@ dl.dl-services { aside header { display : flex; - flex-direction : row; justify-content : space-between; align-items : center; - margin : var(--base-grid); + margin : var(--base-grid) calc(var(--base-grid) / 2); } aside header a img { - height : 120px; + height : 80px; } aside nav { @@ -257,24 +255,24 @@ dl.dl-services { } header .nav-toggle { - cursor : pointer; - display : block; - height : var(--burger_size); - float : right; + cursor : pointer; + display : block; + height : var(--burger_size); + margin-top : 10px; } header .nav-toggle span { - display : block; - height : calc( ( var(--burger_size) / 4 ) / 2 ); - width : var(--burger_size); - background : var(--text-color); - margin-bottom : calc( ( var(--burger_size) / 3 ) / 2 ); + display : block; + height : calc( ( var(--burger_size) / 4 ) / 2 ); + width : var(--burger_size); + background : var(--text-color); + margin-bottom : calc( ( var(--burger_size) / 3 ) / 2 ); } header .nav-toggle span { - position : relative; - top : 0; - transition : all 0.3s; + position : relative; + top : 0; + transition : all 0.3s; } header .nav-toggle.display span#nav-toggle-b { @@ -291,5 +289,9 @@ dl.dl-services { transform : rotate(-45deg); top : calc( ( var(--burger_size) / 3 ) * -1 ); } + + main article { + margin : calc(var(--base-grid) / 2); + } }