/* Copyright (C) 2019, 2020, 2021, 2022, 2023, 2024, 2025 Dnote contributors
 *
 * This file is part of Dnote.
 *
 * Dnote is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Dnote is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Dnote.  If not, see <https://www.gnu.org/licenses/>.
 */

@use 'reboot';
@use 'grid';
@use 'bootstrap';
@use 'buttons';
@use 'responsive';
@use 'select';
@use 'shared';
@use 'marker';
@use 'rem';
@use 'markdown';
@use 'hljs';

@use 'login';
@use 'home';
@use 'note';
@use 'books';
@use 'settings';
@use 'header';
@use 'global';

html {
  font-size: 62.5%; /* 1.0 rem = 10px */
}

html body {
  margin: 0;
  font-size: 1.6rem;
}

img {
  max-width: 100%;
}

// input[type='email'],
// input[type='password'],
// input[type='text'] {
//   &::placeholder {
//     color: #aaa;
//   }
// }

.main-content {
  padding-top: 24px;
}

.no-scroll {
  overflow: hidden;

  // prevent ios safari from scrolling
  // but it causes page to scroll to top on modal open
  // position: fixed;
  // left: 0;
  // right: 0;
  // top: 0;
  // bottom: 0;
}

.container.mobile-nopadding {
  @include responsive.breakpoint(mdonly) {
    max-width: 100%;
  }

  @include responsive.breakpoint(mddown) {
    padding-left: 0;
    padding-right: 0;

    .row {
      margin-left: 0;
      margin-right: 0;
    }
    [class*='col-'] {
      // Apply to all column(s) inside the row
      padding-left: 0;
      padding-right: 0;
    }
  }
}

// START: override bootstrap
.form-control {
  font-size: 1.6rem;
}
.dropdown {
  position: inherit;
}
// END: override bootstrap
// START: bootstrap related
.input-group {
  input ~ button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
// END: bootstrap related

// .twitter-follow-btn {
//   position: fixed;
//   bottom: 0px;
//   right: 10px;
// }

.page {
  //padding: 35px 0;
  //min-height: calc(100vh - 57px);
  //min-height: 100vh;
  // padding-top: rem(48px);
}
.page-bgdark {
  background: #ececec;
}

// Measure scrollbar width for padding body during modal show/hide
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.input {
  border-radius: rem.rem(4px);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
