diff --git a/resources/app/stylesheets/app.less b/resources/app/stylesheets/app.less index 0a77d16..6942fd9 100644 --- a/resources/app/stylesheets/app.less +++ b/resources/app/stylesheets/app.less @@ -13,7 +13,7 @@ body { font-family: sans-serif; - margin: 0 3%; + margin: 0; padding: 0; background-color: @body-background-color; } @@ -56,12 +56,6 @@ img, svg { border: @border-stack; } -.accent-border-element { - border-left: @accent-border; - margin: @element-margin; - padding: 1rem; -} - .__icon { color: @ci-blue; font-weight: bold; @@ -73,14 +67,17 @@ img, svg { grid-template-areas: "header header" "nav main" "footer footer"; margin: auto; + header, footer, main, nav, aside { + padding: @text-padding-v @text-padding-h; + } + header { grid-area: header; display: grid; grid-template-columns: 40% 60%; align-items: center; - .accent-border-element; - border-bottom: 1px solid @ci-color; margin-top: 0; + background-color: Window; .app-title { grid-column: 1; @@ -106,7 +103,8 @@ img, svg { nav { grid-area: nav; - .accent-border-element; + background-color: ThreeDShadow; + padding-right: 0; h2::before { content: "▤ "; @@ -126,7 +124,6 @@ img, svg { main { grid-area: main; - .accent-border-element; border: none; .schema-title__name { @@ -154,17 +151,10 @@ img, svg { aside { grid-area: sidebar; - .accent-border-element; } footer { grid-area: footer; - .accent-border-element; - border-top: 1px solid @ci-color; - } - - header, footer, main, nav, aside { - padding: @text-padding-v @text-padding-h; } }