X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fapp.component.scss;h=229a99a2df729cfc7d596f1a969fa4a504e15d44;hb=997a30150241b90dd833433dbc1e49b988c2b575;hp=472245411e8bfce913739c64c65a591ff743e930;hpb=27bc95867442c772841fb183a625bbda61dede51;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss index 472245411..229a99a2d 100644 --- a/client/src/app/app.component.scss +++ b/client/src/app/app.component.scss @@ -1,7 +1,5 @@ -@import '_variables'; -@import '_mixins'; -@import '~bootstrap/scss/functions'; -@import '~bootstrap/scss/variables'; +@use '_variables' as *; +@use '_mixins' as *; .peertube-container { padding-bottom: 20px; @@ -17,13 +15,12 @@ width: 100%; } -.header { +.root-header { height: $header-height; position: fixed; top: 0; width: 100%; background-color: pvar(--mainBackgroundColor); - z-index: z(header); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); display: flex; } @@ -52,7 +49,7 @@ } } -.header-right { +.root-header-right { height: $header-height; display: flex; align-items: center; @@ -106,14 +103,4 @@ cursor: pointer; width: 20px; } - - ::ng-deep { - p { - font-size: 16px; - } - - p:last-child { - margin-bottom: 0; - } - } }