lestoitsduval/assets/css/main.sass

140 lines
2.3 KiB
Sass
Raw Normal View History

2020-03-26 18:48:07 +01:00
@import "../../themes/hugo-theme-lowtech/assets/styles/main"
// Couleur
$color-initial: #fff
$color-primary: #1d70b7
$color-secondary: #f29100
$color-tertiary: #f4f5f6
$color-quaternary: #d1d1d1
$color-quinary: #e1e1e1
2020-05-22 11:13:09 +02:00
@import "./header"
@import "./nav"
@import "./footer"
@import "./actu"
2020-03-26 18:48:07 +01:00
body
margin: 0
font-family: $font-family-serif2
font-size: 18px
color: hsla(0,0%,0%,0.8)
h1
2022-01-28 00:11:03 +01:00
font-size: 2.5rem
text-align: center
margin: 3rem 0
2020-03-26 18:48:07 +01:00
h2
font-size: 2rem
2020-05-22 11:13:09 +02:00
margin-top: 4rem
2020-03-26 18:48:07 +01:00
2022-01-28 00:11:03 +01:00
h1, h2, h3
2020-03-26 18:48:07 +01:00
font-family: $font-family-sans-serif7
color: $color-primary
2020-05-22 11:13:09 +02:00
hr
border: 0
height: 2px
margin: 2rem 0
background-color: rgba($color-primary, 0.25)
.txt-center
text-align: center
img
display: block
2020-03-26 18:48:07 +01:00
blockquote
border-left: 4px solid $color-primary
margin-left: 0
padding-left: 2rem
a
color: $color-primary
text-decoration-color: $color-primary
@mixin container
max-width: $size-lg
margin: 0 auto
2020-05-22 11:13:09 +02:00
padding: 0 1rem
2020-03-26 18:48:07 +01:00
2020-05-22 11:13:09 +02:00
.container
2020-03-26 18:48:07 +01:00
@include container
2020-05-22 11:13:09 +02:00
img
max-width: 100%
2020-03-26 18:48:07 +01:00
2020-05-22 11:13:09 +02:00
&.small
max-width: 680px
line-height: 1.50
2020-03-26 18:48:07 +01:00
2020-05-22 11:13:09 +02:00
h2
line-height: 1.1
.cfa
text-align: center
padding: 2rem
2020-03-26 18:48:07 +01:00
a
2020-05-22 11:13:09 +02:00
padding: 1rem
background-color: $color-primary
2020-03-26 18:48:07 +01:00
color: white
2020-05-22 11:13:09 +02:00
text-decoration: none
2020-03-26 18:48:07 +01:00
2020-05-22 11:13:09 +02:00
&:hover
background: $color-secondary
2020-03-26 18:48:07 +01:00
2022-01-29 14:07:44 +01:00
.monitoring
text-align: center
border-collapse: collapse
margin: 0 auto
background: $color-primary
color: white
width: 100%
border-top: 1px solid white
.date
background: white
color: $color-primary
font-size: .8rem
padding: .4rem
text-align: right
font-style: italic
td
border: 1px solid white
padding: 1rem
th
border-right: 1px solid white
strong
display: block
@media screen and (max-width: 839px)
margin-left: calc(-1rem + 1px)
font-size: .8rem
min-width: calc(100% + 2rem - 1px)
max-width: calc(100% + 2rem - 1px)
td
padding: .5rem
2020-03-26 18:48:07 +01:00
// NAV
2020-05-22 11:13:09 +02:00
// #content
2020-03-26 18:48:07 +01:00
// https://freefrontend.com/css-link-styles/
// https://codepen.io/markmead/pen/drORWG
2020-05-22 11:13:09 +02:00
// a
// position: relative
// &::after
// content: ""
// background: rgba($color-primary, 0.25)
// position: absolute
// left: 6px
// bottom: -6px
// width: calc(100% - 8px)
// height: calc(100% - 8px)
// z-index: -1