kevin/r2c
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

maj

Browse Source
This commit is contained in:
kevin
2018-09-19 21:43:25 +02:00
parent 1c407a4328
commit f9d3d02e74
482 changed files with 31736 additions and 9897 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/quark/scss/spectre/_asian.scss
+7 -2
View File
@@ -1,6 +1,11 @@
// Optimized for East Asian CJK
:lang(zh) {
font-family: $cjk-zh-font-family;
:lang(zh),
:lang(zh-Hans) {
font-family: $cjk-zh-hans-font-family;
}
:lang(zh-Hant) {
font-family: $cjk-zh-hant-font-family;
}
:lang(ja) {
user/themes/quark/scss/spectre/_avatars.scss
+1 -1
View File
@@ -74,4 +74,4 @@
transform: translate(-50%, -50%);
z-index: $zindex-0;
}
}
}
user/themes/quark/scss/spectre/_badges.scss
+1 -11
View File
@@ -13,7 +13,7 @@
color: $light-color;
content: attr(data-badge);
display: inline-block;
transform: translate(-.1rem, -.5rem);
transform: translate(-.05rem, -.5rem);
}
}
&[data-badge] {
@@ -57,14 +57,4 @@
z-index: $zindex-1;
}
}
&.avatar-xs {
&::after {
content: "";
height: $unit-2;
min-width: $unit-2;
padding: 0;
width: $unit-2;
}
}
}
user/themes/quark/scss/spectre/_base.scss
+4
View File
@@ -37,4 +37,8 @@ a {
color: $link-color-dark;
text-decoration: underline;
}
&:visited {
color: $link-color-light;
}
}
user/themes/quark/scss/spectre/_calendars.scss
+26 -7
View File
@@ -98,13 +98,22 @@
}
}
&.disabled .date-item,
&.disabled .calendar-event,
.date-item:disabled,
.calendar-event:disabled {
cursor: default;
opacity: .25;
pointer-events: none;
.date-item,
.calendar-event {
&:disabled,
&.disabled {
cursor: default;
opacity: .25;
pointer-events: none;
}
}
&.prev-month,
&.next-month {
.date-item,
.calendar-event {
opacity: .25;
}
}
}
@@ -132,11 +141,21 @@
}
}
&.range-start,
&.range-end {
.date-item {
background: $primary-color-dark;
border-color: darken($primary-color-dark, 5%);
color: $light-color;
}
}
.date-item {
color: $primary-color;
}
}
// Calendars size
&.calendar-lg {
.calendar-body {
padding: 0;
user/themes/quark/scss/spectre/_cards.scss
+4
View File
@@ -17,6 +17,10 @@
}
}
.card-body {
flex: 1 1 auto;
}
.card-image {
padding-top: $layout-spacing-lg;
user/themes/quark/scss/spectre/_chips.scss
+4
View File
@@ -23,4 +23,8 @@
margin-left: -$unit-2;
margin-right: $unit-1;
}
.btn-clear {
transform: scale(.75);
}
}
user/themes/quark/scss/spectre/_codes.scss
+1 -1
View File
@@ -1,7 +1,7 @@
// Codes
code {
@include label-base();
@include label-variant($code-color, lighten($code-color, 33%));
@include label-variant($code-color, lighten($code-color, 42.5%));
font-size: 85%;
}
user/themes/quark/scss/spectre/_forms.scss
+20 -2
View File
@@ -193,7 +193,7 @@ textarea.form-input {
.form-checkbox,
.form-radio,
.form-switch {
display: inline-block;
display: block;
line-height: $line-height;
margin: ($control-size - $control-size-sm) / 2 0;
min-height: 1.2rem;
@@ -381,6 +381,7 @@ textarea.form-input {
.form-input,
.form-select {
flex: 1 1 auto;
width: 1%;
}
.input-group-btn {
@@ -461,6 +462,18 @@ textarea.form-input {
}
}
.form-checkbox {
.has-error &,
&.is-error {
input {
&:indeterminate + .form-icon {
background: $error-color;
border-color: $error-color;
}
}
}
}
// validation based on :placeholder-shown (Edge doesn't support it yet)
.form-input {
&:not(:placeholder-shown) {
@@ -516,7 +529,7 @@ input {
}
}
// Form Horizontal
// Form horizontal
.form-horizontal {
padding: $layout-spacing 0;
@@ -525,3 +538,8 @@ input {
flex-wrap: wrap;
}
}
// Form inline
.form-inline {
display: inline-block;
}
user/themes/quark/scss/spectre/_modals.scss
+10 -4
View File
@@ -31,8 +31,6 @@
.modal-container {
animation: slide-down .2s ease 1;
max-width: $control-width-md;
width: 100%;
z-index: $zindex-0;
}
}
@@ -60,15 +58,23 @@
@include shadow-variant(.2rem);
background: $bg-color-light;
border-radius: $border-radius;
display: block;
display: flex;
flex-direction: column;
max-height: 75vh;
max-width: $control-width-md;
padding: 0 $unit-4;
width: 100%;
&.modal-fullheight {
max-height: 100vh;
}
.modal-header {
color: $dark-color;
padding: $unit-4;
}
.modal-body {
max-height: 50vh;
overflow-y: auto;
padding: $unit-4;
position: relative;
user/themes/quark/scss/spectre/_off-canvas.scss
+4
View File
@@ -86,6 +86,10 @@ $off-canvas-breakpoint: $size-lg !default;
position: relative;
transform: none;
}
.off-canvas-overlay {
display: none !important;
}
}
}
}
user/themes/quark/scss/spectre/_popovers.scss
+11 -15
View File
@@ -16,11 +16,10 @@
}
*:focus + .popover-container,
&:hover .popover-container,
.popover-container:hover {
&:hover .popover-container {
display: block;
opacity: 1;
transform: translate(-50%, -100%) scale(1);
transform: translate(-50%, -100%);
}
&.popover-right {
@@ -29,10 +28,9 @@
top: 50%;
}
:focus + .popover-container,
&:hover .popover-container,
.popover-container:hover {
transform: translate(0, -50%) scale(1);
*:focus + .popover-container,
&:hover .popover-container {
transform: translate(0, -50%);
}
}
@@ -42,10 +40,9 @@
top: 100%;
}
:focus + .popover-container,
&:hover .popover-container,
.popover-container:hover {
transform: translate(-50%, 0) scale(1);
*:focus + .popover-container,
&:hover .popover-container {
transform: translate(-50%, 0);
}
}
@@ -55,10 +52,9 @@
top: 50%;
}
:focus + .popover-container,
&:hover .popover-container,
.popover-container:hover {
transform: translate(-100%, -50%) scale(1);
*:focus + .popover-container,
&:hover .popover-container {
transform: translate(-100%, -50%);
}
}
user/themes/quark/scss/spectre/_variables.scss
+7 -5
View File
@@ -1,5 +1,5 @@
// Core variables
$version: "0.5.1";
$version: "0.5.3";
// Core features
$rtl: false !default;
@@ -31,19 +31,21 @@ $warning-color: #ffb700 !default;
$error-color: #e85600 !default;
// Other colors
$code-color: #e06870 !default;
$code-color: #d73e48 !default;
$highlight-color: #ffe9b3 !default;
$body-bg: $bg-color-light !default;
$body-font-color: lighten($dark-color, 5%) !default;
$link-color: $primary-color !default;
$link-color-dark: darken($link-color, 5%) !default;
$link-color-dark: darken($link-color, 10%) !default;
$link-color-light: lighten($link-color, 10%) !default;
// Fonts
// Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !default;
$mono-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace !default;
$fallback-font-family: "Helvetica Neue", sans-serif !default;
$cjk-zh-font-family: $base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", $fallback-font-family !default;
$cjk-zh-hans-font-family: $base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", $fallback-font-family !default;
$cjk-zh-hant-font-family: $base-font-family, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", $fallback-font-family !default;
$cjk-jp-font-family: $base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, $fallback-font-family !default;
$cjk-ko-font-family: $base-font-family, "Malgun Gothic", $fallback-font-family !default;
$body-font-family: $base-font-family, $fallback-font-family !default;
@@ -70,7 +72,7 @@ $html-line-height: 1.5 !default;
$font-size: .8rem !default;
$font-size-sm: .7rem !default;
$font-size-lg: .9rem !default;
$line-height: 1rem !default;
$line-height: 1.2rem !default;
// Sizes
$layout-spacing: $unit-2 !default;
user/themes/quark/scss/spectre/mixins/_color.scss
+3
View File
@@ -20,5 +20,8 @@
&:hover {
color: darken($color, 5%);
}
&:visited {
color: lighten($color, 5%);
}
}
}
user/themes/quark/scss/spectre/mixins/_label.scss
+1 -1
View File
@@ -2,7 +2,7 @@
@mixin label-base() {
border-radius: $border-radius;
line-height: 1.2;
padding: .1rem .15rem;
padding: .1rem .2rem;
}
@mixin label-variant($color: $light-color, $bg-color: $primary-color) {
user/themes/quark/scss/spectre/mixins/_position.scss
+18 -18
View File
@@ -1,65 +1,65 @@
// Margin utility mixin
@mixin margin-variant($id: 1, $size: $unit-1) {
.m-#{$id} {
margin: $size;
margin: $size !important;
}
.mb-#{$id} {
margin-bottom: $size;
margin-bottom: $size !important;
}
.ml-#{$id} {
margin-left: $size;
margin-left: $size !important;
}
.mr-#{$id} {
margin-right: $size;
margin-right: $size !important;
}
.mt-#{$id} {
margin-top: $size;
margin-top: $size !important;
}
.mx-#{$id} {
margin-left: $size;
margin-right: $size;
margin-left: $size !important;
margin-right: $size !important;
}
.my-#{$id} {
margin-bottom: $size;
margin-top: $size;
margin-bottom: $size !important;
margin-top: $size !important;
}
}
// Padding utility mixin
@mixin padding-variant($id: 1, $size: $unit-1) {
.p-#{$id} {
padding: $size;
padding: $size !important;
}
.pb-#{$id} {
padding-bottom: $size;
padding-bottom: $size !important;
}
.pl-#{$id} {
padding-left: $size;
padding-left: $size !important;
}
.pr-#{$id} {
padding-right: $size;
padding-right: $size !important;
}
.pt-#{$id} {
padding-top: $size;
padding-top: $size !important;
}
.px-#{$id} {
padding-left: $size;
padding-right: $size;
padding-left: $size !important;
padding-right: $size !important;
}
.py-#{$id} {
padding-bottom: $size;
padding-top: $size;
padding-bottom: $size !important;
padding-top: $size !important;
}
}
user/themes/quark/scss/spectre/utilities/_colors.scss
+2
View File
@@ -7,6 +7,8 @@
@include text-color-variant(".text-light", $light-color);
@include text-color-variant(".text-dark", $body-font-color);
@include text-color-variant(".text-success", $success-color);
@include text-color-variant(".text-warning", $warning-color);
user/themes/quark/scss/spectre/utilities/_position.scss
+3 -3
View File
@@ -12,15 +12,15 @@
}
.relative {
position: relative;
position: relative !important;
}
.absolute {
position: absolute;
position: absolute !important;
}
.fixed {
position: fixed;
position: fixed !important;
}
.centered {
user/themes/quark/scss/spectre/utilities/_shapes.scss
+3 -3
View File
@@ -1,8 +1,8 @@
// Shapes
.rounded {
.s-rounded {
border-radius: $border-radius;
}
.circle {
.s-circle {
border-radius: 50%;
}
}