diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss index 342c192..253fd9b 100644 --- a/assets/sass/base/_typography.scss +++ b/assets/sass/base/_typography.scss @@ -164,6 +164,10 @@ text-align: right; } + .align-justify { + text-align: justify; + } + .footerspacer { padding-left: 15px; padding-right: 15px; diff --git a/assets/sass/components/_banner.scss b/assets/sass/components/_banner.scss index a3ae207..0561b64 100644 --- a/assets/sass/components/_banner.scss +++ b/assets/sass/components/_banner.scss @@ -357,6 +357,10 @@ } } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { @@ -507,6 +511,10 @@ text-align: right; } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { @@ -662,6 +670,10 @@ text-align: right; } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { @@ -802,6 +814,10 @@ &.content-align-right { text-align: right; } + + &.content-align-justify { + text-align: justify; + } // Image Position. &.image-position-left { @@ -906,6 +922,10 @@ text-align: right; } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { @@ -988,4 +1008,4 @@ } } - @include color-banner; \ No newline at end of file + @include color-banner; diff --git a/assets/sass/components/_form.scss b/assets/sass/components/_form.scss index df7f199..f4d0c00 100644 --- a/assets/sass/components/_form.scss +++ b/assets/sass/components/_form.scss @@ -82,6 +82,8 @@ input[type="tel"], input[type="search"], input[type="url"], + input[type="date"], + input[type="number"], select, textarea { @include vendor('appearance', 'none'); @@ -126,6 +128,8 @@ input[type="tel"], input[type="search"], input[type="url"], + input[type="date"], + input[type="number"], select { height: _size(element-height); } @@ -222,6 +226,8 @@ input[type="tel"], input[type="search"], input[type="url"], + input[type="date"], + input[type="number"], select, textarea { border-color: _palette($p, border); diff --git a/assets/sass/components/_spotlight.scss b/assets/sass/components/_spotlight.scss index 376f032..774b1a3 100644 --- a/assets/sass/components/_spotlight.scss +++ b/assets/sass/components/_spotlight.scss @@ -346,6 +346,10 @@ text-align: right; } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { @@ -491,6 +495,10 @@ &.content-align-right { text-align: right; } + + &.content-align-justify { + text-align: justify; + } // Image Position. &.image-position-left { @@ -628,6 +636,10 @@ text-align: right; } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { @@ -784,6 +796,10 @@ text-align: right; } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { @@ -928,6 +944,10 @@ text-align: right; } + &.content-align-justify { + text-align: justify; + } + // Image Position. &.image-position-left { .image { diff --git a/assets/sass/components/_wrapper.scss b/assets/sass/components/_wrapper.scss index d54f11f..c8b267a 100644 --- a/assets/sass/components/_wrapper.scss +++ b/assets/sass/components/_wrapper.scss @@ -46,6 +46,23 @@ @include padding(_size(padding, small) * 1.5, _size(padding, small)); } } + + // Content Alignment. + &.content-align-left { + // ... + } + + &.content-align-center { + text-align: center; + } + + &.content-align-right { + text-align: right; + } + + &.content-align-justify { + text-align: justify; + } } /* Wrapper (style2) */ @@ -104,6 +121,23 @@ @include padding(_size(padding, small), _size(padding, small) * 0.75); } } + + // Content Alignment. + &.content-align-left { + // ... + } + + &.content-align-center { + text-align: center; + } + + &.content-align-right { + text-align: right; + } + + &.content-align-justify { + text-align: justify; + } } #wrapper {