Commit f9b6b601 authored by shadMod's avatar shadMod 💬

mv 034.md in folder 'Dicembre'

split bootstrap_v5 in colors, format_text, grid, layout and root
parent d1a4b290
...@@ -5,5 +5,5 @@ dd3my - dd3my@ubuntu.it ...@@ -5,5 +5,5 @@ dd3my - dd3my@ubuntu.it
- Microsoft offre un tutorial inaspettato su come installare Linux - Microsoft offre un tutorial inaspettato su come installare Linux
- Raspberry Pi Imager ottiene una nuova interfaccia utente - Raspberry Pi Imager ottiene una nuova interfaccia utente
- Aggiornamenti di sicurezza - Aggiornamenti di sicurezza
- Bug riportati - Bug riportati -
- Scrivi per la newsletter - Scrivi per la newsletter
\ No newline at end of file
/*!
* Bootstrap Grid v5.0.0 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Copyright 2023 shadMod
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.bg-transparent {
background: transparent !important;
}
.bg-white {
background: white !important;
}
.shadow-none {
box-shadow: none !important;
}
\ No newline at end of file
/*!
* Bootstrap Grid v5.0.0 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Copyright 2023 shadMod
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.text-start {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-end {
text-align: right !important;
}
.text-justify {
text-align: justify !important;
}
.text-dark {
color: #212529 !important;
}
\ No newline at end of file
/*!
* Bootstrap Grid v5.0.0 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Copyright 2023 shadMod
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
$size_width: ("sm": 576, "md": 768, "lg": 992, "xl": 1200, "xxl": 1400);
$list_cols: ("auto": "auto", "1": "8.33333333%", "2": "16.66666667%", "3": "25%", "4": "33.33333333%", "5": "41.66666667%", "6": "50%", "7": "58.33333333%", "8": "66.66666667%", "9": "75%", "10": "83.33333333%", "11": "91.66666667%", "12": "100%");
@each $col, $width in $list_cols {
.col-#{$col} {
flex: 0 0 auto;
width: #{$width};
}
}
@each $typology, $size in $size_width {
@media (min-width: #{$size}px) {
.col-#{$typology} {
flex: 1 0 0%;
}
@each $col, $width in $list_cols {
.col-#{$typology}-#{$col} {
flex: 0 0 auto;
width: #{$width};
}
}
}
}
\ No newline at end of file
/*!
* Bootstrap Grid v5.0.0 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Copyright 2023 shadMod
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
$sizes: (25: "25%", 50: "50%", 75: "75%", 100: "100%", "auto": "auto");
@each $size, $width in $sizes {
.w-#{$size} {
width: #{$width} !important;
}
}
.m-auto {
margin: auto;
}
$size_width: (0: 0, 1: "0.25rem", 2: "0.5rem", 3: "1rem", 4: "1.5rem", 5: "3rem");
$positions: ("": "","t": "-top", "e": "-right", "b": "-bottom", "s": "-left");
@each $nr, $width in $size_width {
@each $name, $position in $positions {
.m#{$name}-#{$nr} {
margin#{$position}: #{$width} !important;
}
}
}
@each $nr, $width in $size_width {
@each $name, $position in $positions {
.p#{$name}-#{$nr} {
padding#{$position}: #{$width} !important;
}
}
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.align-i-center {
align-items: center !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
\ No newline at end of file
/*! /*!
* Bootstrap Grid v5.2.3 (https://getbootstrap.com/) * Bootstrap Grid v5.0.0 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc. * Copyright 2011-2022 Twitter, Inc.
* Copyright 2023 shadMod * Copyright 2023 shadMod
...@@ -74,168 +74,3 @@ ...@@ -74,168 +74,3 @@
--bs-code-color: #d63384; --bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd; --bs-highlight-bg: #fff3cd;
} }
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
$size_width: ("sm": 576, "md": 768, "lg": 992, "xl": 1200, "xxl": 1400);
$list_cols: ("auto": "auto", "1": "8.33333333%", "2": "16.66666667%", "3": "25%", "4": "33.33333333%", "5": "41.66666667%", "6": "50%", "7": "58.33333333%", "8": "66.66666667%", "9": "75%", "10": "83.33333333%", "11": "91.66666667%", "12": "100%");
@each $col, $width in $list_cols {
.col-#{$col} {
flex: 0 0 auto;
width: #{$width};
}
}
@each $typology, $size in $size_width {
@media (min-width: #{$size}px) {
.col-#{$typology} {
flex: 1 0 0%;
}
@each $col, $width in $list_cols {
.col-#{$typology}-#{$col} {
flex: 0 0 auto;
width: #{$width};
}
}
}
}
$sizes: (25: "25%", 50: "50%", 75: "75%", 100: "100%", "auto": "auto");
@each $size, $width in $sizes {
.w-#{$size} {
width: #{$width} !important;
}
}
.m-auto {
margin: auto;
}
.text-center {
text-align: center !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-justify {
text-align: justify !important;
}
.bg-white {
background: white !important;
}
.bg-transparent {
background: transparent !important;
}
.shadow-none {
box-shadow: none !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.text-dark {
color: #212529 !important;
}
.align-i-center {
align-items: center !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
$size_width: (1: "0.25rem", 2: "0.5rem", 3: "1rem", 4: "1.5rem", 5: "3rem");
$positions: ("": "","t": "-top", "e": "-right", "b": "-bottom", "s": "-left");
@each $nr, $width in $size_width {
@each $name, $position in $positions {
.m#{$name}-#{$nr} {
margin#{$position}: #{$width} !important;
}
}
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment