/var/www/cobraambalaj/resources/admin/scss
Edit: /var/www/cobraambalaj/resources/admin/scss/app.scss (3480B)
/*
* 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
$accent-color: #009ee3;
$primary: #009ee3;
$custom-file-text: (
en: "Browse",
ar: "تصفح",
tr: "Araştır",
);
$input-placeholder-color: #b7bac3;
// Shards variables overrides.
@import "overrides";
//Bootstrap
@import "~bootstrap/scss/bootstrap";
// Base Shards UI Kit
@import "~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 {
position: relative;
top: 3px;
}
/* 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;
}
/* 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 {
.card-body {
.table {
thead {
tr {
th {
&:first-child {
border-radius: 0.625rem 0 0 0;
}
&:last-child {
border-radius: 0 0.625rem 0 0;
}
}
}
}
}
}
}