@ -1,15 +0,0 @@
|
||||
// _base.scss
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
|
||||
|
||||
.window-app {
|
||||
font-family: $font-stack;
|
||||
}
|
||||
|
||||
.rollable {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #000;
|
||||
text-shadow: $hover-text-shadow;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
@ -1,50 +0,0 @@
|
||||
// Flexbox Utility Classes
|
||||
.flex-group-center {
|
||||
@include flexbox(center, center);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.flex-group-left {
|
||||
@include flexbox(flex-start, center);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.flex-group-right {
|
||||
@include flexbox(flex-end, center);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.flexshrink {
|
||||
flex: 0;
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flexlarge {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
// Alignment Utility Classes
|
||||
.align-left {
|
||||
@include flexbox(flex-start, center);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
@include flexbox(flex-end, center);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
@include flexbox(center, center);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Only apply the right alignment to specific inputs with this class
|
||||
.right-align-input {
|
||||
flex: 1;
|
||||
margin-left: auto; // Push the input to the far right
|
||||
max-width: 260px; // Optional: Control the width of the input field
|
||||
}
|
@ -1,25 +0,0 @@
|
||||
// _grid.scss
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@for $i from 2 through 12 {
|
||||
// Create grid-start-* classes for offsets
|
||||
.grid-start-#{$i} {
|
||||
grid-column-start: #{$i};
|
||||
}
|
||||
|
||||
// Create grid-span-* classes for column spans
|
||||
.grid-span-#{$i} {
|
||||
grid-column-end: span #{$i};
|
||||
}
|
||||
|
||||
// Create grid-*col classes for grid columns
|
||||
.grid-#{$i}col {
|
||||
grid-column: span #{$i} / span #{$i};
|
||||
grid-template-columns: repeat(#{$i}, minmax(0, 1fr));
|
||||
}
|
||||
}
|
@ -1,12 +0,0 @@
|
||||
.window-app {
|
||||
font-family: $font-primary;
|
||||
}
|
||||
|
||||
.rollable {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #000;
|
||||
text-shadow: 0 0 10px rgb(146, 0, 225);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user