@pacem/pacem-theme-less 1.0.0-amaldi

package/pacem/layout/dark/address.less

@@ -0,0 +1,37 @@
+@import "../shared";
+
+address {
+    font-style: normal;
+    line-height: inherit;
+
+    @_icon_size: @grid_spacing / 6 * 5;
+
+    // for better results combine it with .@{PCSS}-panel class
+    .email,
+    .phone,
+    .place {
+        padding-left: @_icon_size * 1.2;
+        position: relative;
+    }
+
+    .place::before {
+        .Icon('place', @_icon_size);
+    }
+
+    .phone::before {
+        .Icon('phone', @_icon_size);
+    }
+
+    .email::before {
+        .Icon('email', @_icon_size);
+    }
+
+    .email,
+    .phone,
+    .place {
+        &::before {
+            left: 0;
+            top: 0;
+        }
+    }
+}

package/pacem/layout/dark/borders.less

@@ -0,0 +1,102 @@
+
+.border-solid {
+    border-style: solid;
+}
+
+.border-dashed {
+    border-style: dashed;
+}
+
+.border-dotted {
+    border-style: dotted;
+}
+
+.border-double {
+    border-style: double;
+}
+
+.border-solid,
+.border-double,
+.border-dashed,
+.border-dotted {
+    border-color: ~"var(--@{PCSS}-color-border)";
+    border-width: 1px;
+
+    each(range(12), {
+        &.border-size-@{value} {
+            border-width: ~"var(--@{PCSS}-size-@{value})";
+        }
+
+        &.border-size--@{value} {
+            border-width: ~"var(--@{PCSS}-size--@{value})";
+        }
+    });
+
+
+    @colors: @all_colors;
+
+    each(@colors {
+        &.border-@{value} {
+            border-color: ~"var(--@{PCSS}-color-@{value})";
+        }
+
+        &.border-@{value}-container {
+            border-color: ~"var(--@{PCSS}-color-@{value}-container)";
+        }
+
+        &.border-@{value}-container-inverse {
+            border-color: ~"var(--@{PCSS}-color-@{value}-container-inverse)";
+        }
+    });
+}
+
+.border-radius-0,
+.border-radius--0 {
+    border-radius: 0;
+}
+
+.border-size-0,
+.border-size--0 {
+    border-width: 0;
+}
+
+each(range(12), {
+        .border-round.border-radius--@{value},
+        .border-radius--@{value} {
+            border-radius: ~"var(--@{PCSS}-size--@{value})";
+        }
+        .border-round.border-radius-@{value},
+        .border-radius-@{value} {
+            border-radius: ~"var(--@{PCSS}-size-@{value})";
+        }
+    });
+
+.border-radius-topleft-0 {
+    border-top-left-radius: 0;
+}
+.border-radius-topright-0 {
+    border-top-right-radius: 0;
+}
+.border-radius-bottomleft-0 {
+    border-bottom-left-radius: 0;
+}
+.border-radius-bottomright-0 {
+    border-bottom-right-radius: 0;
+}
+
+//.border-top-size--0,
+.border-top-size-0 {
+    border-top-width: 0 !important;
+}
+//.border-right-size--0,
+.border-right-size-0 {
+    border-right-width: 0 !important;
+}
+//.border-left-size--0,
+.border-left-size-0 {
+    border-left-width: 0 !important;
+}
+//.border-bottom-size--0,
+.border-bottom-size-0 {
+    border-bottom-width: 0 !important;
+}

package/pacem/layout/dark/breadcrumbs.less

@@ -0,0 +1,85 @@
+@import "../mixins";
+
+@_main_h: 2 * @grid_spacing;
+@_main_w: 3 * @grid_spacing;
+@_pad_v: @grid_spacing / 4;
+
+.@{PCSS}-breadcrumbs {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    > .breadcrumb {
+        flex-basis: auto;
+        flex-grow: 0;
+        flex-shrink: 1;
+        margin-right: @grid_spacing / 2;
+
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+
+    height: @grid_cell;// @_main_h + 2 * (@grid_spacing + @_pad_v);
+}
+
+.breadcrumb {
+    display: grid;
+    grid-column-gap: @grid_spacing/2;
+    grid-row-gap: 0;
+    grid-template-columns: auto minmax(@_main_w, auto);
+    grid-template-rows: 1fr repeat(2,auto) 1fr;
+    grid-template-areas: "pad1 main" "extra main" "detail main" "pad2 main";
+    // reset
+    text-align: left;
+    text-transform: none;
+    margin: 0;
+    box-sizing: border-box;
+    white-space: nowrap;
+    padding: @_pad_v @grid_spacing / 2;
+    align-items: center;
+
+    &:hover,
+    &:focus {
+        text-shadow: none;
+    }
+
+    &.breadcrumb-border {
+        border: 1px solid @color_border;
+    }
+
+    > .breadcrumb-extra {
+        grid-area: extra;
+        font-family: @font_tech;
+        font-size: .86rem * @font_rem_factor;
+        line-height: 1;
+        text-align: right;
+    }
+
+    > .breadcrumb-detail {
+        grid-area: detail;
+        font-family: @font_main;
+        font-size: 1rem * @font_rem_factor;
+        line-height: 1;
+        text-align: right;
+    }
+
+    > .breadcrumb-main {
+        grid-area: main;
+        //
+        .FontStd(2, @font_weight);
+        //
+        min-width: @_main_w;
+        height: @_main_h;
+        line-height: @_main_h;
+    }
+
+    color: @color_secondary;
+    .BoxLayout(breadcrumb);
+
+    &.home {
+        background-color: @color_background_alt;
+        color: @color_breadcrumb_home_fore;
+        border-color: fade(@color_breadcrumb_home_fore, 20);
+    }
+}