hugo/MyX
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Recherche des tweets de réponse avec l'API Tweeter

Browse Source
This commit is contained in:
hugol
2024-11-17 13:55:25 +01:00
parent 3d386178bf
commit 8dc18553ec
1751 changed files with 379552 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
resources/sass/dashmix/helpers/_background.scss Normal file
View File

@@ -0,0 +1,256 @@
//
// Background
// --------------------------------------------------
// Black/White with opacity
.bg-black {
&-5 {
background-color: rgba(0, 0, 0, 0.05) !important;
}
&-10 {
background-color: rgba(0, 0, 0, 0.1) !important;
}
&-25 {
background-color: rgba(0, 0, 0, 0.25) !important;
}
&-50 {
background-color: rgba(0, 0, 0, 0.5) !important;
}
&-75 {
background-color: rgba(0, 0, 0, 0.75) !important;
}
&-90 {
background-color: rgba(0, 0, 0, 0.9) !important;
}
&-95 {
background-color: rgba(0, 0, 0, 0.95) !important;
}
}
.bg-white {
&-5 {
background-color: rgba(255, 255, 255, 0.05) !important;
}
&-10 {
background-color: rgba(255, 255, 255, 0.1) !important;
}
&-25 {
background-color: rgba(255, 255, 255, 0.25) !important;
}
&-50 {
background-color: rgba(255, 255, 255, 0.5) !important;
}
&-75 {
background-color: rgba(255, 255, 255, 0.75) !important;
}
&-90 {
background-color: rgba(255, 255, 255, 0.9) !important;
}
&-95 {
background-color: rgba(255, 255, 255, 0.95) !important;
}
}
// Image Background
.bg-image {
background-position: 0% 50%;
background-size: cover;
&-top {
background-position-y: 0%;
}
&-center {
background-position-x: 50%;
}
&-bottom {
background-position-y: 100%;
}
@include media-breakpoint-up(xl) {
&-fixed {
background-attachment: fixed;
}
}
}
// Pattern Image
.bg-pattern {
background-repeat: repeat;
}
// Video Background
.bg-video {
width: 100%;
transform: translateZ(0);
}
// Contextual colors
@include bg-variant('.bg-primary-op', rgba($primary, .75));
@include bg-variant(".bg-primary", $primary);
@include bg-variant('.bg-primary-dark', $primary-dark);
@include bg-variant('.bg-primary-dark-op', rgba($primary-dark, .8));
@include bg-variant('.bg-primary-darker', $primary-darker);
@include bg-variant('.bg-primary-light', $primary-light);
@include bg-variant('.bg-primary-lighter', $primary-lighter);
@include bg-variant(".bg-success", $success);
@include bg-variant(".bg-success-light", $success-light);
@include bg-variant(".bg-warning", $warning);
@include bg-variant(".bg-warning-light", $warning-light);
@include bg-variant(".bg-info", $info);
@include bg-variant(".bg-info-light", $info-light);
@include bg-variant(".bg-danger", $danger);
@include bg-variant(".bg-danger-light", $danger-light);
@include bg-variant(".bg-success-op", rgba($success-light, 0.95));
@include bg-variant(".bg-warning-op", rgba($warning-light, 0.95));
@include bg-variant(".bg-info-op", rgba($info-light, 0.95));
@include bg-variant(".bg-danger-op ", rgba($danger-light, 0.95));
@include bg-variant(".bg-body", $light);
@include bg-variant(".bg-body-light", $body-bg-light);
@include bg-variant(".bg-body-dark", $body-bg-dark);
@include bg-variant(".bg-body-extra-light", $white);
@include bg-variant(".bg-muted", $gray-600);
@include bg-variant(".bg-white", $white);
@include bg-variant(".bg-black", $black);
@include bg-variant(".bg-gray", $gray-400);
@include bg-variant(".bg-gray-dark", $gray-600);
@include bg-variant(".bg-gray-darker", $gray-800);
@include bg-variant(".bg-gray-light", $gray-200);
@include bg-variant(".bg-gray-lighter", $gray-100);
// Elements
@include bg-variant('.bg-header-light', $header-bg);
@include bg-variant('.bg-header-dark', $header-dark-bg);
@include bg-variant('.bg-sidebar-light', $sidebar-bg);
@include bg-variant('.bg-sidebar-dark', $sidebar-dark-bg);
// Gradients
@include bg-gradient-variant-linear('.bg-gd-primary', 135deg, $primary, lighten($primary, 15%));
@include bg-gradient-variant-linear('.bg-gd-dusk', 135deg, #d262e3, $primary);
@include bg-gradient-variant-linear('.bg-gd-fruit', 135deg, #89216b, #da4453);
@include bg-gradient-variant-linear('.bg-gd-aqua', 135deg, #02aab0, #00cdac);
@include bg-gradient-variant-linear('.bg-gd-sublime', 135deg, #6a82fb, #fc5c7d);
@include bg-gradient-variant-linear('.bg-gd-sea', 135deg, #2b32b2, #1488cc);
@include bg-gradient-variant-linear('.bg-gd-leaf', 135deg, $warning, $success);
@include bg-gradient-variant-linear('.bg-gd-lake', 135deg, #00f260, #0575e6);
@include bg-gradient-variant-linear('.bg-gd-sun', 135deg, #e65c00, #f9d423);
@include bg-gradient-variant-linear('.bg-gd-dusk-op', 135deg, rgba(#d262e3, .5), rgba($primary, .5));
@include bg-gradient-variant-linear('.bg-gd-fruit-op', 135deg, rgba(#89216b, .5), rgba(#da4453, .5));
@include bg-gradient-variant-linear('.bg-gd-aqua-op', 135deg, rgba(#02aab0, .5), rgba(#00cdac, .5));
@include bg-gradient-variant-linear('.bg-gd-sublime-op', 135deg, rgba(#6a82fb, .5), rgba(#fc5c7d, .5));
@include bg-gradient-variant-linear('.bg-gd-sea-op', 135deg, rgba(#2b32b2, .5), rgba(#1488cc, .5));
@include bg-gradient-variant-linear('.bg-gd-leaf-op', 135deg, rgba($warning, .5), rgba($success, .5));
@include bg-gradient-variant-linear('.bg-gd-lake-op', 135deg, rgba(#00f260, .5), rgba(#0575e6, .5));
@include bg-gradient-variant-linear('.bg-gd-sun-op', 135deg, rgba(#e65c00, .5), rgba(#f9d423, .5));
.bg-gd-white-op-r,
.bg-gd-white-op-l,
.bg-gd-white-op-rl {
background: rgba(#ffffff, .98);
}
@include media-breakpoint-up(md) {
@include bg-gradient-variant-linear('.bg-gd-white-op-r', 90deg, rgba(#ffffff, .3) 0%, rgba(#ffffff, .98) 50%);
@include bg-gradient-variant-linear('.bg-gd-white-op-l', -90deg, rgba(#ffffff, .3) 0%, rgba(#ffffff, .98) 50%);
.bg-gd-white-op-rl {
background: linear-gradient(90deg, rgba(#ffffff, .75) 0%, rgba(#ffffff, .97) 30%, rgba(#ffffff, .97) 70%, rgba(#ffffff, .75) 100%);
}
}
// Default Color Theme
@include bg-variant('.bg-default', $primary);
@include bg-variant('.bg-default-op', rgba($primary, .75));
@include bg-variant('.bg-default-dark', $primary-dark);
@include bg-variant('.bg-default-dark-op', rgba($primary-dark, .8));
@include bg-variant('.bg-default-darker', $primary-darker);
@include bg-variant('.bg-default-light', $primary-light);
@include bg-variant('.bg-default-lighter', $primary-lighter);
@include bg-gradient-variant-linear('.bg-gd-default', 135deg, $primary, lighten($primary, 15%));
// xWork Color Theme
@include bg-variant('.bg-xwork', $theme-xwork-primary);
@include bg-variant('.bg-xwork-op', rgba($theme-xwork-primary, .75));
@include bg-variant('.bg-xwork-dark', $theme-xwork-dark);
@include bg-variant('.bg-xwork-dark-op', rgba($theme-xwork-dark, .8));
@include bg-variant('.bg-xwork-darker', $theme-xwork-darker);
@include bg-variant('.bg-xwork-light', $theme-xwork-light);
@include bg-variant('.bg-xwork-lighter', $theme-xwork-lighter);
@include bg-gradient-variant-linear('.bg-gd-xwork', 135deg, $theme-xwork-primary, lighten($theme-xwork-primary, 15%));
// xModern Color Theme
@include bg-variant('.bg-xmodern', $theme-xmodern-primary);
@include bg-variant('.bg-xmodern-op', rgba($theme-xmodern-primary, .75));
@include bg-variant('.bg-xmodern-dark', $theme-xmodern-dark);
@include bg-variant('.bg-xmodern-dark-op', rgba($theme-xmodern-dark, .8));
@include bg-variant('.bg-xmodern-darker', $theme-xmodern-darker);
@include bg-variant('.bg-xmodern-light', $theme-xmodern-light);
@include bg-variant('.bg-xmodern-lighter', $theme-xmodern-lighter);
@include bg-gradient-variant-linear('.bg-gd-xmodern', 135deg, $theme-xmodern-primary, lighten($theme-xmodern-primary, 15%));
// xEco Color Theme
@include bg-variant('.bg-xeco', $theme-xeco-primary);
@include bg-variant('.bg-xeco-op', rgba($theme-xeco-primary, .75));
@include bg-variant('.bg-xeco-dark', $theme-xeco-dark);
@include bg-variant('.bg-xeco-dark-op', rgba($theme-xeco-dark, .8));
@include bg-variant('.bg-xeco-darker', $theme-xeco-darker);
@include bg-variant('.bg-xeco-light', $theme-xeco-light);
@include bg-variant('.bg-xeco-lighter', $theme-xeco-lighter);
@include bg-gradient-variant-linear('.bg-gd-xeco', 135deg, $theme-xeco-primary, lighten($theme-xeco-primary, 15%));
// xSmooth Color Theme
@include bg-variant('.bg-xsmooth', $theme-xsmooth-primary);
@include bg-variant('.bg-xsmooth-op', rgba($theme-xsmooth-primary, .75));
@include bg-variant('.bg-xsmooth-dark', $theme-xsmooth-dark);
@include bg-variant('.bg-xsmooth-dark-op', rgba($theme-xsmooth-dark, .8));
@include bg-variant('.bg-xsmooth-darker', $theme-xsmooth-darker);
@include bg-variant('.bg-xsmooth-light', $theme-xsmooth-light);
@include bg-variant('.bg-xsmooth-lighter', $theme-xsmooth-lighter);
@include bg-gradient-variant-linear('.bg-gd-xsmooth', 135deg, $theme-xsmooth-primary, lighten($theme-xsmooth-primary, 15%));
// xInspire Color Theme
@include bg-variant('.bg-xinspire', $theme-xinspire-primary);
@include bg-variant('.bg-xinspire-op', rgba($theme-xinspire-primary, .75));
@include bg-variant('.bg-xinspire-dark', $theme-xinspire-dark);
@include bg-variant('.bg-xinspire-dark-op', rgba($theme-xinspire-dark, .8));
@include bg-variant('.bg-xinspire-darker', $theme-xinspire-darker);
@include bg-variant('.bg-xinspire-light', $theme-xinspire-light);
@include bg-variant('.bg-xinspire-lighter', $theme-xinspire-lighter);
@include bg-gradient-variant-linear('.bg-gd-xinspire', 135deg, $theme-xinspire-primary, lighten($theme-xinspire-primary, 15%));
// xDream Color Theme
@include bg-variant('.bg-xdream', $theme-xdream-primary);
@include bg-variant('.bg-xdream-op', rgba($theme-xdream-primary, .75));
@include bg-variant('.bg-xdream-dark', $theme-xdream-dark);
@include bg-variant('.bg-xdream-dark-op', rgba($theme-xdream-dark, .8));
@include bg-variant('.bg-xdream-darker', $theme-xdream-darker);
@include bg-variant('.bg-xdream-light', $theme-xdream-light);
@include bg-variant('.bg-xdream-lighter', $theme-xdream-lighter);
@include bg-gradient-variant-linear('.bg-gd-xdream', 135deg, $theme-xdream-primary, lighten($theme-xdream-primary, 15%));
// xPro Color Theme
@include bg-variant('.bg-xpro', $theme-xpro-primary);
@include bg-variant('.bg-xpro-op', rgba($theme-xpro-primary, .75));
@include bg-variant('.bg-xpro-dark', $theme-xpro-dark);
@include bg-variant('.bg-xpro-dark-op', rgba($theme-xpro-dark, .8));
@include bg-variant('.bg-xpro-darker', $theme-xpro-darker);
@include bg-variant('.bg-xpro-light', $theme-xpro-light);
@include bg-variant('.bg-xpro-lighter', $theme-xpro-lighter);
@include bg-gradient-variant-linear('.bg-gd-xpro', 135deg, $theme-xpro-primary, lighten($theme-xpro-primary, 15%));
// xPlay Color Theme
@include bg-variant('.bg-xplay', $theme-xplay-primary);
@include bg-variant('.bg-xplay-op', rgba($theme-xplay-primary, .75));
@include bg-variant('.bg-xplay-dark', $theme-xplay-dark);
@include bg-variant('.bg-xplay-dark-op', rgba($theme-xplay-dark, .8));
@include bg-variant('.bg-xplay-darker', $theme-xplay-darker);
@include bg-variant('.bg-xplay-light', $theme-xplay-light);
@include bg-variant('.bg-xplay-lighter', $theme-xplay-lighter);
@include bg-gradient-variant-linear('.bg-gd-xplay', 135deg, $theme-xplay-primary, lighten($theme-xplay-primary, 15%));

11
resources/sass/dashmix/helpers/_borders.scss Normal file
View File

@@ -0,0 +1,11 @@
//
// Borders
// --------------------------------------------------
.border-white-op {
border-color: rgba($white, 0.1) !important;
}
.border-black-op {
border-color: rgba($black, 0.1) !important;
}

44
resources/sass/dashmix/helpers/_display.scss Normal file
View File

@@ -0,0 +1,44 @@
//
// Display
// --------------------------------------------------
.h-header {
height: $header-height !important;
}
.overflow-y-auto {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
// Full height with scroll on large screens
@include media-breakpoint-up(lg) {
.h100-scroll {
height: 100vh;
overflow-y: auto;
}
}
// Dark mode display classes
html.dark {
.d-dark-none {
display: none !important;
}
.d-dark-inline-block {
display: inline-block !important;
}
.d-dark-block {
display: block !important;
}
.d-dark-flex {
display: flex !important;
}
.d-dark-inline-flex {
display: inline-flex !important;
}
}

33
resources/sass/dashmix/helpers/_effects.scss Normal file
View File

@@ -0,0 +1,33 @@
//
// Effects
// --------------------------------------------------
// Helpers
.no-transition {
transition: none !important;
}
// Ripple effect (mostly for buttons usage)
.click-ripple {
display: block;
position: absolute;
background: rgba($white, .6);
border-radius: 100%;
transform: scale(0);
&.animate {
animation: click-ripple .6s ease-out;
}
}
@keyframes click-ripple {
50% {
opacity: .6;
transform: scale(2);
}
100% {
opacity: 0;
transform: scale(3);
}
}

16
resources/sass/dashmix/helpers/_spacing.scss Normal file
View File

@@ -0,0 +1,16 @@
//
// Spacing
// --------------------------------------------------
@each $name, $value in $spacers {
.space-x-#{$name} > * + * {
margin-left: $value;
}
}
@each $name, $value in $spacers {
.space-y-#{$name} > * + * {
margin-top: $value;
}
}

122
resources/sass/dashmix/helpers/_text.scss Normal file
View File

@@ -0,0 +1,122 @@
//
// Text
// --------------------------------------------------
// Transformation
.text-normal {
text-transform: none !important;
}
// Contextual colors
@include text-emphasis-variant(".text-primary", $primary);
@include text-emphasis-variant('.text-primary-dark', $primary-dark);
@include text-emphasis-variant('.text-primary-darker',$primary-darker);
@include text-emphasis-variant('.text-primary-light', $primary-light);
@include text-emphasis-variant('.text-primary-lighter', $primary-lighter);
@include text-emphasis-variant(".text-dark", $dark);
@include text-emphasis-variant(".text-success", $success);
@include text-emphasis-variant(".text-success-light", $success-light);
@include text-emphasis-variant(".text-warning", $warning);
@include text-emphasis-variant(".text-warning-light", $warning-light);
@include text-emphasis-variant(".text-info", $info);
@include text-emphasis-variant(".text-info-light", $info-light);
@include text-emphasis-variant(".text-danger", $danger);
@include text-emphasis-variant(".text-danger-light", $danger-light);
@include text-emphasis-variant(".text-body-bg", $light);
@include text-emphasis-variant(".text-body-bg-dark", $body-bg-dark);
@include text-emphasis-variant(".text-body-bg-light", $body-bg-light);
@include text-emphasis-variant(".text-body-color", $body-color);
@include text-emphasis-variant(".text-body-color-dark", $body-color-dark);
@include text-emphasis-variant(".text-body-color-light", $body-color-light);
@include text-emphasis-variant(".text-muted", $text-muted);
@include text-emphasis-variant(".text-white", $white);
@include text-emphasis-variant(".text-white-25", rgba($white, .25));
@include text-emphasis-variant(".text-white-50", rgba($white, .5));
@include text-emphasis-variant(".text-white-75", rgba($white, .75));
@include text-emphasis-variant(".text-black", $black);
@include text-emphasis-variant(".text-black-25", rgba($black, .25));
@include text-emphasis-variant(".text-black-50", rgba($black, .5));
@include text-emphasis-variant(".text-black-75", rgba($black, .75));
@include text-emphasis-variant(".text-gray", $gray-400);
@include text-emphasis-variant(".text-gray-dark", $gray-600);
@include text-emphasis-variant(".text-gray-darker", $gray-800);
@include text-emphasis-variant(".text-gray-light", $gray-200);
@include text-emphasis-variant(".text-gray-lighter", $gray-100);
// Contextual dual text colors (for dark header/sidebar)
@include text-emphasis-variant(".text-dual", $primary-dark);
.page-header-dark #page-header,
.sidebar-dark #sidebar,
html.dark #page-header,
html.dark #sidebar {
@include text-emphasis-variant(".text-dual", $body-color-light);
}
// Default Color Theme
@include text-emphasis-variant('.text-default', $primary);
@include text-emphasis-variant('.text-default-dark', $primary-dark);
@include text-emphasis-variant('.text-default-darker', $primary-darker);
@include text-emphasis-variant('.text-default-light', $primary-light);
@include text-emphasis-variant('.text-default-lighter', $primary-lighter);
// xWork Color Theme
@include text-emphasis-variant('.text-xwork', $theme-xwork-primary);
@include text-emphasis-variant('.text-xwork-dark', $theme-xwork-dark);
@include text-emphasis-variant('.text-xwork-darker', $theme-xwork-darker);
@include text-emphasis-variant('.text-xwork-light', $theme-xwork-light);
@include text-emphasis-variant('.text-xwork-lighter', $theme-xwork-lighter);
// xModern Color Theme
@include text-emphasis-variant('.text-xmodern', $theme-xmodern-primary);
@include text-emphasis-variant('.text-xmodern-dark', $theme-xmodern-dark);
@include text-emphasis-variant('.text-xmodern-darker', $theme-xmodern-darker);
@include text-emphasis-variant('.text-xmodern-light', $theme-xmodern-light);
@include text-emphasis-variant('.text-xmodern-lighter', $theme-xmodern-lighter);
// xEco Color Theme
@include text-emphasis-variant('.text-xeco', $theme-xeco-primary);
@include text-emphasis-variant('.text-xeco-dark', $theme-xeco-dark);
@include text-emphasis-variant('.text-xeco-darker', $theme-xeco-darker);
@include text-emphasis-variant('.text-xeco-light', $theme-xeco-light);
@include text-emphasis-variant('.text-xeco-lighter', $theme-xeco-lighter);
// xSmooth Color Theme
@include text-emphasis-variant('.text-xsmooth', $theme-xsmooth-primary);
@include text-emphasis-variant('.text-xsmooth-dark', $theme-xsmooth-dark);
@include text-emphasis-variant('.text-xsmooth-darker', $theme-xsmooth-darker);
@include text-emphasis-variant('.text-xsmooth-light', $theme-xsmooth-light);
@include text-emphasis-variant('.text-xsmooth-lighter', $theme-xsmooth-lighter);
// xInspire Color Theme
@include text-emphasis-variant('.text-xinspire', $theme-xinspire-primary);
@include text-emphasis-variant('.text-xinspire-dark', $theme-xinspire-dark);
@include text-emphasis-variant('.text-xinspire-darker', $theme-xinspire-darker);
@include text-emphasis-variant('.text-xinspire-light', $theme-xinspire-light);
@include text-emphasis-variant('.text-xinspire-lighter', $theme-xinspire-lighter);
// xDream Color Theme
@include text-emphasis-variant('.text-xdream', $theme-xdream-primary);
@include text-emphasis-variant('.text-xdream-dark', $theme-xdream-dark);
@include text-emphasis-variant('.text-xdream-darker', $theme-xdream-darker);
@include text-emphasis-variant('.text-xdream-light', $theme-xdream-light);
@include text-emphasis-variant('.text-xdream-lighter', $theme-xdream-lighter);
// xPro Color Theme
@include text-emphasis-variant('.text-xpro', $theme-xpro-primary);
@include text-emphasis-variant('.text-xpro-dark', $theme-xpro-dark);
@include text-emphasis-variant('.text-xpro-darker', $theme-xpro-darker);
@include text-emphasis-variant('.text-xpro-light', $theme-xpro-light);
@include text-emphasis-variant('.text-xpro-lighter', $theme-xpro-lighter);
// xPlay Color Theme
@include text-emphasis-variant('.text-xplay', $theme-xplay-primary);
@include text-emphasis-variant('.text-xplay-dark', $theme-xplay-dark);
@include text-emphasis-variant('.text-xplay-darker', $theme-xplay-darker);
@include text-emphasis-variant('.text-xplay-light', $theme-xplay-light);
@include text-emphasis-variant('.text-xplay-lighter', $theme-xplay-lighter);