MIF_E31211879/desain/dist/scss/pages/footable-page.scss

88 lines
2.4 KiB
SCSS

/*
Template Name: Admin Template
Author: Wrappixel
File: scss
*/
@import '../variable';
/*******************
Table- Footable
******************/
#demo-show-entries {
border: 0;
background-image: linear-gradient($themecolor, $themecolor), linear-gradient($border-color, $border-color);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-color: transparent;
transition: background 0s ease-out;
padding-bottom: 5px;
color: $body-color;
&:focus {
outline: none;
background-image: linear-gradient($themecolor, $themecolor), linear-gradient($border-color, $border-color);
background-size: 100% 2px, 100% 1px;
box-shadow: none;
transition-duration: 0.3s;
}
}
#demo-input-search2 {
border: 0;
background-image: linear-gradient($themecolor, $themecolor), linear-gradient($border-color, $border-color);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-color: transparent;
transition: background 0s ease-out;
float: none;
box-shadow: none;
border-radius: 0;
margin-left: 10px;
color: $body-color;
&:focus {
outline: none;
background-image: linear-gradient($themecolor, $themecolor), linear-gradient($border-color, $border-color);
background-size: 100% 2px, 100% 1px;
box-shadow: none;
transition-duration: 0.3s;
}
}
.footable .pagination{
li{
a {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #0275d8;
background-color: $white;
border: 1px solid #ddd;
}
&.active a{
z-index: 2;
color: #fff;
background-color: #0275d8;
border-color: #0275d8;
}
}
li.disabled {
a {
color: #636c72;
pointer-events: none;
cursor: not-allowed;
background-color: $white;
border-color: #ddd;
}
}
li:first-child {
a {
margin-left: 0;
border-bottom-left-radius: .25rem;
border-top-left-radius: .25rem;
}
}
}