/var/www/flurhymez/resources/admin/scss
Edit: /var/www/flurhymez/resources/admin/scss/app-rtl.scss (4918B)
/*
* Shards Dashboard Lite UI Kit v1.1.0
* Project URL: https://designrevision.com/downloads/shards-dashboard-lite
* Based on: Shards UI Kit v2.1.0 (https://designrevision.com/downloads/shards)
* Based on: Bootstrap v4.1.3 (https://getbootstrap.com)
* Copyright 2017-* DesignRevision (https://designrevision.com)
* Copyright 2017-* Catalin Vasile (contact@catalin.me)
* License: MIT
*/
// theme
$primary: #903f98;
$secondary: #ffe17f;
$success: #50cd89;
$info: #7239ea;
$warning: #ffc700;
$danger: #f1416c;
$light: #f7f7f7;
$dark: #3c004a;
$darken: #2f003a;
// Colors
$theme-colors: (
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark,
);
// Colors Contrast Ratio
$yiq-contrasted-threshold: 450;
$custom-file-text: (
en: "Browse",
ar: "تصفح",
tr: "Araştır",
);
$input-placeholder-color: #b7bac3;
// Shards variables overrides.
@import "overrides-rtl";
//Bootstrap
@import "../../../node_modules/bootstrap/scss/bootstrap";
// Base Shards UI Kit
@import "../../../node_modules/shards-ui/src/scss/shards";
/* Shards Dashboards Lite Styles */
// Core
@import "variables";
// Components
@import "reboot";
@import "buttons";
@import "button-group";
@import "navbar";
@import "badge";
@import "alert";
@import "input-group";
@import "custom-forms";
@import "custom-sliders";
@import "images";
@import "icons";
@import "dropdown";
@import "card";
@import "utilities";
// Blocks
@import "blocks/main-navbar";
@import "blocks/main-sidebar";
@import "blocks/main-content";
@import "blocks/main-footer";
@import "blocks/page-header";
// Templates
@import "templates/common"; // Required common styles for all pages.
@import "templates/blog-overview";
@import "templates/blog-add-new-post";
// Plugins
@import "plugins/quill";
// Components
@import "components/card-post";
@import "components/error";
/* Body */
body {
font-size: 14px;
font-family: $font-family-system-first;
}
.dropdown-toggle::after {
margin-left: 0;
margin-right: 0.255em;
position: relative;
top: 3px;
}
a {
transition: all 300ms;
}
/* Custom Scroll */
.os-padding {
z-index: auto;
}
/* Container */
.main-content {
> .full-content-container {
min-height: 100vh;
}
}
/* Helpers */
.text- {
&accent {
color: $accent-color;
}
&dark {
color: #212529;
}
&teal {
color: #1adba2;
}
&green {
color: #5cb85c;
}
&cyan {
color: #00b8d8;
}
&blue {
color: #007bff;
}
&orange {
color: #fb7906;
}
&purple {
color: #8445f7;
}
&red {
color: #c4183c;
}
&yellow {
color: #ffb400;
}
&gray {
color: #b7bac3;
}
}
.font- {
&sm {
font-size: 0.8em;
}
}
.row-eq-height {
[class^="col"] {
display: flex;
flex-direction: column;
}
[class^="col"] > div {
flex-grow: 1;
}
}
/* Forms */
.custom-file-input:focus ~ .custom-file-label::after {
border-color: unset;
color: #495057;
background: #e9ecef;
}
.custom-select {
background-image: $dropdown-icon-image;
background-size: 1rem 1.2em;
}
/* List */
.list-group {
padding: 0;
}
/* General Alerts */
.general-alerts {
position: absolute;
top: 0;
z-index: 9999;
height: 60px;
line-height: 60px;
padding: 0 1.25rem;
width: 100%;
border-radius: 0;
.close {
height: 100%;
&:hover,
&:focus {
color: #fff;
}
}
}
/* Image Preview */
.img-preview {
width: 160px;
height: 160px;
object-fit: cover;
margin-bottom: 20px;
border-radius: 1rem;
}
/* Table Card */
.card {
border-radius: 1.25rem;
.card-header {
&:first-child {
border-radius: 1.25rem 1.25rem 0 0;
}
}
.card-body {
.table {
thead {
tr {
th {
background-color: $light;
&:first-child {
border-radius: 0 1.25rem 0 0;
}
&:last-child {
border-radius: 1.25rem 0 0 0;
}
}
}
}
td {
vertical-align: middle;
.img-preview {
width: 70px;
height: 70px;
margin-bottom: 0;
}
}
}
}
}
/* Social Media */
.social-media {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
li {
a {
font-size: 1.6em;
margin-right: 0px;
margin-left: 20px;
color: $primary;
svg {
fill: $primary;
}
&:hover {
color: $secondary;
svg {
fill: $secondary;
}
}
}
&:last-child {
a {
margin-right: 0;
}
}
svg {
height: 24px;
width: auto;
position: relative;
top: -2px;
transition: all 300ms;
}
}
}
/* Modal */
.modal {
z-index: 1080;
}
.modal-backdrop {
z-index: 1079;
}
/* RTL */
@import "rtl";