diff --git a/tutorials.css b/tutorials.css deleted file mode 100644 index 544b7c3..0000000 --- a/tutorials.css +++ /dev/null @@ -1,199 +0,0 @@ -.navigation-links-nav { - flex: 0 0 auto; - display: flex; - align-items: center; - flex-direction: row; -} -.navigation-links-text1 { - margin-left: var(--dl-space-space-twounits); -} -.navigation-links-text2 { - margin-left: var(--dl-space-space-twounits); -} -.navigation-links-text3 { - margin-left: var(--dl-space-space-twounits); -} -.navigation-links-text4 { - margin-left: var(--dl-space-space-twounits); -} - - - - - - - - - - - - -@media(max-width: 767px) { - .navigation-links-nav { - align-items: flex-start; - flex-direction: column; - } - .navigation-links-text { - margin-bottom: var(--dl-space-space-unit); - } - .navigation-links-text1 { - margin-left: 0; - margin-bottom: var(--dl-space-space-unit); - } - .navigation-links-text2 { - margin-left: 0; - margin-bottom: var(--dl-space-space-unit); - } - .navigation-links-text3 { - margin-left: 0; - margin-bottom: var(--dl-space-space-unit); - } - .navigation-links-text4 { - margin-left: 0; - margin-bottom: var(--dl-space-space-unit); - } -} - -.tutorials-container { - width: 100%; - display: flex; - overflow: auto; - min-height: 100vh; - align-items: center; - flex-direction: column; -} -.tutorials-header { - width: 100%; - display: flex; - max-width: var(--dl-size-size-maxwidth); - align-items: center; - padding-top: var(--dl-space-space-twounits); - padding-left: var(--dl-space-space-threeunits); - padding-right: var(--dl-space-space-threeunits); - padding-bottom: var(--dl-space-space-twounits); - justify-content: space-between; -} -.tutorials-navlink { - display: contents; -} -.tutorials-image { - height: var(--dl-size-size-medium); - text-decoration: none; -} -.tutorials-nav { - display: flex; -} -.tutorials-navlink1 { - font-size: 20px; - padding-left: var(--dl-space-space-halfunit); - padding-right: var(--dl-space-space-halfunit); - text-decoration: none; -} -.tutorials-navlink2 { - font-size: 20px; - padding-left: var(--dl-space-space-halfunit); - padding-right: var(--dl-space-space-halfunit); - text-decoration: none; -} -.tutorials-navlink3 { - font-size: 20px; - padding-left: var(--dl-space-space-halfunit); - padding-right: var(--dl-space-space-halfunit); - text-decoration: none; -} -.tutorials-navlink4 { - font-size: 20px; - padding-left: var(--dl-space-space-halfunit); - padding-right: var(--dl-space-space-halfunit); - text-decoration: none; -} -.tutorials-btn-group { - border: 2px dashed rgba(120, 120, 120, 0.4); - display: flex; - align-items: center; - flex-direction: row; - justify-content: space-between; -} -.tutorials-burger-menu { - display: none; -} -.tutorials-icon { - width: var(--dl-size-size-xsmall); - height: var(--dl-size-size-xsmall); -} -.tutorials-mobile-menu { - top: 0px; - left: 0px; - width: 100%; - height: 100vh; - display: none; - padding: 32px; - z-index: 100; - position: absolute; - flex-direction: column; - justify-content: space-between; - background-color: #fff; -} -.tutorials-nav1 { - display: flex; - align-items: flex-start; - flex-direction: column; -} -.tutorials-container1 { - width: 100%; - display: flex; - align-items: center; - margin-bottom: var(--dl-space-space-threeunits); - justify-content: space-between; -} -.tutorials-image1 { - height: 2rem; -} -.tutorials-menu-close { - display: flex; - align-items: center; - justify-content: center; -} -.tutorials-icon02 { - width: var(--dl-size-size-xsmall); - height: var(--dl-size-size-xsmall); -} -.tutorials-icon04 { - width: var(--dl-size-size-xsmall); - height: var(--dl-size-size-xsmall); - margin-right: var(--dl-space-space-twounits); -} -.tutorials-icon06 { - width: var(--dl-size-size-xsmall); - height: var(--dl-size-size-xsmall); - margin-right: var(--dl-space-space-twounits); -} -.tutorials-icon08 { - width: var(--dl-size-size-xsmall); - height: var(--dl-size-size-xsmall); -} -@media(max-width: 767px) { - .tutorials-header { - padding-left: var(--dl-space-space-twounits); - padding-right: var(--dl-space-space-twounits); - } - .tutorials-nav { - display: none; - } - .tutorials-btn-group { - display: none; - } - .tutorials-burger-menu { - display: flex; - align-items: center; - justify-content: center; - } -} -@media(max-width: 479px) { - .tutorials-header { - padding: var(--dl-space-space-unit); - } - .tutorials-mobile-menu { - padding: 16px; - } -}