Skip to content
Snippets Groups Projects
Commit cc742164 authored by pabois's avatar pabois
Browse files

Merge branch 'master' of github.com:noesya/osuny

parents 09050cca 0dc6b7e7
No related branches found
No related tags found
No related merge requests found
Showing
with 246 additions and 17 deletions
//= link_tree ../images
//= link_tree ../fonts
//= link_directory ../stylesheets .css
//= link_directory ../javascripts .js
//= link vue.js
File added
File added
File added
File added
......@@ -3,26 +3,10 @@
&-danger
color: #82322F
.extranet
.navbar
margin-bottom: 100px
.navbar-brand
img
max-width: 100px
header
border-bottom: 1px solid
border-top: 1px solid
min-height: 160px
h1, p
padding-top: 3rem
footer
margin-top: 100px
.logo
width: 100px
.breadcrumb
font-size: 14px
padding-bottom: 50px
.card
background: black
border: none
......
@import 'extranet/_default/abstracts/*'
// IJBA Theme
@import 'extranet/themes/IJBA/variables'
// Vendors
@import 'bootstrap'
@import 'simple_form_password_with_hints'
@import 'simple_form_bs5_file_input'
@import 'gdpr/cookie_consent'
// Default
@import 'extranet/_default/base/*'
@import 'extranet/_default/layouts/*'
@import 'extranet/_default/components/*'
@import 'extranet/_default/pages/*'
@function px2rem($size)
$remSize: $size / 16
@return #{$remSize}rem
@function pxr2rem($size)
$remSize: $size / 16 / 2
@return #{$remSize}rem
@mixin pseudo-top-border($pseudo: before)
position: relative
&::#{$pseudo}
border-top: 1px solid $primary
content: ''
left: $grid-gutter-width * .5
position: absolute
right: $grid-gutter-width * .5
top: 0
@mixin pseudo-bottom-border($pseudo: after)
@include pseudo-top-border($pseudo)
&::#{$pseudo}
bottom: 0
top: auto
\ No newline at end of file
// Colors
$primary: black
// Fonts
$font-family-sans-serif: "Basier Square", sans-serif
$font-size-root: 1rem
$font-size-base: 1.125rem
$h1-font-size: px2rem(40)
$h2-font-size: px2rem(18)
$h3-font-size: px2rem(20)
$headings-font-weight: 700
$headings-margin-bottom: px2rem(24)
$small-font-size: px2rem(14)
// Links
$link-color: $primary
$link-decoration: none
// Buttons
$border-radius: 0
$border-radius-sm: 0
$border-radius-lg: 0
$btn-padding-y-sm: 2px
$btn-padding-x-sm: 7px
$btn-active-bg-tint-amount: 80%
$btn-facet-background: rgba(0, 0, 0, 0.1)
$btn-facet-background-active: rgba(0, 0, 0, 0.3)
$btn-facet-color: $primary
// Breadcrumb
$breadcrumb-font-size: px2rem(14)
$breadcrumb-active-color: black
$breadcrumb-divider-color: black
$breadcrumb-margin-bottom: 45px
// List
$list-border-color: rgba(0, 0, 0, 0.3)
// Pagination
$pagination-border-width: 0
$pagination-font-size: $small-font-size
@font-face
font-display: swap
font-family: 'Basier Square'
font-style: normal
font-weight: 400
src: asset-url("Basier-Square/basiersquare-regular.woff2") format("woff2"), url("Basier-Square/basiersquare-regular.woff") format("woff")
@font-face
font-display: swap
font-family: 'Basier Square'
font-style: normal
font-weight: 700
src: asset-url("Basier-Square/basiersquare-bold.woff2") format("woff2"), url("Basier-Square/basiersquare-bold.woff") format("woff")
.breadcrumb
margin-bottom: $breadcrumb-margin-bottom !important
\ No newline at end of file
.facets
h2
margin-bottom: 1em
.facet
.btn-sm
background: $btn-facet-background
border: 0
color: $btn-facet-color
min-width: px2rem(52)
padding: 2px 7px
.btn-check:checked + .btn-sm
background: $btn-facet-background-active
&--years
.form-check
display: inline-block
padding: 0
vertical-align: middle
.form-check-input[type="checkbox"]
border-color: $primary
border-radius: 0
height: 0.65em
margin-top: 0.5em
width: 0.65em
.faceted__facets
> li
margin-bottom: px2rem(40)
b
display: block
margin-bottom: px2rem(10)
.faceted__facet
&__text
display: flex
&__list
display: flex
flex-wrap: wrap
&__value
@extend .btn-sm
background: $btn-facet-background
border: 0
color: $btn-facet-color
display: inline-block
margin-bottom: 10px
margin-right: 10px
min-width: px2rem(52)
padding: 2px 7px
&--selected
background: $btn-facet-background-active
.list
list-style: none
padding-left: 0
li
align-items: baseline
border-bottom: 1px solid $list-border-color
display: flex
justify-content: space-between
padding-bottom: px2rem(25)
padding-top: px2rem(25)
position: relative
&:first-of-type
border-top: 1px solid $list-border-color
h2, p
margin-bottom: 0
\ No newline at end of file
.pagination
font-size: $pagination-font-size
justify-content: end
footer
font-size: $small-font-size
margin-top: 100px
padding-bottom: 100px
.footer-logo
border-bottom: 1px solid $primary
img
height: auto
width: 100px
nav
a
display: block
line-height: px2rem(26)
text-decoration: underline
.navbar
margin-bottom: 100px
.navbar-brand
img
max-width: 100px
header
align-items: center
border-bottom: 1px solid
border-top: 1px solid
display: flex
justify-content: space-between
min-height: 160px
h1, p
margin: 0
padding: 0
.action-show
.top
align-items: stretch
header
align-items: center
display: flex
height: 100%
h1
margin: 0
padding: 0
dl
line-height: px2rem(26)
dt
font-size: $small-font-size
dd
margin-bottom: px2rem(26)
.biography
padding-right: percentage(3/9)
\ No newline at end of file
.home-index
.experiences
margin-top: px2rem(80)
ul
padding-left: 0
li
@include make-row
display: flex
position: relative
> div
@include make-col-ready
&:nth-child(1)
width: percentage(2/9)
&:nth-child(2)
@include pseudo-bottom-border
@include pseudo-top-border
display: flex
justify-content: space-between
padding-bottom: px2rem(16)
padding-top: px2rem(12)
width: percentage(7/9)
display: flex
justify-content: space-between
> div
align-self: stretch
display: flex
flex-direction: column
justify-content: space-between
a
align-self: center
img
max-height: 80px
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment