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

app/assets/stylesheets/extranet.sass

-@import 'extranet/_default/abstracts/*'
-
-// IJBA Theme
-@import 'extranet/themes/IJBA/variables'
+@import 'extranet/_functions'
+@import 'extranet/_variables'
 
 // Vendors
 @import 'bootstrap'
-@import 'bootstrap-print-css/css/bootstrap-print.min'
 @import 'simple_form_password_with_hints'
 @import 'simple_form_bs5_file_input'
 @import 'summernote-bs5'
 @import 'gdpr/cookie_consent'
 @import 'cropperjs/dist/cropper'
+@import 'commons/summernote'
 
 // Default
 @import 'extranet/bootstrap-icons'
-@import 'extranet/_default/base/*'
-@import 'extranet/_default/layouts/*'
-@import 'extranet/_default/components/*'
-@import 'extranet/_default/pages/*'
-
-@import 'commons/summernote'
+@import 'extranet/layout/*'
+@import 'extranet/pages/*'

app/assets/stylesheets/extranet/_default/abstracts/_functions.sass

-@function px2rem($size)
-    $remSize: $size / 16
-    @return #{$remSize}rem
-
-@function pxr2rem($size)
-    $remSize: $size / 16 / 2
-    @return #{$remSize}rem

app/assets/stylesheets/extranet/_default/base/_fonts.sass

-@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")
-

app/assets/stylesheets/extranet/_default/base/_typography.sass

-h1
-    font-weight: normal
\ No newline at end of file

app/assets/stylesheets/extranet/_default/components/_breadcrumb.sass

-.breadcrumb
-    margin-bottom: $breadcrumb-margin-bottom !important
\ No newline at end of file

app/assets/stylesheets/extranet/_default/components/_persons.sass

-.person
-    line-height: px2rem(24)
-    position: relative
\ No newline at end of file

app/assets/stylesheets/extranet/_default/layouts/_header.sass

-header
-    align-items: center
-    border-bottom: 1px solid
-    border-top: 1px solid
-    padding: 20px 0
-    h1
-        margin-bottom: px2rem(10)
-    p
-        margin-bottom: 0
-    @include media-breakpoint-up(md)
-        display: flex
-        justify-content: space-between
-        min-height: 160px
-        h1, p
-            margin: 0
-            padding: 0

app/assets/stylesheets/extranet/_default/pages/_person.sass

-.persons-show,
-.account-show
-    .top
-        h1
-            font-weight: normal
-        @include media-breakpoint-down(md)
-            header
-                border-bottom: 0
-    .experiences
-        margin-top: px2rem(70)
-        ul
-            padding-left: 0
-            li
-                @include make-row
-                @include pseudo-top-border
-                display: flex
-                padding: px2rem(16) 0
-                position: relative
-                p
-                    margin-bottom: px2rem(8)
-                > div
-                    @include make-col-ready
-                    padding-bottom: px2rem(10)
-                    padding-top: px2rem(10)
-                    &:nth-child(3)
-                        align-self: center
-                        padding-bottom: 0
-                        padding-top: 0
-                        text-align: right
-                    @include media-breakpoint-up(md)
-                        &:nth-child(1)
-                            width: percentage(4/9)
-                        &:nth-child(2)
-                            width: percentage(2/9)
-                        &:nth-child(3)
-                            width: percentage(3/9)
-                    @include media-breakpoint-down(md)
-                        &:nth-child(2)
-                            width: 50%
-                        &:nth-child(3)
-                            width: 50%
-                &:last-child
-                    @include pseudo-bottom-border
-                img
-                    max-height: 80px
\ No newline at end of file

app/assets/stylesheets/extranet/_default/abstracts/_mixins.sass → app/assets/stylesheets/extranet/_functions.sass

+@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}

app/assets/stylesheets/extranet/_default/abstracts/_variables.sass → app/assets/stylesheets/extranet/_variables.sass

 // Colors
 $primary: black
+$header-color: #F5F5F5
+$active-color: #0016ff
 
 // Fonts
 $font-family-sans-serif: "Basier Square", sans-serif
 $font-size-root: 1rem
 $font-size-base: 1.125rem
 
-$h1-font-size: px2rem(40)
+$h1-font-size: px2rem(60)
 $h2-font-size: px2rem(18)
 $h3-font-size: px2rem(20)
 $headings-font-weight: 700
@@ -33,7 +35,6 @@ $btn-facet-color: $primary
 $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.15)
@@ -42,7 +43,7 @@ $list-border-color: rgba(0, 0, 0, 0.15)
 $pagination-border-width: 0
 $pagination-font-size: $small-font-size
 
-$navbar-link-active-color: $primary
+$navbar-link-active-color: $active-color
 
 // Border
 $light-border-color: rgba($primary, 0.1)
@@ -50,3 +51,5 @@ $light-border-color: rgba($primary, 0.1)
 // Grid
 $grid-gutter-width: 3.75rem
 $container-max-widths: ( sm: 100%, md: 100%, lg: 100%, xl: 100%, xxl: 1980px )
+
+$enable-negative-margins: true
\ No newline at end of file

app/assets/stylesheets/extranet/_default/pages/_default.sass → app/assets/stylesheets/extranet/layout/_default.sass

+.container
+    @include media-breakpoint-up(md)
+        padding-right: var(--bs-gutter-x)
+        padding-left: var(--bs-gutter-x)
+
 .action-show
     @include media-breakpoint-up(md)
         .top
@@ -17,3 +22,6 @@
             font-size: $small-font-size
         dd
             margin-bottom: px2rem(26)
+
+ul
+    list-style: none
\ No newline at end of file

app/assets/stylesheets/extranet/layout/_header.sass

+header,
+.header
+    background: $header-color
+    padding-top: 240px
+    padding-bottom: 50px
+    margin-bottom: 50px
+    &__additional_data
+        @include media-breakpoint-up(md)
+            text-align: right
+            margin-top: -60px
+            margin-bottom: 0