218 lines
4.3 KiB
Sass
218 lines
4.3 KiB
Sass
body
|
|
font-family: $sansSerifFonts
|
|
font-size: 16px
|
|
line-height: 1.45
|
|
hyphens: auto
|
|
text-rendering: optimizelegibility
|
|
text-size-adjust: none
|
|
|
|
html
|
|
scroll-behavior: smooth
|
|
|
|
a
|
|
text-decoration: none
|
|
|
|
#center
|
|
margin: 0 auto
|
|
margin-top: 1.5em
|
|
padding: 0 .7em
|
|
max-width: 75em
|
|
min-height: 90vh
|
|
position: relative
|
|
display: flex
|
|
flex-direction: column
|
|
#left
|
|
width: 65%
|
|
display: block
|
|
float: left
|
|
overflow-x: scroll
|
|
#right
|
|
width: 32.5%
|
|
margin-left: 2.5%
|
|
display: block
|
|
float: left
|
|
@media screen and (max-width: $singleColWidth)
|
|
max-width: $singleColWidth
|
|
padding: 0 0.25em
|
|
#left
|
|
width: 100%
|
|
display: reset
|
|
#right
|
|
width: 100%
|
|
display: reset
|
|
margin-left: 0
|
|
float: reset
|
|
// And set a top margin
|
|
margin-top: 2em
|
|
|
|
#offcenter
|
|
margin: 3em auto 0 auto
|
|
max-width: 60em
|
|
display: flex
|
|
flex-direction: column
|
|
position: relative
|
|
min-height: 90vh
|
|
.container-content
|
|
min-width: 40em
|
|
padding: 0 0 0 15em
|
|
.left
|
|
position: absolute
|
|
right: 100%
|
|
padding: 0 1em
|
|
width: 14em
|
|
@media screen and (max-width: $singleColWidth)
|
|
//margin: 0 auto
|
|
padding: 0 .7em
|
|
max-width: 50em
|
|
.container-content
|
|
min-width: 5em
|
|
padding: 0
|
|
.left
|
|
position: relative
|
|
right: 0
|
|
padding: 0
|
|
width: 100%
|
|
|
|
.hide-on-single-col
|
|
@media screen and (max-width: $singleColWidth)
|
|
display: none
|
|
|
|
#nav
|
|
position: relative
|
|
margin-bottom: 2em
|
|
.logo
|
|
display: inline-block
|
|
vertical-align: middle
|
|
height: 4.5em
|
|
.title
|
|
display: inline-block
|
|
margin-left: 0.75em
|
|
// Align with the logo
|
|
// Set the height to be the same
|
|
height: 4em
|
|
font-size: 1.15em
|
|
line-height: 1.4
|
|
// And then apply absolute position
|
|
position: absolute
|
|
bottom: 0
|
|
.club-name, .site-name, .mef
|
|
font-size: 1em
|
|
line-height: 1.4
|
|
margin: 0
|
|
display: inline-block
|
|
font-weight: 500
|
|
.site-name
|
|
font-family: $monospaceFonts
|
|
font-weight: 400
|
|
padding: 0 0.25em
|
|
.mef
|
|
opacity: 0.75
|
|
font-size: 0.9em
|
|
font-weight: 400
|
|
img
|
|
height: 1.4em
|
|
vertical-align: bottom
|
|
displya: inline-block
|
|
// Optimize effect on phones
|
|
@media screen and (max-width: $smallScreenWidth)
|
|
margin-bottom: 2em
|
|
.logo
|
|
height: 3em
|
|
.title
|
|
height: 3em
|
|
font-size: 1.05em
|
|
padding-bottom: 1em
|
|
.site-name
|
|
font-size: 0.95em
|
|
@media screen and (max-width: $reallySmallScreenWidth)
|
|
margin-bottom: 1em
|
|
.logo
|
|
height: 3em
|
|
display: block
|
|
margin-bottom: 0.5em
|
|
.title
|
|
display: block
|
|
position: relative
|
|
margin: 0
|
|
padding: 0
|
|
height: auto
|
|
br
|
|
display: none
|
|
.club-name, .site-name, .mef
|
|
display: inline-block
|
|
.links
|
|
position: absolute
|
|
height: 4.5em
|
|
right: 0
|
|
bottom: 0
|
|
margin: 0
|
|
vertical-align: bottom
|
|
list-style-type: none
|
|
li
|
|
float: left
|
|
.link
|
|
text-align: center
|
|
display: block
|
|
padding: em
|
|
line-height: 1
|
|
font-size: 1.1em
|
|
padding: 1.2em 1em
|
|
margin: 0.4em 0
|
|
text-decoration: none
|
|
.current
|
|
font-weight: 600
|
|
border-bottom: 2px solid
|
|
|
|
main
|
|
.projects
|
|
text-align: left
|
|
// Fill width
|
|
width: 100%
|
|
|
|
// Table styles
|
|
border-collapse: collapse
|
|
tr
|
|
line-height: 1.75
|
|
th, td
|
|
border: 0
|
|
border-top: 1px
|
|
border-style: solid
|
|
.table-header
|
|
th, td
|
|
border-top: 0
|
|
border-bottom: 2px solid
|
|
border-collapse: collapse
|
|
// #refresh-indicator
|
|
#refresh-indicator
|
|
transition: all .2s
|
|
.summary
|
|
font-weight: 500
|
|
.project-size
|
|
text-align: right
|
|
min-width: 5em
|
|
.syncing-badge, .error-badge
|
|
font-size: 0.8em
|
|
opacity: 0.8
|
|
padding: 0.05em 0.2em
|
|
border-radius: 3px
|
|
white-space: nowrap
|
|
.news
|
|
h2
|
|
margin: 0.1em 0 0.2em 0
|
|
font-size: 1.2em
|
|
font-weight: 500
|
|
ul, dl
|
|
list-style-type: none
|
|
padding: 0
|
|
margin: 0.5em 0 1em 0
|
|
.news-date
|
|
font-weight: 500
|
|
user-select: none
|
|
dt
|
|
font-weight: 500
|
|
dd
|
|
margin-left: 1em
|
|
footer
|
|
font-size: 0.9em
|
|
margin-top: 1em
|