59 lines
1.3 KiB
SCSS
59 lines
1.3 KiB
SCSS
// Fonts
|
|
@import url('https://fonts.googleapis.com/css?family=Nunito');
|
|
|
|
// Variables
|
|
@import 'variables';
|
|
|
|
@import 'bulma';
|
|
@import '~bulma-switch';
|
|
|
|
main.has-top-padding {
|
|
padding-top: 4.5rem !important;
|
|
}
|
|
|
|
table.table td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.has-text-centered {
|
|
text-align: center;
|
|
margin: 0 1em;
|
|
}
|
|
|
|
.is-fixed-top {
|
|
position: fixed;
|
|
z-index: 30;
|
|
}
|
|
|
|
#main {
|
|
height: 100%;
|
|
}
|
|
|
|
.container {
|
|
max-height: 100% !important;
|
|
}
|
|
|
|
/*
|
|
Author: Aseem Lalfakawma <alalfakawma.github.io>
|
|
This SCSS mixin will allow sizing of table columns in Bulma CSS Framework.
|
|
The Bulma framework does not support this yet, this small code snippet fixes this.
|
|
|
|
USAGE:
|
|
* Should be applied on TH element, it controls all the columns under it *
|
|
The class should be "is-#",
|
|
is-1 will give the first widthamount, is-2 will give the second.
|
|
Eg. The code below shows the widthAmounts as (1, 2.5, 3, 4 , 5, 6, 7)
|
|
When typing <th class="is-2">, the width will be 2.5em, as the second value in widthAmounts array is 2.5
|
|
*/
|
|
|
|
$widthAmounts: (15); // Just add the numbers here, you can use points too.
|
|
$widthUnit: "em"; // Add the unit here (rem|em|px|%)
|
|
|
|
@each $width in $widthAmounts {
|
|
$i: index($widthAmounts, $width);
|
|
@media only screen and (min-width: 768px) {
|
|
.table thead th.is-#{$i} {
|
|
width: #{$width}#{$widthUnit} !important;
|
|
}
|
|
}
|
|
} |